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
Please help support our work via Gittip
29th July.
LREditor Tutorial 2 This time we see how to set-up a new project.
27th July.
Game UI and UI Builder for Phaser Easily create windows, dialogs, buttons and more!
27th July.
HTML5.Assist is in Beta An interesting new way to build Phaser projects without a web server.
23rd July.
The Wizard is released! A fantastic 16-bit style rogue-like game.
21st July.
LREditor Video Tutorial Covers installation, an example and getting started.
21st July.
Getting Started with Phaser A comprehensive guide to building the "Monster wants Candy" game.
19th July.
RUBE Box2d Loader Demo for Phaser! Also check out the Basic demo too.
17th July.
Can you beat all 20 levels in Zoi? You could win a $40 GOG.com voucher if you can!
16th July.
LREditor - HTML5 Game Editor A new open source Phaser game editor from LadybugRiders.
15th July.
Making HTML5 Games with Phaser View these slides from the Indie Outpost meeting.
13th July.
Creating a Car with Phaser An interactive tutorial to P2 Physics and Springs.
13th July.
Setting up a Phaser Environment From Amazon Developer Network
10th July.
Phaser 2.0.6 is Released Containing the brand new Pixi 1.6 and loads more!
8th July.
Indie Outpost Meetup Come and listen to Michel Wacker discuss Phaser game making
7th July.
Phaser + Meteor Project Template For those who like to Meteorify their games
2nd July.
Browserify and Grunt powered Phaser Template Get your build process in gear!
1st July.
HTML5 Shoot 'em Up in an Afternoon A fantastic and free Phaser book!
1st July.
Phaser in the Develop 100 Tech List Our first ever entry and in 59th place.
30th June.
France HTML5 User Group Hear Alvin talk about Phaser in Paris, July 2nd.
27th June.
A mighty MightyEditor update! Loads of updates for this awesome Phaser game editor.
25th June.
Running Phaser on node.js An interesting discussion about running Phaser server side.
19th June.
7 Page Phaser Tutorial in issue 22 of Screen Guide magazine (German).
17th June.
Creation of a match 3 game like Farm Heroes Saga Step 3 shows the Phaser code.
16th June.
6 Tips to make your Phaser game work with CocoonJS by Piotr Jankowski.
15th June.
Orbital Game Studios Share their views on using Phaser.
14th June.
Ghosts 'n Goblins remake Only the first level, but superbly well done!
13th June.
12th June.
Using Tilemaps in Phaser A nice little intro to tilemaps by Svejk Games.
11th June.
Jstanbul Meetup #002 Demircan Celebi talks about Phaser at the Istanbul JavaScript User Group tonight.
11th June.
Adventures in Phaser with TypeScript–Graphics Time! The next installment of the GameFromScratch series.
10th June.
HTML5 Mobile Game Development with Phaser A 2.5 hour complete video course.
6th June.
Phaser Workshop at HTML5 London Codeshow at Internet World - free but limited tickets.
3rd June.
Code Liberation's Web-based Storytelling Series A weekly event including Phaser coding.
30th May.
How to use Tweens in Phaser A nice overview of Phaser Tween support.
30th May.
Adventures in Phaser with TypeScript Where did my game loop go?
30th May.
Handle a Pause Screen Loopeex shows how to build a full pause screen into your game
29th May.
Arcade Font Writer Hundreds of classic video game fonts with a Phaser interface :)
28th May.
Flash to Phaser JSFL Script Build your game scenes in the Flash IDE and export to JS.
27th May.
Build Games with Phaser Video Gabe Hollombes presentation is now online to watch.
26th May.
Adventures in Phaser Read how GamesFromScratch tackle Phaser and TypeScript.
23rd May.
Phaser Game Development Book Read about this comprehensive guide to the Phaser API.
21st May.
Phaser Newsletter Issue 5 Read what's new in the Phaser community.
20th May.
Phaser 2.0.5 is Released Grab the latest build with lots of bug fixes, enhancements and new features.
19th May.
sixty shells - a zen game Find all 60 tortoises and they'll donate to charity
16th May.
A slush generator for Phaser If you use Slush, you'll want to use this :)
16th May.
Set Phasers to PHUN! (or making games with phaser.js) Attend this session at the Liverpool JavaScript Meetup (UK).
15th May.
Why HTML5? Our Self Reflection A great blog post from TempaLabs explaining the move to HTML5 game dev.
13th May.
Clap to Flap! Clap to control this Arduino, Phaser and XSockets powered Flappy Bird game.
10th May.
Tools and References A useful set of links for attendees of Code Liberations HTML5 Game Dev Workshop. Slides online here
9th May.
MightyEditor is a visual Phaser game editor Just drag and drop your game together! Plus video tutorial
8th May.
Glide Platformer A fun little platformer game with full source available.
7th May.
1st May.
Multi-platform games with Phaser A great tutorial covering Phaser app set-up by Eden Agency.
29th Apr.
Phaser 2.0.4 is Released Lots of timer related fixes and bitmap and color manipulation updates.
28th Apr.
Multi Screen Development in Phaser A nice tutorial and set of code for multi-screen support.
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
