YoVDO

Make JavaScript Asteroids Game

Offered By: Derek Banas via YouTube

Tags

Javascript Courses Game Development Courses Animation Courses Trigonometry Courses Object-oriented programming Courses Canvas API Courses Event Handling Courses 2D Graphics Courses Collision Detection Courses Asteroids Courses

Course Description

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

Related Courses

Interactive 3D Graphics
Autodesk via Udacity
Creative Coding
Monash University via FutureLearn
Make Your Own 2048
Udacity
An Introduction to Interactive Programming in Python (Part 2)
Rice University via Coursera
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX