HTML5 DevConf 2014 - Phaser HTML5 Game Tutorial

Post on 20-Aug-2015

1.976 views 3 download

Tags:

Transcript of HTML5 DevConf 2014 - Phaser HTML5 Game Tutorial

https://academy.zenva.com

M4– HTML5 PHASER

https://academy.zenva.com

http://phaser.io

https://academy.zenva.com

Setup Preload assets Start game

https://academy.zenva.com

States

• Single-state games• Multiple-state games– Boot– Preload– Main menu– Game– Game over– etc

https://academy.zenva.com

Methods

preload create update

https://academy.zenva.com

Basic structure

https://academy.zenva.com

Coordinates

https://academy.zenva.com

Sprites

https://academy.zenva.com

World

https://academy.zenva.com

Other concepts

• Groups• Collision / Overlapping• Keyboard / Touch• Flow of the game with many states• Audio• Animations

https://academy.zenva.com

Documentation

• http://docs.phaser.io

https://academy.zenva.com

https://academy.zenva.com

https://academy.zenva.com

Coding time!

ZENVA.com