HTML5 Mobile Game Development Workshop - Module 2 - HTML5 Developer Conference 2015

download HTML5 Mobile Game Development Workshop - Module 2 - HTML5 Developer Conference 2015

If you can't read please download the document

Transcript of HTML5 Mobile Game Development Workshop - Module 2 - HTML5 Developer Conference 2015

M2 Phaser Basics

Pablo Farias Navarro@ZenvaTweetshttps://zenva.com

* MAP *

Games at phaser.io

Features

Rendering

Animations

Input

Asset loading

Screen scaling

Physics

Particle effects

Very active community and developers

Development environment

Web browser

Code editor

Web server

Getting Phaser

Let's get started

Including Phaser

Initiating a game

Working with spritesCoordinates

World center

Anchor point

Rotation

Scaling

Flipping

Basic interaction

User input

Tween animations

Challenge

Open file in M2 Phaser basics/Challenges/sprites

Basic interaction

User input

Tween animations

Challenge

More basics

Text

Spritesheet animations

Audio

Challenge

Summary

Phaser overview

Sprites

User input

Tween animations

Text

Spritesheet animations

Audio

Haga clic para modificar el estilo de ttulo del patrn

Click to edit the outline text formatSecond Outline LevelThird Outline LevelFourth Outline LevelFifth Outline LevelSixth Outline LevelSeventh Outline LevelHaga clic para modificar el estilo de texto del patrnSegundo nivelTercer nivelCuarto nivel

Quinto nivel

23/10/15