Animated Physics Game with JavaScript - Tutorial

This tutorial guides learners through building a 2D JavaScript physics game. It covers object-oriented game code, controls, sprites, collisions, enemies, scoring, particle effects, and win or lose conditions.

Syllabus

⌨️ Intro
⌨️ Basic setup
⌨️ Object oriented programming in JavaScript
⌨️ Drawing the player
⌨️ Mouse controls
⌨️ Making the player move
⌨️ Creating obstacles
⌨️ Non-overlapping obstacles
⌨️ Randomized images from a sprite sheet
⌨️ Positioning rules
⌨️ Reusable collision detection method
⌨️ Let's add physics
⌨️ 8-directional sprite animation
⌨️ Animation angles
⌨️ Debug mode
⌨️ Player movement boundaries
⌨️ FPS
⌨️ Egg class
⌨️ Periodically adding new eggs
⌨️ Egg physics
⌨️ Draw order
⌨️ Enemy class
⌨️ Larva class
⌨️ Egg hatching
⌨️ Larva sprites and collisions
⌨️ Gaining score points
⌨️ Particle effects
⌨️ Particle motion
⌨️ Randomized enemy skins
⌨️ Win and lose condition
⌨️ Restart game