PHASER.JS

2D game framework for making HTML5 games

  • WEBGL & CANVAS
  • PHYSICS (Arcade, Ninja, P2, Box2D)
  • Animations(sprites) and Tweens
  • Scale manager
  • Sound manager
  • State manager
  • Tiles (Tiled editor)
  • Physics for single images (+gulp plugin)
  • Mighty (online) editor, good for wireframes!
  • and more!

Phaser features

  • Pixi, p2, box2D and other under hood frameworks
  • Fast growing community
  • All what you need to develop a game in one place
  • A lot of tools and programs, that make your life easier (Gulp plugins, Physics Editor, Tiled Editor, Mighty Editor, Sandbox)
  • Can work with: Phonegap, thee.js, Cordova...

Advantages:

HTML5 games?

Drowbacks:

  • HTML5 is slow
  • Unpredictable on different devices
  • Only 2D (2.5D with three.js),
  • A lot of tools and features -> a lot of bugs
  • Big size (with grunt or gulp can be decreased)
  • Not for really big games

Posten game structure

Game states

Models

(Classes)

Model

conditions

(red, blue)

Posten files structure

DEV:

  1. coffee
  2. images
  3. sprites
  4. stylus

Main folder:

  1. js
  2. images + images/sprites
  3. css
  4. json_data
  5. sounds

PHASER.JS

By lynxeyedua

PHASER.JS

  • 22