Desktop and Mobile HTML5 Game Framework A fast, free and fun open source framework for Canves and WebGL powered browser games.
image description
HTML5

ufoPhaser Features

mobile phone
WebGL & Canvas

Phaser uses both a Canvas and WebGL renderer internally and can automatically swap between them based on browser support. This allows for lightning fast rendering across Desktop and Mobile. Phaser uses and contributes towards the excellent Pixi.js library for rendering.

Preloader

We've made the loading of assets as simple as one line of code. Images, Sounds, Sprite Sheets, Tilemaps, JSON data, XML - all parsed and handled automatically, ready for use in game and stored in a global Cache for Sprites to share.

Physics

Phaser ships with support for 3 physics systems: Arcade Physics, an extremely light-weight AABB library perfect for low-powered devices. Ninja Physics for advanced tile support and p2.js - a full-body system with springs, constraints and advanced polygon support.

Sprites

Sprites are the life-blood of your game. Position them, tween them, rotate them, scale them, animate them, collide them, paint them onto custom textures and so much more!

Sprites also have full Input support: click them, touch them, drag them around, snap them - even pixel perfect click detection if needed.

Groups

Group bundles of Sprites together for easy pooling and recycling, avoiding constant object creation. Groups can also be collided: for example a "Bullets" group checking for collision against the "Aliens" group, with a custom collision callback to handle the outcome.

Animation

Phaser supports classic Sprite Sheets with a fixed frame size, Texture Packer and Flash CS6/CC JSON files (both Hash and Array formats) and Starling XML files. All of these can be used to easily create animation for Sprites.

Particles

An Arcade Particle system is built-in, which allows you to create fun particle effects easily. Create explosions or constant streams for effects like rain or fire. Or attach the Emitter to a Sprite for a jet trail.

Camera

Phaser has a built-in Game World. Objects can be placed anywhere within the world and you've got access to a powerful Camera to look into that world. Pan around and follow Sprites with ease.

Input

Talk to a Phaser.Pointer and it doesn't matter if the input came from a touch-screen or mouse, it can even change mid-game without dropping a beat. Multi-touch, Mouse, Keyboard and lots of useful functions allow you to code custom gesture recognition.

Sound

Phaser supports both Web Audio and legacy HTML Audio. It automatically handles mobile device locking, easy Audio Sprite creation, looping, streaming and volume. We know how much of a pain dealing with audio on mobile is, so we did our best to resolve that!

Tilemaps

Phaser can load, render and collide with a tilemap with just a couple of lines of code. We support CSV and Tiled map data formats with multiple tile layers. There are lots of powerful tile manipulation functions: swap tiles, replace them, delete them, add them and update the map in realtime.

Device Scaling

Phaser has a built-in Scale Manager which allows you to scale your game to fit any size screen. Control aspect ratios, minimum and maximum scales and full-screen support.

Plugin system

We are trying hard to keep the core of Phaser limited to only essential classes, so we built a smart Plugin system to handle everything else. Create your own plugins easily and share them with the community.

Mobile Browser

Phaser was built specifically for Mobile web browsers. Of course it works blazingly fast on Desktop too, but unlike lots of frameworks mobile was our main focus. If it doesn't perform well on mobile then we don't add it into the Core.

Developer Support

We use Phaser every day on our many client projects. As a result it's constantly evolving and improving and we jump on bugs and pull requests quickly. This is a living, breathing framework maintained by a commercial company with custom feature development and support packages available. We live and breathe HTML5 games.

Battle Tested

Phaser has been used to create hundreds of games, receiving millions of plays a month. And Version 2 is the most stable and bug-free one yet. We're not saying it is 100% perfect, but we use it for our client work every day, issues get resolved fast and we stay on-top of the changing browser landscape.

Join 5500+ developers who receive the
latest games and tutorials in our weekly newsletter:

LATEST NEWS

thumb
tutorial
27th May 2016

A new mini tutorial on handling slopes in Arcade Physics based games.

thumb
game
27th May 2016

Collect the fruit and veg to prepare for harvest time in this beautiful match 3.

thumb
tutorial
26th May 2016

Understanding Phaser Sprite Animation.

thumb
game
26th May 2016

An intricate, competitive, strategy MMO, set in a vast fantasy world.

thumb
game
25th May 2016

A realtime, explosive shoot-em-up. Kill more to get better weapons!

thumb
tutorial
25th May 2016

Export FLA library symbols to JS and PNG, ready formatted for Phaser.

thumb
game
24th May 2016

Created for LD35 Sky Panic is a nice cute 'em up with an interesting development post-mortem.

thumb
tutorial
24th May 2016

A Behavior System plugin for Phaser games.

thumb
tutorial
23rd May 2016

Create a Breakout game in less than 50 lines of code.

thumb
game
23rd May 2016

Take to your mechs and fight in this turn-based multiplayer online artillery strategy game.

thumb
tutorial
20th May 2016

A plugin for providing nice ads integration into your game.

thumb
game
20th May 2016

4 snack themed arcade games given a stylish modern twist.

thumb
news
20th May 2016

Become a Black Belt Phaser developer and create advanced games, including multiplayer.

thumb
game
19th May 2016

Guide Surge through a rough adventure to rescue the captives from the Demon Realm.

thumb
news
19th May 2016

The latest version of Phaser is now available, with updates, fixes and a handful of new features.

thumb
tutorial
19th May 2016

Easily add Circle vs. Circle and Circle vs. Rect collisions to Arcade Physics.

thumb
tutorial
18th May 2016

An advanced TypeScript template to fast-start your Phaser games.

thumb
game
18th May 2016

Stop the evil penguin from building the Tower of Babel by crushing it with ice!

thumb
tutorial
17th May 2016

In part 4 of this series we add animations for locked levels.

thumb
conference
17th May 2016

Going Commando - A serverless multiplayer game.

The Phaser community is huge, prolific and awesome!
Brand new content is added daily, from game releases to videos and tutorials.

QUICK START GUIDE

github mascot

1. Download

Download Phaser and work locally or develop in the cloud. It's up to you!

Download Phaser
IDE icons

2. Setup

Get started with our guides:

sublime icon JavaScript visual studio icon TypeScript (VS)
rocketman

3. Create!

Share your game and get support from our friendly community.

Join the Community
border

Phaser Made Games

There are thousands of games made with Phaser.
But these are some of our Staff Picks.

border