Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML5 Game Development Course
Planning Your First Game
Planning Your Game
Setting Up Your File Structure
Setting Up HTML and JS
Drawing Basic Shapes with EaselJS
Implementing Your First Game Object
Creating the Core Game Logic
Displaying Multiple Objects on Stage
Adding Click Input Events
Adding the Game Logic
Adding the Game Over Logic
Restarting the Game
Adding Graphics to Your Game
Preparing Your Graphics
Adding Graphics to the Game
Preloading Graphics
Adding Custom Web Fonts
Making Your Game Mobile-friendly
Planning Your Second Game
Planning the Rush Game
Defining the Game Object Class
Creating a Platform Class
Creating Movable Game Objects
Adding Platforms to Your Stage
Game Objects and Collisions
Handling Platforms and Hero Collisions
Implementing the Obstacle Game Objects
Handling Obstacle and Hero Collisions
Handling Collisions with Generic Methods
Implementing the Detection Score Counter
Character Movement and Input Handling
Adding Gravity to the Level
Applying Gravity to the Hero
Making the Hero Run
Making the Hero Jump
Handling Hero-Obstacle Collisions
Adding Graphics and Animations
Creating the Rush Game's Graphics
Integrating Static Graphics in Rush
Using EaselJS Sprite Sheet Animations
Creating the Dynamic Platform Width Logic
Preloading Graphics and the Progress Bar
Polishing Your Final Game
Creating a Main Menu Scene
Create a Game Over Scene
Displaying Scores
Displaying a Scoreboard
Finalizing Your Game's Web Page
Handling Platforms and Hero Collisions
Detecting whether the hero's position overlaps any platform's bounding box.
Complete and Continue