Awesome job!! Could you please make another video talking about Steam peculiarities? For example, did you use the Steam's achievments system? How does it work? Is it an API that you can work with using ajax requests or there is a specific port of the Steam library for JavaScript? That would be very interesting....
Luiz Fernando Noschang that’s a really cool idea! We only scratched the surface of Steam features with this game, but I did learn a lot of random quirks about the platform. Will ponder and see if I have enough for a useful video!
I am working on a game called kings and pigs, in this game you play as a vi(king) who defends himself against pigs with bombs, planes and other weapons
Danger Crew looks absolutely awesome. I am surprised by one detail though... it looks like you use DOM elements for displaying sprites, nonetheless it moves smoothly ( I decided to use canvas fearing some lag, or other issues with DOM elements animated by CSS and javascript) I have been developing Angel Squad, purely out of vanilla JS, HTML, CSS, pixelart, with its campaigns and dedicated game editors using the same technologies + PHP. Angel Squad is a mix of a brickbreaker, and a vertical shmup with powerups, combos and other features. Your character can be upgraded, and powerups can be purchased with gold coins. The game is divided into various missions that (can) contain several objectives. A demo will be soon available on itch.io
Me, I'm making games called Zpecial Child and Les Geass. I need some help to create a Free games for Android on Play Store. I hope they don't need to pay someone. Just i need some help for my project
that sprite animation is pure genius... how easy you did it to just toggle the class that has the keyframes with steps... great job guys! going to buy this game on steam
I'm still relatively early in my Web Dev journey. I've been programming for about a year now and have created two games: Blackjack, which is... Blackjack using DOM elements, and Space Cat, a clone of the old pc-80 game Space Mouse, made with Javascript and rendered using the canvas element. I actually first started messing around with Game Dev back in the golden days of Flash and ActionScript and later dabbled with Game Maker Studio. Both of those languages paved the road for me to learn Javascript. Space Cat was a huge milestone for me because I was able to build an entire game engine without using any frameworks or tutorials. I also had a lot of fun making it. Learning about Electron was a huge inspiration for me and I can't wait to work on my next game project. Awesome video!
Fantastic presentation! Very inspirational, I started working on a browser game today with some friends and members from my community and now I have newfound faith that it'll actually become something :D
Great tutorial! I found this incredibly helpful, and as you hoped, motivational! After working as a web developer on a three year solo project and not taking any time off, I'm being 'forced' to use some of my vacation time. I'm maybe a bit of a workaholic, and need to be working on something. I spent the first few days gaming on steam but started dreading the thought of doing that for the next week and a half. No joke, your video has made me excited about my time off! :D Thanks for sharing!
DUDE! This game is amazing! Even more knowing that it was done only using web dev languages, I insist on buying and spending a few days playing, RPG is my favorite style, I work in web dev for more than 10 years, I always wanted to make games but I never managed because I am not good with graphics. I loved the way you used tiles to make the player move through squares. Congratulations! What an incredible game.
This is so inspiring. Your presentation was really nice and clear, both visually and in your explanation. What you said truly opens up doors and potential I didn't expect. It's amazing to see some of the behind-the-scene work and thinking process. I also love the concept of the game that is centered around developers stuff. I wish there were more games around that. Thank you, and wishing you the best.
Great work! I've been working with RPGMV but now turning into JavaScript after this series of videos you are releasing. It is a great guide for me since I am only have a couple of months with JavaScript. I am developing a japanese language educational game
Love seeing someone else make a game in JS! I need to get into canvas though- still trying to do too much in raw JS and it ends up quite hefty performance wise.
This is very cool!!! I'm still in school for full stack. But it's good to know I'm not locked into front end and back end. Good inspiration, I look forward to playing Danger Crew!
I was just thinking about builiding a little card game with js for a project I need (Im just a beginner), and thought it was too difficult. And then this gets in my recommended. Now I have full confidence to do it :D, very well explained and insightful video
Really well put together video Drew, thanks for the insights! Not working on a game as such but currently building a web app which I intend to "gamify". It's interesting to see that even game dev videos about javascript are much more popular than web dev videos! People love a bit of game development! :D Tom
Hey that this awesome!! Look very cool! i am working on a RPG too , a Horror-one i am a new game dev. as a game dev Game engines ARE NOT important !! you dont have to spend too much money for making a awesome game.. you can make great games too with free engines. like me i using JavaScript and C++ to make games and too i bought the Danger Crew game yesterday.
Thanks for this! Big fan of your work since I tried the demo of Danger Crew. Currently building a game for my final project in my web dev bootcamp and it's not as intimidating! :)
im currently working on a game like monster hunter but 2d and the battle system is turn based , looking forward to your next videos. pixel art is never been easy on first time
Thank you! Ill be honest coding is one of the most stressful and difficult things for me. I want to create an RPG game, but of course I know I need to learn some coding, but Its extremely difficult for me to understand coding concepts. I'm going to try my best to dissect your code and hopefully not give up anytime soon...wish me luck
Idk if you're still trying to make a game, but definitely try RPG Maker MV or MZ! It's definitely very basic from its start, but you can do practically anything you'd want in there, especially as far as RPGs. Even Godot could be a great free option! I feel like making an RPG like this is most ideal if you're already familiar with front-end development oriented coding languages over more generalized or even game-oriented code languages.
Hey Drew! Really helpful video! I'm looking to build a top down 2d game with similar battle rooms, but with real-time multiplayer support via websockets (or firebase like in your multiplayer video) if feasible. I have no idea if a browser-based Javascript game with the scope of Danger Crew could handle real time multiplayer without pretty noticeable performance issues though so I was curious if that might have been the reason you guys opted to go with single player. That could have also just been a game design decision, but I'm interested to hear your thoughts on that and whether it would have noticeably impacted the performance of Danger Crew
Drew, I'm planning a farming type rpg. I'm currently a javascript guy, freelance web developer. I want my game to be pixelated top down quite like a few you've made, but I also want persistance, like saved games and all of that. I plan on using Firebase/Firestore for the backend functions and database, so, what engine/framework do you recommend I use? I've been gathering info on Kaboom and Excalibur and Phaser, but I'd like to hear your opinion. Thanks for your time, I love the videos.
Firebase for the backend is a great choice. Have you tried the front end Kaboom/Phaser/Excalibur options? It’s hard to go wrong, but would be worth the time to prototype your idea in all three to get a feel of your productivity with each library. I’m personally an Excalibur fan.
I've been getting the decision paralysis when it comes to game dev tools. I've made quite a bit of demos in Unity3D but pivoted to Web dev for a few years now (React, Node) I was looking into Godot as I'm big on FOSS, but noticed all the great tools for building web games (which is my target) BabylonJS and Phaser seemed to be the 2 big winners. I really liked where in Unity I could build out a 2D and easily transition to 3D so BabylonJS makes the most sense to pick
This is exactly what I was looking for! I use elctron in my day to day and I wanted to know if it was possible to make a game using it. For some reason no one else speaks about it Thanks!
Mother/Earthbound vibes , I fw it lol. Im working on a game myself in vanilla js /css/html , just a simple 2d rendering system in place right now. The workflow has been a dream compared to every other env I've tried. Idk why I slept on web tech for game dev but highly recommend it for a quick entry point / productive workflow with well established & documented languages
The collaborative potential too omg..u don't need to set up crazy tooling on different platforms to work together when targeting the browser. Any system with a text editor can make contributions w/ ease 🙏
Dear Mr.Drew, can you make a video about mapping, and make a border if the map isn't square and there is a way/route. and also the tree, so the character doesn't go through the things, and the map. Thankyou
May I know if you still have the powerpoint style or the documentations of your tricks on how you make your game using React? If there is a price, I'm fine with that. I'm trying to create my own RPG, this will help me alot. I hope you respond! Thank you.
Is it better to just code in JavaScript if you're still learning it, or what about using Construct? Does that make you dependent on that system? Your Pizza game tutorial is awesome!
If you think about it, what do you even need electron for? For the sake of the game being located on Steam? As a web developer you could just publish the game as its own website.
amazing how you use "camera"... when i was creating a silly prototype game using only javascript, i take huge div really bigger than screen size as my map, and put player really walking arround, using some kind of offset with absolute position in div i was using as "camera". But, my game are much more action style, using mouse position on screen i rotate my character arround and listening to mouse it attacks (shoots, slash swords and soo on) Ohhh, i used canvas too, really neat stuff, but, i was after, when i as entering already in ThreeJS stuff... My problem now is only how to save progress if someone close my project, before i always using node.js server to handle game, with mongodb. But, i want to create a more friendly setup. And i was testing now NWJS is kinda electron. Never worked with this kind of stuff, soo, i need to make one or another ways, learn how to save json files in local computer from "front-end side" or run a server in this NWJS application to hook up both sides and use simple fs from node. Other point i was worry is, menu screen/invetory screen, i used a div open over canvas in the past, but, i prefer try some new scene stuff from threejs, looks more consistent i guess, but, for my prototype i am working now may i use the div solution in the end... Nice video man!
@@DrewConley thank you for the reply. I’m wondering because there are different multiplayer options in Steam. Many games use “Remote play” (which is terrible) but I’m interested in the “Join game” / “Invite to lobby” options we get by right clicking one of our friends in the chat friends list. For example, like we can do with the game “Terraria”. I would like to have something like that. If you could make a video about implementing that, it would be amazing! Thank you
Hi, great video there and great ideas ! I started creating my own front-end video game a year ago ans ended UP quitting, didnt know how to manage the z-index property, I'm definitly curious to know how you did to avoid Map items overlapping !
Hi there for your game how do you create a save and load function, was thinking of using add to cart, where the add to cart button is the save button in the game and the cart page is the loading page not sure how to get it to work though any ideas
Question: what if I had multiple npcs that walk around or other players in the scene? How would the viewport handle this? How would the animation sprite would be handled with an unknown number of players? What approaches are known?
That was a great video and your project looks amazing. I am trying to develop a game using react and I would like to have some suggestions regarding tools that I could use to design the maps. I need something beginner-friendly. Thanks !
Hey friends, let us know here in the comments what kind of game you're working on with JavaScript!
Awesome job!! Could you please make another video talking about Steam peculiarities? For example, did you use the Steam's achievments system? How does it work? Is it an API that you can work with using ajax requests or there is a specific port of the Steam library for JavaScript? That would be very interesting....
Luiz Fernando Noschang that’s a really cool idea! We only scratched the surface of Steam features with this game, but I did learn a lot of random quirks about the platform. Will ponder and see if I have enough for a useful video!
I am working on a game called kings and pigs, in this game you play as a vi(king) who defends himself against pigs with bombs, planes and other weapons
Danger Crew looks absolutely awesome. I am surprised by one detail though... it looks like you use DOM elements for displaying sprites, nonetheless it moves smoothly ( I decided to use canvas fearing some lag, or other issues with DOM elements animated by CSS and javascript)
I have been developing Angel Squad, purely out of vanilla JS, HTML, CSS, pixelart, with its campaigns and dedicated game editors using the same technologies + PHP. Angel Squad is a mix of a brickbreaker, and a vertical shmup with powerups, combos and other features. Your character can be upgraded, and powerups can be purchased with gold coins. The game is divided into various missions that (can) contain several objectives. A demo will be soon available on itch.io
Me, I'm making games called Zpecial Child and Les Geass. I need some help to create a Free games for Android on Play Store. I hope they don't need to pay someone. Just i need some help for my project
that sprite animation is pure genius... how easy you did it to just toggle the class that has the keyframes with steps... great job guys! going to buy this game on steam
This is the CLEANEST code I've ever seen. In fact, I'll credit this video for convincing me to rewrite my game in React + Electron
I'm still relatively early in my Web Dev journey. I've been programming for about a year now and have created two games: Blackjack, which is... Blackjack using DOM elements, and Space Cat, a clone of the old pc-80 game Space Mouse, made with Javascript and rendered using the canvas element. I actually first started messing around with Game Dev back in the golden days of Flash and ActionScript and later dabbled with Game Maker Studio. Both of those languages paved the road for me to learn Javascript. Space Cat was a huge milestone for me because I was able to build an entire game engine without using any frameworks or tutorials. I also had a lot of fun making it. Learning about Electron was a huge inspiration for me and I can't wait to work on my next game project. Awesome video!
The tutorial is awesome… I was looking for game dev tutorial as a frontend developer and this is it! Thank you Drew.
Fantastic presentation! Very inspirational, I started working on a browser game today with some friends and members from my community and now I have newfound faith that it'll actually become something :D
awesome. thank you! I am trying to create a 2d topdown realtime multiplayer with node and react, now i've got some motivation
Great tutorial! I found this incredibly helpful, and as you hoped, motivational!
After working as a web developer on a three year solo project and not taking any time off, I'm being 'forced' to use some of my vacation time.
I'm maybe a bit of a workaholic, and need to be working on something. I spent the first few days gaming on steam but started dreading the thought of doing that for the next week and a half.
No joke, your video has made me excited about my time off! :D
Thanks for sharing!
Great talk and amazing project. Thanks for sharing your experience.
You're an inspiration to all of us! Thank you very much for this encouraging video in these hard times :D
Awesome, thanks for the intro and info
DUDE! This game is amazing! Even more knowing that it was done only using web dev languages, I insist on buying and spending a few days playing, RPG is my favorite style, I work in web dev for more than 10 years, I always wanted to make games but I never managed because I am not good with graphics. I loved the way you used tiles to make the player move through squares. Congratulations! What an incredible game.
Thank you sir this is exactly the tutorial I want. Just learned react at university and can’t wait to have a try
I found this game a few years ago, and today and yesterday I played the demo. I have to say, this is probably one of my favorite games! :D
This is so inspiring. Your presentation was really nice and clear, both visually and in your explanation. What you said truly opens up doors and potential I didn't expect. It's amazing to see some of the behind-the-scene work and thinking process.
I also love the concept of the game that is centered around developers stuff. I wish there were more games around that.
Thank you, and wishing you the best.
How did I not think about this before.. genius man.. genius.
I find your channel very helpful and informative. You should have more subscribers.
15:23 this is pure css genius, nice one!
Thank you Drew for this awesome presentation! The game looks really cool.
Ik nothing about Javascript, now I feel like I can make a game lol. Ur a good presenter!
Great work! I've been working with RPGMV but now turning into JavaScript after this series of videos you are releasing. It is a great guide for me since I am only have a couple of months with JavaScript. I am developing a japanese language educational game
Thank you! That's really cool to hear. Keep me posted on your progress!
eureka moment!!!
This video have really opened my mind in web development. I love the UI of the game. I have been a huge pokemon fan.
Dude the spritesheet animation 🤯
Love seeing someone else make a game in JS! I need to get into canvas though- still trying to do too much in raw JS and it ends up quite hefty performance wise.
This is really great! I wish you would make a tutorial about how you made this . . this is so interesting. Great Job!!
Love the idea and presentation of gamecoding in javascript!! Thank you!!!!💖💖💖
I don't know a lot of javascript but still cool, I came here from you Firebase Multiplayer guide this RPG looks cool!
Love your videos! Thank you SO MUCH for creating them and sharing your knowledge :)
Great video Drew, thanks for sharing your knowledge with us
thanks a lot draw for your inspiration and this motivational video
Great presentation!
An in-depth tutorial with all the details would be even greater.
the line made me subscribe "I help ppl get into game development"
I suddenly have an even bigger love for the Webprogramming course I chose to take in university this semester. Thanks!
Good luck with the course! You can achieve anything with web programming 😀
Excellent demonstration! Game looks really cool :) Good job!
I tried to like but I have liked already the last time I went here. Great material.
I'm an aspiring game developer and also a React front end dev. I'm glad I found your channel! Please don't stop making videos
This is very cool!!! I'm still in school for full stack. But it's good to know I'm not locked into front end and back end. Good inspiration, I look forward to playing Danger Crew!
So inspiring. Really well explained. Just love it ! Great job !
Amazing presentation! Please make a series tutorial about Pixel art game dev for Web, really want to learn it.
I was just thinking about builiding a little card game with js for a project I need (Im just a beginner), and thought it was too difficult. And then this gets in my recommended. Now I have full confidence to do it :D, very well explained and insightful video
wanna pair program it right now... I'm good with Javascript, HTML, and CSS?
@@nathanielcooke1902 thank you good sir, but its a project for an online course and I cannot receive external help 😇
super cool!!
thanks for sharing!
Dropping a like for reintroducing me to Electron!
This is amazing and highly encouraging. Thanks! Great game also!
Dude , Thank you! You solved my unsolved questions with one video. Subscribed!
Really well put together video Drew, thanks for the insights! Not working on a game as such but currently building a web app which I intend to "gamify". It's interesting to see that even game dev videos about javascript are much more popular than web dev videos! People love a bit of game development! :D
Tom
Hey that this awesome!! Look very cool! i am working on a RPG too , a Horror-one i am a new game dev. as a game dev Game engines ARE NOT important !! you dont have to spend too much money for making a awesome game.. you can make great games too with free engines. like me i using JavaScript and C++ to make games and too i bought the Danger Crew game yesterday.
Pure JS or with frameworks?
Thanks for this! Big fan of your work since I tried the demo of Danger Crew. Currently building a game for my final project in my web dev bootcamp and it's not as intimidating! :)
That's awesome! Good luck with the game project!
Amazing and encouraging. Thank you.
im currently working on a game like monster hunter but 2d and the battle system is turn based , looking forward to your next videos. pixel art is never been easy on first time
Awesome dude, looks like a fun game
Great! You gave the blueprint. Now, let's make a game in JS and release it on Steam!
This is really great , thank you. I've been working on a Web game recently
Thank you! Ill be honest coding is one of the most stressful and difficult things for me. I want to create an RPG game, but of course I know I need to learn some coding, but Its extremely difficult for me to understand coding concepts. I'm going to try my best to dissect your code and hopefully not give up anytime soon...wish me luck
Good luck
Idk if you're still trying to make a game, but definitely try RPG Maker MV or MZ! It's definitely very basic from its start, but you can do practically anything you'd want in there, especially as far as RPGs. Even Godot could be a great free option! I feel like making an RPG like this is most ideal if you're already familiar with front-end development oriented coding languages over more generalized or even game-oriented code languages.
I love how the game turned out, and that you were able to create it with normal web dev skills. How much did you end up earning from this project?
Awesome work
Because of this I'm now gonna be a Game Dev.
Hey Drew! Really helpful video! I'm looking to build a top down 2d game with similar battle rooms, but with real-time multiplayer support via websockets (or firebase like in your multiplayer video) if feasible. I have no idea if a browser-based Javascript game with the scope of Danger Crew could handle real time multiplayer without pretty noticeable performance issues though so I was curious if that might have been the reason you guys opted to go with single player. That could have also just been a game design decision, but I'm interested to hear your thoughts on that and whether it would have noticeably impacted the performance of Danger Crew
this is wat i needed thanks... as i inserting this directly into my brain
This is GREAT!
O god save me, now i'm in js game developing LUST, after this video...
Drew, I'm planning a farming type rpg. I'm currently a javascript guy, freelance web developer. I want my game to be pixelated top down quite like a few you've made, but I also want persistance, like saved games and all of that. I plan on using Firebase/Firestore for the backend functions and database, so, what engine/framework do you recommend I use? I've been gathering info on Kaboom and Excalibur and Phaser, but I'd like to hear your opinion. Thanks for your time, I love the videos.
Firebase for the backend is a great choice. Have you tried the front end Kaboom/Phaser/Excalibur options? It’s hard to go wrong, but would be worth the time to prototype your idea in all three to get a feel of your productivity with each library. I’m personally an Excalibur fan.
really awesome!
Very helpful and informative :D
Thanks for your sharing :)
Love this!
awesome video thank you! :D
Can you make a tutorial how you set up/organized your react app with phaser and how you organized your files etc. thanks a lot!
Hey, this project did not use Phaser.... it's only Create React App. My project setup is honestly very boring but I will consider this!
I've been getting the decision paralysis when it comes to game dev tools. I've made quite a bit of demos in Unity3D but pivoted to Web dev for a few years now (React, Node)
I was looking into Godot as I'm big on FOSS, but noticed all the great tools for building web games (which is my target)
BabylonJS and Phaser seemed to be the 2 big winners. I really liked where in Unity I could build out a 2D and easily transition to 3D so BabylonJS makes the most sense to pick
This is exactly what I was looking for! I use elctron in my day to day and I wanted to know if it was possible to make a game using it. For some reason no one else speaks about it
Thanks!
thanks...this is awesome!
Mother/Earthbound vibes , I fw it lol. Im working on a game myself in vanilla js /css/html , just a simple 2d rendering system in place right now. The workflow has been a dream compared to every other env I've tried. Idk why I slept on web tech for game dev but highly recommend it for a quick entry point / productive workflow with well established & documented languages
The collaborative potential too omg..u don't need to set up crazy tooling on different platforms to work together when targeting the browser. Any system with a text editor can make contributions w/ ease 🙏
super cool, game!
I would love to do something similar - just with action rpm vs turn based. Very cool project. Thanks for sharing!
Dear Mr.Drew, can you make a video about mapping, and make a border if the map isn't square and there is a way/route. and also the tree, so the character doesn't go through the things, and the map. Thankyou
May I know if you still have the powerpoint style or the documentations of your tricks on how you make your game using React? If there is a price, I'm fine with that. I'm trying to create my own RPG, this will help me alot. I hope you respond! Thank you.
Is it better to just code in JavaScript if you're still learning it, or what about using Construct? Does that make you dependent on that system? Your Pizza game tutorial is awesome!
I would like to see / hear more about the enemy AI logic implementation (picking different abilities based on personality)
How do you create these maps and render them? I'm new to creating games on the web so I'm not sure how to go about creating a map.
this is so inspiring, tho man collision is a bit scary
so cool!
Wtf this video just got to my screen and im a self taught web dev and also want to become game dev in a coming future ... amazing 👌
Inspirational
I dont suppose you have open sourced this? I would love to take a closer look or fork it for my own project!
nice explanation, really liked the video. I am looking forward to make portfolio website using some game to make it interactive. How did I start?
If you think about it, what do you even need electron for? For the sake of the game being located on Steam? As a web developer you could just publish the game as its own website.
Hello you are very good youtuber and thank´s for your content
A dream come true!
amazing how you use "camera"... when i was creating a silly prototype game using only javascript, i take huge div really bigger than screen size as my map, and put player really walking arround, using some kind of offset with absolute position in div i was using as "camera". But, my game are much more action style, using mouse position on screen i rotate my character arround and listening to mouse it attacks (shoots, slash swords and soo on) Ohhh, i used canvas too, really neat stuff, but, i was after, when i as entering already in ThreeJS stuff... My problem now is only how to save progress if someone close my project, before i always using node.js server to handle game, with mongodb. But, i want to create a more friendly setup. And i was testing now NWJS is kinda electron. Never worked with this kind of stuff, soo, i need to make one or another ways, learn how to save json files in local computer from "front-end side" or run a server in this NWJS application to hook up both sides and use simple fs from node. Other point i was worry is, menu screen/invetory screen, i used a div open over canvas in the past, but, i prefer try some new scene stuff from threejs, looks more consistent i guess, but, for my prototype i am working now may i use the div solution in the end... Nice video man!
i didnt even know electron existed thx!
Amazing content!
Awesome!
pls can u make a video on VS code games how to code like create fighting games
Is it possible to make it multiplayer in Steam using Electron? Eg. a pong game to play with a friend
Absolutely. If it runs fine in desktop Chrome, it will work great in Electron.
@@DrewConley thank you for the reply. I’m wondering because there are different multiplayer options in Steam. Many games use “Remote play” (which is terrible) but I’m interested in the “Join game” / “Invite to lobby” options we get by right clicking one of our friends in the chat friends list. For example, like we can do with the game “Terraria”. I would like to have something like that. If you could make a video about implementing that, it would be amazing! Thank you
Hi, great video there and great ideas ! I started creating my own front-end video game a year ago ans ended UP quitting, didnt know how to manage the z-index property, I'm definitly curious to know how you did to avoid Map items overlapping !
Hi there for your game how do you create a save and load function, was thinking of using add to cart, where the add to cart button is the save button in the game and the cart page is the loading page not sure how to get it to work though any ideas
Question: what if I had multiple npcs that walk around or other players in the scene? How would the viewport handle this? How would the animation sprite would be handled with an unknown number of players? What approaches are known?
That was a great video and your project looks amazing. I am trying to develop a game using react and I would like to have some suggestions regarding tools that I could use to design the maps. I need something beginner-friendly. Thanks !
Good reminder that game programming is just programming. Hahahahaha
Great talk!
I have one question sir. Do you think it’s possible and recommended to build this on react-native?
is there any detailed tutorial about this game?