Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Make JavaScript Asteroids Game

Derek Banas via YouTube

Overview

Learn how to create the classic Asteroids game using pure JavaScript in this comprehensive video tutorial. Gain a deep understanding of game development concepts including 3D space movement, collision detection, inertia, velocity, shape rotation using mathematics, user input handling, polygon animation, object creation and destruction, and trigonometry. Follow along step-by-step as the instructor builds the game from scratch, explaining each line of code in detail. Cover essential topics like setting up the canvas, implementing game logic, creating ship movement and rotation, adding bullets and asteroids, handling collisions, and displaying the score. By the end of this tutorial, acquire the skills to develop your own 2D games using JavaScript.

Syllabus

Intro
Required Files
Writing the JavaScript
Event Listener
Setup Canvas
Render Function
Update Function
Trigonometry
Moving the ship
Rotating the ship
Adding bullets and asteroids
Adding bullets
Drawing the nose
Draw
Create Asteroid
Create Arrays
Render
Collisions
Life Ships
Display Score
Collision
Collision with Bullets

Taught by

Derek Banas

Reviews

Start your review of Make JavaScript Asteroids Game

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.