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.

Version 3 coming

Phaser v2 has been used to create thousands of games, receiving hundreds of millions of plays. Version 3 is in active development and will be released Q4 2017. We are working on it full-time and are dedicated to making it the best version possible.

8800+ developers read our weekly newsletter

Issue 113

News & Tutorials

Phaser CE v2.10.0 Released
Phaser to iOS without PhoneGap or Cordova
Image Vectorizer
Making DOOM 3D in Phaser - Part 1
Stack the Crates Tutorial
Dispatching Events with Signals Tutorial
Official Phaser T-Shirts

Games

Golden Quest
Commit4
BADGUN
Brick Break
Truck Reign


LATEST NEWS

thumb
tutorial

This Gamasutra featured tutorial covers how to publish a Phaser game to iOS without using the most common wrappers.

thumb
game

Take to the high seas, visit islands and code your robot to dig for buried treasure - but watch out, you're not alone!

thumb
news

The first release of Phaser CE in 2018 is a great one, with new features, updates and fixes across the API.

thumb
news

Converts an image into a series of vector triangles and exports as SVG or PNG, including source code.

thumb
game

Take to the road, weaving in and out of traffic, as you collect money to pay off your speeding fines in this retro inspired arcade title.

thumb
tutorial

WiLD carries on re-creating the classic game Doom in Phaser, this time looking at setting up the Game State.

thumb
game

The bug invaders are coming to destroy master branch. Your mission is to prevent bugs conquering the production.

thumb
tutorial

The Tipsy Tower prototype evolves into a full game, with orientation and responsive support, including source code.

thumb
game

Clear the levels by shooting colored bricks in from the sides in this great addictive puzzler.

thumb
game

Drive your monster struck across the levels, collecting steering wheels as you go in this challenging physics game.

thumb
tutorial

Learn how to create and use Phaser Signals in your own games.

thumb
news

Learn how to solve Sudoku puzzles in lightning fast times with this interactive app and web site.

thumb
game

Can you pilot your tank through the increasingly tricky levels to collect the cubes and escape in this superb action puzzle game.

thumb
news

A look back at the games released by Slashware Interactive in 2017 including the Ultima 6 game engine OpenArthurianX6.

thumb
game

Rotate the pipe pieces to complete the puzzle and let the water flow to the other side, in this charming puzzle game.

thumb
game

A great puzzle platformer where you have to carefully plan how to collect the dots. Because each one you eat makes you grow!

thumb
news

A new range of Phaser T-Shirts are now available from Amazon in the US. Available in 5 different colors with male and female fits, look the part at your next game jam or meet-up!

thumb
tutorial

A set of five time saving classes to use in your own games to handle things like backgrounds, logos and thumbnails.

thumb
news

A starter Phaser project template that loads assets from JSON, served with Express and tested with Mocha.

thumb
game

Absorb and create life in order to build a forest. Spawn trees, feed animals and manage forest fires in this unique nature themed game.

The Phaser community is huge, prolific, friendly, 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

Games made with Phaser

Thousands of games are made with Phaser. Here are some recent favorites:

border