Hey friends, let us know here in the comments what kind of game you're working on with JavaScript!
@luizfernandonoschang82984 жыл бұрын
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....
@DrewConley4 жыл бұрын
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!
@kronokun3 жыл бұрын
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
@pmmbb33443 жыл бұрын
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
@mrss_darkdragonov3 жыл бұрын
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
@TodorescuProgramming3 жыл бұрын
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
@perseuswong68643 жыл бұрын
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
@MrMariy04 жыл бұрын
awesome. thank you! I am trying to create a 2d topdown realtime multiplayer with node and react, now i've got some motivation
@chocomunky1283 жыл бұрын
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!
@DiegoDevPro2 жыл бұрын
Great talk and amazing project. Thanks for sharing your experience.
@LucasDev3 жыл бұрын
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.
@mr2ti413 жыл бұрын
How did I not think about this before.. genius man.. genius.
@scribs4043 жыл бұрын
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
@danielmorris76515 ай бұрын
Awesome, thanks for the intro and info
@ahntree2 жыл бұрын
The tutorial is awesome… I was looking for game dev tutorial as a frontend developer and this is it! Thank you Drew.
@AirIsLungFood2 жыл бұрын
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!
@iRaionSama4 жыл бұрын
You're an inspiration to all of us! Thank you very much for this encouraging video in these hard times :D
@luckymouse19884 жыл бұрын
Dropping a like for reintroducing me to Electron!
@DisasterMan103 жыл бұрын
15:23 this is pure css genius, nice one!
@eboatwright_3 жыл бұрын
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
@Lucas-gt8en2 ай бұрын
Dude the spritesheet animation 🤯
@excers25813 жыл бұрын
Ik nothing about Javascript, now I feel like I can make a game lol. Ur a good presenter!
@ctXx12345X4 жыл бұрын
I find your channel very helpful and informative. You should have more subscribers.
@mitejmadan86723 жыл бұрын
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.
@brotherhoodwithnobanner13097 ай бұрын
Thank you sir this is exactly the tutorial I want. Just learned react at university and can’t wait to have a try
@ajinkyax2 жыл бұрын
the line made me subscribe "I help ppl get into game development"
@Asty__3 жыл бұрын
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.
@traversal68813 күн бұрын
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.
@vallyexe3 жыл бұрын
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
@rafie95623 жыл бұрын
Good luck
@Arceus5555 Жыл бұрын
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.
@sempribo2 жыл бұрын
Thank you Drew for this awesome presentation! The game looks really cool.
@droidlycodes2 жыл бұрын
I don't know a lot of javascript but still cool, I came here from you Firebase Multiplayer guide this RPG looks cool!
@diegoiovane73834 жыл бұрын
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
@DrewConley4 жыл бұрын
Thank you! That's really cool to hear. Keep me posted on your progress!
@advanced10002 жыл бұрын
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.
@agent-332 жыл бұрын
Pure JS or with frameworks?
@LofiCoder3 жыл бұрын
Amazing presentation! Please make a series tutorial about Pixel art game dev for Web, really want to learn it.
@ProSimples3 жыл бұрын
I tried to like but I have liked already the last time I went here. Great material.
@helenaisaac34493 жыл бұрын
Love the idea and presentation of gamecoding in javascript!! Thank you!!!!💖💖💖
@Kessik83 жыл бұрын
I suddenly have an even bigger love for the Webprogramming course I chose to take in university this semester. Thanks!
@DrewConley3 жыл бұрын
Good luck with the course! You can achieve anything with web programming 😀
@MultiConatus Жыл бұрын
Great! You gave the blueprint. Now, let's make a game in JS and release it on Steam!
@Frankslaboratory4 жыл бұрын
Great video Drew, thanks for sharing your knowledge with us
@beunmin63 жыл бұрын
Because of this I'm now gonna be a Game Dev.
@EmiliaKaida3 жыл бұрын
Great presentation! An in-depth tutorial with all the details would be even greater.
@YellowPanamka3 жыл бұрын
O god save me, now i'm in js game developing LUST, after this video...
@deanwilcoxson97543 жыл бұрын
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!
@mirang28033 жыл бұрын
Excellent demonstration! Game looks really cool :) Good job!
@kamote81922 жыл бұрын
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
@arthur13872 жыл бұрын
This is really great! I wish you would make a tutorial about how you made this . . this is so interesting. Great Job!!
@kungfukenini4 жыл бұрын
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! :)
@DrewConley4 жыл бұрын
That's awesome! Good luck with the game project!
@damienvanced57903 жыл бұрын
So inspiring. Really well explained. Just love it ! Great job !
@sabinedeviche65022 жыл бұрын
Love your videos! Thank you SO MUCH for creating them and sharing your knowledge :)
@tomnewton31912 жыл бұрын
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
@Jasua2 жыл бұрын
thanks a lot draw for your inspiration and this motivational video
@brentryczak2 жыл бұрын
This is amazing and highly encouraging. Thanks! Great game also!
@imxaander33023 жыл бұрын
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
@WorstDeveloper Жыл бұрын
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?
@jgarale3 жыл бұрын
super cool!! thanks for sharing!
@luisb98623 жыл бұрын
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
@nathanielcooke19023 жыл бұрын
wanna pair program it right now... I'm good with Javascript, HTML, and CSS?
@luisb98623 жыл бұрын
@@nathanielcooke1902 thank you good sir, but its a project for an online course and I cannot receive external help 😇
@joshgordon72993 жыл бұрын
Awesome dude, looks like a fun game
@xyhard86033 жыл бұрын
Dude , Thank you! You solved my unsolved questions with one video. Subscribed!
@emanueltejadacoste22503 жыл бұрын
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 👌
@wchorski Жыл бұрын
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
@joshuaperezleduc8714 жыл бұрын
This is GREAT!
@retrofuzzuk36723 жыл бұрын
This is really great , thank you. I've been working on a Web game recently
@2infamouz4752 жыл бұрын
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
@2infamouz4752 жыл бұрын
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 🙏
@christianjohansen14933 жыл бұрын
Amazing and encouraging. Thank you.
@robotpanda63224 жыл бұрын
this is wat i needed thanks... as i inserting this directly into my brain
@Matt.272 жыл бұрын
Awesome work
@nephisto22 жыл бұрын
Good reminder that game programming is just programming. Hahahahaha Great talk!
@AGI_4713 жыл бұрын
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
@eliranassaraf70752 жыл бұрын
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!
@sy-hungdoan48593 жыл бұрын
Very helpful and informative :D
@djwilkins74 жыл бұрын
I would love to do something similar - just with action rpm vs turn based. Very cool project. Thanks for sharing!
@YourDarkAffected6 ай бұрын
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
@BKBees Жыл бұрын
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.
@DrewConley Жыл бұрын
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.
@PapaStromberg3 ай бұрын
really awesome!
@HannazRolynn4 жыл бұрын
i didnt even know electron existed thx!
@AliciaGuitar3 жыл бұрын
I have been developing a game since 2006, rewrote it several times in different languages/frameworks... i am now leaning toward vanilla js and MAYBE phaser since the frameworks change so often with breaking changes. I love working with frameworks, but not having to refactor and rewrite every 3 years 🙄
@mathiassamek3 жыл бұрын
Hello you are very good youtuber and thank´s for your content
@mirusbhergh3 жыл бұрын
A dream come true!
@T123212 жыл бұрын
Love this!
@r1pfake5213 жыл бұрын
I would like to see / hear more about the enemy AI logic implementation (picking different abilities based on personality)
@gabrielroque66643 жыл бұрын
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?
@boot-strapper3 жыл бұрын
I dont suppose you have open sourced this? I would love to take a closer look or fork it for my own project!
@JordanICM Жыл бұрын
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.
@nursegilbey2 жыл бұрын
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!
@mishuhishu943 жыл бұрын
awesome video thank you! :D
@AustinInSeoul2 жыл бұрын
Amazing content!
@CodingFibre2 жыл бұрын
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 !
@imxaander33023 жыл бұрын
thanks...this is awesome!
@bucketlist57223 жыл бұрын
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?
@Flipty182 ай бұрын
Inspirational
@jadebig03 жыл бұрын
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.
@kamote81922 жыл бұрын
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.
@ashleyhoward143 жыл бұрын
I loved this! Do you have any recommendations on how to make background music? I'm coming from the pokemon games, so anything like that would be awesome!
@mj20686 ай бұрын
so cool!
@raficelkouche85313 жыл бұрын
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 !
@nunofontes38953 жыл бұрын
Hi Drew, great video! I'm trying to do a game in React. Just one question, where or how do you draw the background image?
@DrewConley3 жыл бұрын
I usually reach for css background-image as an inline style on the container. You can swap out the image (for a different level, etc) using state in your container’s render method. Hope this helps!
@nunofontes38953 жыл бұрын
@@DrewConley thanks for the response Drew. Sorry, I didn't explain myself the correct way, I meant how do you build/draw the image pixel by pixel? =) thanks for the patience
@RayanLaRoze2 жыл бұрын
Thanks for your sharing :)
@alexandrasmandrik14416 ай бұрын
Awesome!
@writeatunethatreallysucks86962 жыл бұрын
super cool, game!
@CASMANWHAT3 жыл бұрын
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!
@DrewConley3 жыл бұрын
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!
@skiznit3 жыл бұрын
Nice game! I've also been working on a react game. What, if anything, are you using canvas to render? It seems most people use canvas to render everything to have more control over the animations.
@DrewConley3 жыл бұрын
The character spritesheets here are rendered as individual canvas tags. Graphically intense bits will definitely benefit from canvas. It all depends on the needs of the project. In this game, we were able to get away with mostly just raw DOM elements.
@desmondharvard60554 жыл бұрын
Wow this video was awesome. TBH, game development did seem like a steep hill to climb, but one thing I'm learning is coding projects takes time. We live in a world where you can do almost anything instantly, so patience is always a conscious thing to be aware about. This video is helping me calm my nerves and anxieties. I have some questions. I just started learning python. I've been picking up some books from local libraries and I'm about 5-6 chapters in. My cousin recommended python to me because it's the simplest language. My *first question* to you is what language would you recommend for solo-game developing. Or do you recommend python at all? I downloaded a free version of unity but I'm unsure of if it is worth it to learn python first only to have to learn to code in unity. I'm just at a point where I don't know which language I should start in. I did have some thoughts about HTML5 because web games are usually simpler. My *second question* is would you say that conceptual learning is more important than technical learning or are they equal? For example, is it more important to remember the exact syntax of each language and their respective "coding packages" (like python + pygame) or would you say it's more important to remember that this function does that and so forth. I'm having a hard time trying to figure out what information is most important to retain. Also are there any books or video tutorials you personally recommend to help out a person learning code/programming at the novice level?
@DrewConley4 жыл бұрын
Hey! I don't know if there is such thing as a simplest language, haha! Python is a great choice for getting started. I've never used PyGame, but I've heard it's really great. For the most part, I don't think the programming language matters. Build out your ideas with whatever you can, you'll learn the tradeoffs as you go. For the second question, I don't really stress about the memorization part. I am constantly googling super basic things and asking for help... the memorization comes from muscle memory of coding many things over and over again. There is no substitute for practice. If you're having fun building apps and games, you're in a good place! For webdev specifically, my go-to influences are Chris Coyier, Sarah Drasner, Scott Tolinski (Level Up Tuts) and Wes Bos!
@desmondharvard60554 жыл бұрын
@@DrewConley good to know! Then it's settled, I'll stick to what I know and keep it simple! Your game looks great by the way. I plan on getting my hands on it next week 🔥
@haider_javaid2 жыл бұрын
I have one question sir. Do you think it’s possible and recommended to build this on react-native?
@angrywolfjr71649 ай бұрын
this is so inspiring, tho man collision is a bit scary