Learn how to build a complete game

Article by Richard Davey. Posted on 7th Aug 2014.   @phaser_

Watch the Online Video Course HTML5 Game Development with Phaser.

Phaser is a cross-platform game development framework for both mobile and desktop games. This fast, fun, and free framework supports both JavaScript and TypeScript, targeting the open web via HTML5 Canvas. This course shows you how to put Phaser to work: creating a multistate game that can be played on both desktop browsers and mobile devices. After you gather your assets, author Joseph Labrecque will help you start a new game project with the Brackets code editor, create a basic preloader and menu states, and then start building game entities and layering in functionality with Phaser's sprites, groups, animations, tweens, emitters, and physics. He'll also show you how to provide feedback to the player and add sound effects for a more immersive gaming experience. When you're done, Joseph shows you how to prep the game for a mobile launch.


Topics include:

Downloading the Phaser framework

Creating your first Phaser project

Building the preloader and menu states

Creating and spawning entities

Working with particles and emitters

Detecting and handling collisions

Detecting "game over"

Adding sound effects and text

Preparing for mobile deployment

See more