Desktop and Mobile HTML5 Game Framework A fast, free and fun open source framework for Canvas 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.

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 Game Objects to share.

Physics

Phaser ships with support for 3 physics systems: Arcade Physics, an extremely light-weight AABB library perfect for low-powered devices. Impact Physics for advanced tile support and Matter.js - a full-body system with springs, constraints and 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 as well as several common texture atlas formats including Texture Packer, Starling and Unity YAML. All of these can be used to easily create animations.

Particles

A 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.

Cameras

Phaser has advanced multi-camera support. Easily create extra cameras then position and scale them anywhere on screen. Cameras can be scrolled and also have special effects like shake, flash and fade. 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. Touch, Mouse, Keyboard, Gamepad and lots of useful functions allow you to craft whatever input system you need.

Sound

Phaser supports both Web Audio and legacy HTML Audio. It automatically handles mobile device locking, easy Audio Sprite creation, looping, streaming, volume, playback rates and detuning. 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 2 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 (coming soon to Phaser 3)

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.

Web First

Phaser exists within the ecosystem of the web browser. It was built to allow you to create web based games and that is where it will always focus. It's a rapidly changing landscape and we're staying on-top of these changes to ensure new browser APIs are supported quickly.

Sign up for the Phaser World newsletter today!

Get weekly news, reviews, tips & developer updates

Issue 148

News & Tutorials

Phaser 3.19.0 Released
GameShell - A hackable portable game console
Creating a Phaser 3 Template Part 2
Converting a Flash game to HTML5
Creating a Multiplayer Phaser 3 Game Part 2
Creating a Multiplayer Phaser 3 Game Part 3
Using Gravity in Phaser 3 Tutorial
Getting Started with Phaser Part 4
Getting Started with Phaser Part 5
String Avoider Tutorial
Parallax Scrolling with TileSprites Tutorial
Endless Runner Tutorial Part 4
Endless Runner Tutorial Part 5
Making things Jump in Phaser 3 Tutorial
SameGame Library and Phaser 3 Example
Making a Video Game using Phaser

Games
Basketball Stars
Pool Club
Glowing Abyss
Magikmon
Patchwork Harmony
Chess Grandmaster


LATEST NEWS

thumb
 

The first in a series of long-form tutorials covering the process of creating a Facebook Instant Game with Phaser 3.

thumb
 

A comprehensive tutorial with example code on how to create texture atlases for Phaser 3 with Texture Packer.

thumb

Learn how to slice, splice and cut-up matter physics bodies using Phaser and PolyK.

thumb

The second part of the MMORPG tutorial series. This time adding player attack logic.

thumb

How to keep your games maintainable and easy to update. In part five learn how to build a solid base for managing different sponsor APIs.

thumb

Pretend to be Spider-Man in this updated tutorial with Matter Physics constraints you can shoot out.

thumb

A new multi-part tutorial series on creating an MMORPG with Phaser 3, Nodejs, MongoDB and Express.

thumb

How to keep your games maintainable and easy to update. In part four learn how to manage different sponsor APIs from a single code base.

thumb

A tutorial looking at the different ways Matter constraints work and how to take advantage of them.

thumb

The latest release of Phaser is out! Including the complete Spine plugin, a brand new Tween system, Shader Buffers, Render Texture snapshots and loads, loads more.

thumb

Create a Phaser Leaderboard. In this final part, learn how to add server logic and client side forms for password resets.

thumb

How to keep your games maintainable and easy to update. In part three add code to load and save user settings via sponsor storage APIs.

thumb

A tutorial on how to fling out a hook and attach it to bodies in Matter Physics.

thumb
31st July 2019

Create a Phaser Leaderboard. In this part work is started on the client side code and creating a login page.

thumb
30th July 2019

How to keep your games maintainable and easy to update. In part two adding external configuration files.

thumb
29th July 2019

A tutorial on how to get and set the size of a Container in Phaser 3.

thumb
26th July 2019

A web component to integrate Phaser with Angular, React, Vue, or any other web framework.

thumb
25th July 2019

A great new tutorial that focuses on how to keep your games maintainable and easy to update as you sell them to different sponsors.

thumb
24th July 2019

Create a Phaser Leaderboard. In this part learn how to update all the endpoints for sending data to MongoDB.

thumb
23rd July 2019

Create a rope/swing prototype in less than 100 lines of code using Phaser and Matter.js.

thumb
22nd July 2019

Part 9 of the animated video series on getting started with Phaser 3, this time learn about collision between physics objects.

thumb
19th July 2019

A short tutorial and demo game showing how to load and save player progress with Local Storage.

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