Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML5 Game Development
Planning Your First Game
Intro and downloads
Planning Your Game (1:11)
Setting Up Your File Structure (1:46)
Setting Up HTML and JS (2:45)
Drawing Basic Shapes with EaselJS (3:05)
Implementing Your First Game Object (3:21)
Creating the Core Game Logic
Creating the Core Game Logic
Displaying Multiple Objects on Stage (2:29)
Adding Click Input Events (3:20)
Adding the Game Logic (3:47)
Adding the Game Over Logic (3:44)
Restarting the Game (1:58)
Adding Graphics to Your Game
Intro
Preparing Your Graphics (2:13)
Adding Graphics to the Game (2:39)
Preloading Graphics (4:05)
Adding Custom Web Fonts (3:19)
Making Your Game Mobile-friendly (2:28)
Planning Your Second Game
Intro
Planning the Rush Game (2:43)
Defining the Game Object Class (3:38)
Creating a Platform Class (4:11)
Creating Movable Game Objects (3:44)
Adding Platforms to Your Stage (2:50)
Game Objects and Collisions
Intro
Handling Platforms and Hero Collisions (4:35)
Implementing the Obstacle Game Objects (2:18)
Handling Obstacle and Hero Collisions (2:09)
Handling Collisions with Generic Methods (2:27)
Implementing the Detection Score Counter (2:06)
Character Movement and Input Handling
Intro
Adding Gravity to the Level (3:48)
Applying Gravity to the Hero (2:05)
Making the Hero Run (2:14)
Making the Hero Jump (1:18)
Handling Hero-Obstacle Collisions (2:41)
Adding Graphics and Animations
Intro
Creating the Rush Game's Graphics (3:51)
Integrating Static Graphics in Rush (1:30)
Using EaselJS Sprite Sheet Animations (4:01)
Creating the Dynamic Platform Width Logic (2:57)
Preloading Graphics and the Progress Bar (3:21)
Polishing Your Final Game
Intro
Creating a Main Menu Scene (3:59)
Create a Game Over Scene (2:34)
Displaying Scores (3:17)
Displaying a Scoreboard (4:23)
Finalizing Your Game's Web Page (3:33)
Teach online with
Preloading Graphics and the Progress Bar
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock