Animated Physics Game with JavaScript - Tutorial

Animated Physics Game with JavaScript - Tutorial

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Positioning rules

10 of 31

10 of 31

⌨️ Positioning rules

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Animated Physics Game with JavaScript - Tutorial

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

  1. 1 ⌨️ Intro
  2. 2 ⌨️ Basic setup
  3. 3 ⌨️ Object oriented programming in JavaScript
  4. 4 ⌨️ Drawing the player
  5. 5 ⌨️ Mouse controls
  6. 6 ⌨️ Making the player move
  7. 7 ⌨️ Creating obstacles
  8. 8 ⌨️ Non-overlapping obstacles
  9. 9 ⌨️ Randomized images from a sprite sheet
  10. 10 ⌨️ Positioning rules
  11. 11 ⌨️ Reusable collision detection method
  12. 12 ⌨️ Let's add physics
  13. 13 ⌨️ 8-directional sprite animation
  14. 14 ⌨️ Animation angles
  15. 15 ⌨️ Debug mode
  16. 16 ⌨️ Player movement boundaries
  17. 17 ⌨️ FPS
  18. 18 ⌨️ Egg class
  19. 19 ⌨️ Periodically adding new eggs
  20. 20 ⌨️ Egg physics
  21. 21 ⌨️ Draw order
  22. 22 ⌨️ Enemy class
  23. 23 ⌨️ Larva class
  24. 24 ⌨️ Egg hatching
  25. 25 ⌨️ Larva sprites and collisions
  26. 26 ⌨️ Gaining score points
  27. 27 ⌨️ Particle effects
  28. 28 ⌨️ Particle motion
  29. 29 ⌨️ Randomized enemy skins
  30. 30 ⌨️ Win and lose condition
  31. 31 ⌨️ Restart game

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.