Space Invaders Game Tutorial with JavaScript and HTML Canvas
Learn how to code more games at: https://chriscourses.com/courses
Game Assets: https://drive.google.com/drive/folder...
Space Invaders is a classic game that you should be able to find at any retro-based arcade. Surprisingly, coding it with JavaScript isn't that difficult, we just need to know few concepts regarding image rendering, physics, and object interaction. Here I'll teach you all of that and more using a combination of HTML and vanilla JavaScript.
00:00 Project intro
01:56 Project setup
07:20 Create a player
21:39 Move the player
37:09 Create projectiles
47:15 Create an invader
51:34 Create and move grids of invaders
1:07:32 Spawn grids at intervals
1:13:42 Shoot invaders
1:22:34 Take into account new grid width
1:26:32 Invaders shoot back
1:36:47 Enemy explosions
1:49:05 Create background stars
1:54:20 Lose condition
1:58:04 Score
2:02:32 Fixed-width canvas
Watch video Space Invaders Game Tutorial with JavaScript and HTML Canvas online without registration, duration hours minute second in high quality. This video was added by user Chris Courses 18 January 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 141,374 once and liked it 2.7 thousand people.