Animated Physics Game with JavaScript - Tutorial

Overview

Learn to code a JavaScript game featuring interesting physics and AI mechanics. The course teaches how to implement AI, control FPS, apply collision detection, draw game environments and characters, capture mouse position, and build a game from scratch using HTML5, CSS3, and vanilla JavaScript. The teaching method includes step-by-step tutorials covering topics such as object-oriented programming, player movement, obstacle creation, sprite animation, physics implementation, and win/lose conditions. The course is designed for individuals interested in game development and programming, with a focus on creating 2D games with unique mechanics and visual elements.

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