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

YouTube

Space Invaders Game Tutorial with JavaScript and HTML Canvas

Chris Courses via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to build a classic Space Invaders game using JavaScript and HTML Canvas in this comprehensive tutorial. Explore essential game development concepts including image rendering, physics, and object interaction. Follow step-by-step instructions to create a player, implement movement, design projectiles, and construct invader grids. Master advanced techniques such as interval-based grid spawning, shooting mechanics for both player and invaders, and enemy explosions. Enhance the game's visual appeal by adding background stars and implement core gameplay elements like score tracking and lose conditions. Conclude by optimizing the canvas for a fixed-width display, ensuring a polished and professional-looking game.

Syllabus

Project intro
Project setup
Create a player
Move the player
Create projectiles
Create an invader
Create and move grids of invaders
Spawn grids at intervals
Shoot invaders
Take into account new grid width
Invaders shoot back
Enemy explosions
Create background stars
Lose condition
Score
Fixed-width canvas

Taught by

Chris Courses

Reviews

Start your review of Space Invaders Game Tutorial with JavaScript and HTML Canvas

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.