►► Get my Python Programming Bootcamp Series for $9.99 ( Expires April 18th ) : https://bit.ly/SavePython7
►► Highest Rated Python Udemy Course + 23 Hrs + 101 Videos + New Videos Every Week
In this one video I make Asteroids using pure JavaScript. I structured everything so you will completely understand every line of code. Play it and then make it : http://bit.ly/Play-Asteroids
If you want to make games you have to know how to make Asteroids! It requires you to understand moving in a 3D space, collision detection, inertia, velocity, rotating shapes using math instead of rotating the canvas, reacting immediately to user input, animating polygons, creating and destroying objects, trigonometry, and numerous other related topics!
If you learn how to make Asteroids, Pac-Man, Mario and Zelda you can make any 2D game. If this tutorial gets views I will make all of the above using pure JavaScript.
Unlike most everyone I take the time to edit my videos. That means I cover the same amount in 1/3rd of the time. I provide all the heavily commented code below. For best results print it out and pause your way through the video while taking notes.
JavaScript is an extremely popular language and the goal of my Real Projects JavaScript tutorial series is to teach you how to actually make real things versus just seeing the syntax of the JavaScript language. Here is a link to my JavaScript playlist https://www.youtube.com/watch?v=IyDVvGmzTlo&list=PLGLfVvz_LVvTP2Op3wZlaGTUcgCfDuwn8
Thank you for watching my video 🙂
Derek
Subscribe to Me : http://bit.ly/2FWQZTx
GET FREE STUFF FOR SUPPORTING MY TUTORIALS
1. Get a Free Stock : share.robinhood.com/derekb1560
2. Get 2 Free Audiobooks : https://amzn.to/2Y5FV2p
RELATED TUTORIALS
►► JavaScript in 1 Video : https://youtu.be/fju9ii8YsGs
►► CSS in 1 Video : https://youtu.be/CUxH_rWSI1k
►► Bootstrap Tut : https://youtu.be/gqOEoUR5RHg
►► MongoDB Tut : https://youtu.be/-0X8mr6Q8Ew
►► JQuery Tut : https://youtu.be/BWXggB-T1jQ
►► Express / Node Tut : https://youtu.be/xDCKcNBFsuI
Would you like to promote your website / product in the descriptions for my videos? Consider becoming a Patreon for $1 and I’ll happily list your website in future descriptions as long as you remain a Patreon! Check it out here:
►► https://www.patreon.com/derekbanas
THANK YOU TO MY PATREON SUPPORTERS LIKE :
ckcoder.com
vsolutions.be
instagram.com/lumarycodes/
github.com/metabake
Code is Here : http://bit.ly/JS-Asteroids
Play Asteroids : http://bit.ly/Play-Asteroids
Best JavaScript Book : https://amzn.to/2GcKzQk
Subscribe to Me : http://bit.ly/2FWQZTx
Original source
22 responses to “Make JavaScript Asteroids in One Video”
I made it this far [min 33:00] in the tutorial and I am coding and learning with you, brother , big thank you for all the effort and information quality you're providing !
33.09 made it, great video btw
Hey there, I did make it to 33 mins btw!
Derek, you are the best on YouTube!!! And if I can repay you all the science and knowledge you are providing everyone generously, I will not hesitate to do so , even Patreon X 1000 won't do it! Thank You once again – Best Regards from Poland
Thank u very much, I learned a lot of things.
Hey I made it 2/3 the way thru. You’re not alone:)
Hey Derek, I was wondering what it would take for the canvas to move with the player (keeping the player at the center of the screen). I know there's a canvas.translate() function but I'm unsure as to where it should be or how it should be implemented. Thanks
Hey I made it to that part of the video
Heh – I was a bit sceptical about this, but you totally pulled it off, and it's pretty decent. Respect! I created my own version, although it's taken me a heck of a lot longer than a one hour video! Try it if you feel like it: https://arcade.ly/games/asteroids/.
I made till 33minuts and will continue this like right now. Man you are amazing ,so fast coding such stuff. Looks like impossible to achive such skill lvl for me.
I made it to the 33 minute mark and further! I'm taking a break before adding the collision detection and other bits, you talk fast lol.
Please make a tutorial on krita and godot game engine
I tried to make a less symmetric looking ship, but it was looking wonky. Isn't radians = degrees * PI / 180 ??
This one is really good stuff I can visualize. been experimenting just painting shapes on screens for the past hour. i think creating an x,y,z space would be relatively straight forward, but I cant quite get my head around creating the camera man type perspective in that space.
Hi. Thanks for the fun video tutorial. In the way back machine, I used code printed in magazines to learn BASIC and Assembly on Commodore's PET and Apple][e. By using programs like the ones you create, post and explain I got well ahead of the times, and worked for four decades, coding and repairing hardware. Thank you for your work.
About this video – I see that a few users (as I) are stuck with non-working code at the halfway point. I typed all the code in (not copy/paste, I learn through my fingers), verified it line for line with the videos, then checked my typing against your finished code and found a bunch of "quotes" changed to 'tics' and functions and statements added, missing or moved. Was this intentional (to let us de-bug)? Do you have "edited" code for the first half? If you would, look under "Mr Fakeman" for a thread of folks who are still scratching our heads. Thanks!
I made all the way. Love what you do.
If you have a Nintendo Switch you should totally check out FUZE!!
It could really use some awesome tutorials like this as the community is still growing. Not sure if a flavor of BASIC would interest you…but it's a pretty powerful little IDE that runs on the Switch and gives access to almost all of the Switch's sensors and inputs. Supports 2D and 3D.
Made it thru the whole video and learned so much about game development from this. I hope you get to the Zelda video! Thanks for being awesome!
hey!! Derek, I made it.
This tutorial is just absolutely amazing. I learned so much. I really hope you'll make the Pac-Man, Mario and Zelda tutorials as well.
I made it past the 33 min mark :D, love your tuts man
watched the whole video 🙂 very nice