off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

HTML5 Game Development with PhaserJS

Learn by creating an exciting game.

What's Inside

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

This framework is the go-to HTML5 game development framework nowadays and in this course we'll explore the many aspects of Phaser, by creating a qualitative game called TapTapTaxi.

Course Curriculum

Getting Started

Getting Started - Video
Start
Project setup
Start
Render your first sprite on screen
Start
Set up a web server
Start

About tiles & isometric perspective

About tiles & isometric perspective - Video
Start
Move sprite from right to left
Start
Render new tiles
Start
Offscreen tile generation
Start
Increase the speed
Start
Performance improvement
Start

Creating the taxi

Creating the taxi - Video
Start
Taxi
Start
Input events
Start
Making the taxi jump
Start

Obstacles

Obstacles - Video
Start
Add obstacles
Start
Add started state
Start
Hittest obstacles with taxi
Start

Game Over

Game Over - Video
Start
Game over tween
Start
Game over graphic
Start
Reset and restart
Start

Score Counter

Score Counter - Video
Start
Add the score counter
Start
Increase difficulty when score increases
Start

Decoration

Decoration - Video
Start
Generate some decorative road elements
Start
Render some more assets
Start
Add some greens
Start

Buildings

Buildings - Video
Start
Adding water
Start
Adding buildings
Start
Randomizing the buildings
Start

Finishing touches

Finishing touches - Video
Start
Add logo and 'tap to start'
Start
Game over overlay
Start
Replay button
Start
Generate world before game starts
Start
Add SFX
Start

Spritesheet

Spritesheet - Video
Start
Improving performance with spritesheets
Start

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Get started now!