HTML5 Canvas and JavaScript Game Tutorial

HTML5 Canvas and JavaScript Game Tutorial

Chris Courses via YouTube Direct link

Project setup

1 of 14

1 of 14

Project setup

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

HTML5 Canvas and JavaScript Game Tutorial

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Project setup
  2. 2 Create a player
  3. 3 Shoot projectiles
  4. 4 Whiteboard projectile math
  5. 5 Projectile creation continues
  6. 6 Create enemies
  7. 7 Detect collision on enemy / projectile hit
  8. 8 Detect collision on enemy / player hit
  9. 9 Colorize game
  10. 10 Shrink enemies on hit
  11. 11 Create particle explosion on hit
  12. 12 Add score
  13. 13 Add game over UI
  14. 14 Add restart button

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.