Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML5 Game Development with PhaserJS
Getting Started
Getting Started - Video (8:11)
Project setup
Render your first sprite on screen
Set up a web server
About tiles & isometric perspective
About tiles & isometric perspective - Video (7:18)
Move sprite from right to left
Render new tiles
Offscreen tile generation
Increase the speed
Performance improvement
Creating the taxi
Creating the taxi - Video (9:49)
Taxi
Input events
Making the taxi jump
Obstacles
Obstacles - Video (7:03)
Add obstacles
Add started state
Hittest obstacles with taxi
Game Over
Game Over - Video (7:55)
Game over tween
Game over graphic
Reset and restart
Score Counter
Score Counter - Video (11:38)
Add the score counter
Increase difficulty when score increases
Decoration
Decoration - Video (10:22)
Generate some decorative road elements
Render some more assets
Add some greens
Buildings
Buildings - Video (11:13)
Adding water
Adding buildings
Randomizing the buildings
Finishing touches
Finishing touches - Video (12:06)
Add logo and 'tap to start'
Game over overlay
Replay button
Generate world before game starts
Add SFX
Spritesheet
Spritesheet - Video (3:12)
Improving performance with spritesheets
Move sprite from right to left
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock