A fast, free and fun open source framework supporting both JavaScript and TypeScript
Phaser Features
-
WebGL & Canvas
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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.
News - 2014
24th Apr.
French Flappy Bird Tutorial A comprehensive tutorial building Flappy Bird (French language).
23rd Apr.
A Simple Rogue like With the code on github to learn from and expand.
21st Apr.
Game Mechanic Explorer A fantastic interactive resource for learning Phaser game mechanics.
18th Apr.
Slides from the CodeMotion Phaser talk By Valerio Riva.
17th Apr.
LessMilk's 13th Phaser Game Pixel War 2. Great shoot-em-up fun!
15th Apr.
Codevinskys Phaser 2 Tutorial Part 5 Scoring, Sound, Particles and Persistant Storage.
14th Apr.
Set Phasers to TypeScript! How to set-up Phaser, TypeScript and Brackets.
13th Apr.
A Game a Week Here's another indie developer trying to make 1 new Phaser game per week.
11th Apr.
Issue 4 of the Phaser Newsletter is out! Read what's happening in the world of Phaser.
11th Apr.
Phaser 2.0.3 is Released With core updates across pixi.js and physics and brand new Particle Emitter features.
9th Apr.
Getting Started with Phaser and WebStorm A nice guide on using WebStorm with Phaser.
9th Apr.
Codevinskys Phaser 2 Tutorial Part 4 Timers, Group recycling and Death.
8th Apr.
Codevinskys Phaser 2 Tutorial Part 3 Introduction to Player Movement.
8th Apr.
Codevinskys Phaser 2 Tutorial Part 2 Covering physics and prefabs.
8th Apr.
Codevinskys Phaser 2 Tutorial Part 1 A really comprehensive Getting Started guide.
7th Apr.
Yeoman Phaser generator A Yeoman generator for Phaser + TypeScript.
4th Apr.
2048 in Phaser A nice tutorial on building 2048. Use it to learn from.
2nd Apr.
Automated Haxe Phaser 2 Build Converts JSDoc annotated JavaScript files to Haxe externs.
1st Apr.
Scotty.js Project Toolkit Allows you to easily manage and create new Phaser projects.
28th Mar.
Phaser 2.0.2 is Released With updated docs, jshinted code and physics updates and features.
28th Mar.
A Phaser DocSet for Dash If you use Kapeli's Dash then here is a Phaser docset for you!
25th Mar.
Issue 3 of the Phaser Newsletter is out! Including physics tipcs, Jiun MOBA game and more.
24th Mar.
Phaser 2.0.1 is Released This new version is mostly a maintenance release, but still packs a few new features too.
20th Mar.
Introduction to Making HTML5 Games with Phaser at the Barcelona Future JS Conference
17th Mar.
Using Phaser with Meteor Nokdu has written this guide for anyone wanting to use Meteor
13th Mar.
Phaser 2.0 is released! Our biggest and fastest update ever. Upgrade and enjoy!
12th Mar.
Interested in a Phaser Book? Find out more and leave your details to be notified.
11th Mar.
Build Games with JavaScript and Phaser Session at the Scotland JS Conference
5th Mar.
Phaser IRC Channel Is now open on Freenode. Drop by and chat!
3rd Mar.
Phaser CocoonJS-Ouya Gamepad Plugin Adds support for Ouya gamepads in Phaser Cocoon apps.
2nd Mar.
HTML5 Multiplayer with Phaser and Go is a great new tutorial by Dawid Pogorzelski.
27th Feb.
Tutorial: How to make a Flappy Bird in HTML5 with Phaser, Part 2 Adding animations and sound.
24th Feb.
Issue 2 of the Phaser Newslettr is out! Including lots of new details about Phaser 2.0.
24th Feb.
Phaser 1.1.6 Released The last of the 1.x family, making way for 2.0 this March.
20th Feb.
Tutorial: How to make a Flappy Bird in HTML5 with Phaser In just 65 lines of code.
19th Feb.
Heavy Bird An open source Flappy Bird clone (yes, another one :).
17th Feb.
Flappy Bird Tutorial Phaser Javascript Game Tutorial Series – Flappy Bird – Getting Started.
12th Feb.
Phaser 1.1.5 Released Essential bug fixes, TypeScript updates and documentation fixes.
9th Feb.
gulpjs-phaser A nice package of Phaser, Gulp.js, livereload, Coffeescript and Sass.
6th Feb.
Nadion 0.2 Released: Nadion adds a bunch of powerful enhancements to Phaser and this version now works with 1.1.4.
5th Feb.
Phaser 1.1.4 Released: New physics, tilemaps, game objects, timers and more!
17th Jan.
PhaserHaxe: Use FlashDevelop to make Phaser Games with haXe.
16th Jan.
Create an HTML5 game like Space is Key with a lot of room for customization: by Emanuele Feronato.
15th Jan.
One new HTML5 game per week: All created in Phaser. 4 games made so far - we love Man vs. Penguins :)
13th Jan.
Phaser and Netbeans: Part 3 of using Phaser with the NetBeans IDE by Geertjan Wielenga.
5th Jan.
Phaser and Netbeans: Part 2 of using Phaser with the NetBeans IDE by Geertjan Wielenga.
4th Jan.
Phaser and Netbeans: Part 1 of using Phaser with the NetBeans IDE by Geertjan Wielenga.
News - 2013
30th Dec.
Organise your code: How to organize your JavaScript code in classes using Phaser.
22nd Dec.
How to Make Your First Roguelike: A great tutorial on making a roguelike game in Phaser.
21st Dec.
How to Learn Phaser: A detailed overview of how to learn Phaser from GameDevTuts+
20th Dec.
Phaser Games in Ludum Dare 28: Over 20 games made with Phaser were entered! Congratulations to everyone who took part.
11th Dec.
How to use Phaser with TypeScript: A new 2 part tutorial series, beginners and advanced levels.
7th Dec.
Making your first Phaser Game: Walk through this brand new Phaser tutorial.
2nd Dec.
Phaser Newsletter Issue 1: The first issue of our newsletter is out. Subscribe to get future editions!
29th Nov.
Phaser 1.1.3 Released: New WebGL shaders, BitmapData, JSHint, IE11 updates and new documentation.
24th Nov.
Phaser Breakout: A Phaser version of the city41 Breakout comparison test.
8th Nov.
Phaser Newsletter: Subscribe to be notified when new versions are out and a bi-monthly game making newsletter.
1st Nov.
Phaser 1.1.2 Released: Enhancements to Full Screen API support and a new Project Template added.
29th Oct.
Let's Learn Phaser: A new amateur series of YouTube teaching videos.
25th Oct.
Phaser 1.1 Released: Our biggest update ever! Full API Docs, 150+ Examples, Enhanced Physics and more.
Getting Started
2. Setup
Get started with these guides:
3. Create!
Create your awesome game with Phaser then share it with everyone in the official forums!
Join the ForumsPhaser Made Games
