Phaser (game framework)

From Wikipedia, the free encyclopedia
Jump to navigation Jump to search
Phaser
Phaser (game framework) logo.png
Developer(s)Photon Storm
Stable release
3.16.2 / 11 February 2019; 7 months ago (2019-02-11)
Written inJavaScript, TypeScript
TypeGame engine
LicenseMIT License
Websitephaser.io

Phaser is a free software 2D game framework for making HTML5 games for desktop and mobile.[1] It is developed by Photon Storm.[2]

Phaser uses both a Canvas and WebGL renderer internally and can automatically swap between them based on browser support. This allows for fast rendering across desktop and mobile. It uses the Pixi.js library for rendering.

Games can be compiled to iOS, Android and native desktop apps via 3rd party tools like Apache Cordova.[3]

Overview[edit]

The only requirement to use Phaser is a web browser that supports the <canvas> HTML tag. For desktop this includes Chrome, Firefox, Safari, IE9+ and Opera. Development can be done in either JavaScript or TypeScript[4].

Some of the elements available are:

  • Images, spritesheets and tweens - Static and dynamic images, and a mechanism to animate them.
  • Input control
  • Game Physics - Phaser includes three main physics engines.

History[edit]

Richard Davey announced the first release of Phaser on a blog post on April 2013.[5] Version 1.0 was released on September, incorporating the Pixi.js library for rendering.[6]

The last official version of Phaser 2 was 2.6.2, but to allow improvements to the stable version while working on Phaser 3, a new repository was created: Phaser CE (Community Edition).[7] Phaser CE is thus the currently recommended stable platform for development with Phaser.

Phaser 3.0.0 was released on February 13, 2018 and development is ongoing on Github[8]. Most elements and features of the framework have been rebuilt from scratch using a fully modular structure and data-orientated approach. Phaser 3 includes a brand-new custom WebGL renderer designed for modern 2D games. Much of the documentation and examples for users has yet to be completed, although the majority of features have already been implemented.

Architecture and features[edit]

Games made with phaser are developed either in JavaScript or TypeScript.

The game is rendered either on WebGL or Canvas element

Phaser has support for Spritesheet, sprites loading; which can be used for animating, moving, etc. It also has support for loading tiled maps.

Rendering[edit]

Phaser can be either rendered in WebGl or a canvas, with a option to use WebGL if the browser supports it or if a device doesn't support it it'll fall back to Canvas.

Physics[edit]

Phaser ships with Arcade Physics system, Ninja Physics and P2.JS - a full body physics system.

Animation and Audio[edit]

Animation can be done in phaser by loading a spritesheet, texture atlas and creating an animation sequence. Web audio and HTML5 audio can be used to play sound in phaser.

Scripting[edit]

Phaser games can be made either in JavaScript or Typescript

See also[edit]

References[edit]

  1. ^ https://www.javascripting.com/view/phaser
  2. ^ https://gamedevelopment.tutsplus.com/articles/how-to-learn-the-phaser-html5-game-engine--gamedev-13643
  3. ^ https://github.com/photonstorm/phaser
  4. ^ https://phaser.io/tutorials/how-to-use-phaser-with-typescript
  5. ^ http://www.photonstorm.com/phaser/announcing-phaser-flixel-html5-and-our-adobe-max-session
  6. ^ http://www.photonstorm.com/phaser/phaser-1-0-and-the-journey-we-took-to-get-there
  7. ^ https://phaser.io/download/phaserce
  8. ^ photonstorm.com, Photon Storm -. "Phaser - The fast, fun and free HTML5 Game Framework". phaser.io. Retrieved 2018-05-15.

External links[edit]