Vertical Platformer Game Tutorial with JavaScript and HTML Canvas

Vertical Platformer Game Tutorial with JavaScript and HTML Canvas

Chris Courses via YouTube Direct link

Project summary

1 of 15

1 of 15

Project summary

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Vertical Platformer Game Tutorial with JavaScript and HTML Canvas

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

  1. 1 Project summary
  2. 2 Project setup
  3. 3 Domain setup
  4. 4 Gravity
  5. 5 Player movement
  6. 6 Background sprite
  7. 7 Collision blocks
  8. 8 Collision detection
  9. 9 Sprite animation
  10. 10 Hitbox implementation
  11. 11 Sprite swapping
  12. 12 Platform jumping
  13. 13 Horizontal camera panning
  14. 14 Vertical camera panning
  15. 15 Launch final product to Hostinger

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.