This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
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:23)
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
Obstacles - Video
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock