Notice: Phaser Editor has moved! Visit the new site for the latest version and all resources. Click here to explore Phaser Editor at phaser.io

Phaser Editor 2D

A web-based IDE
for HTML5 game development.
Editor 3.67.0 / Phaser 3.80

Screenshot

Get Installer Start Online

Get more in the Marketplace →
Phaser Editor 2D newsletter

Hey there! Be the first to know about our latest releases, products, tutorials, and promo discounts.

Sign up for our newsletter today
Phaser 3 Framework

The games are powered by the popular Phaser v3 framework (third-party). No extra runtime is required for your game.
Scene Editor

A visual editor to layout the game levels and screens. A powerful system to create reusable objects (prefabs and script nodes).
Tiled Map Editor Compatibility

The Scene Editor is powerful tool for adding prefab-characters, animations and behaviors to the Tiled maps.
Physics Tooling

Visual tools for editing the physics body geometry, movement, and collision.
Prefab System

The prefab system, allows making resuable objects & behaviors, nested prefabs, prefab variants, and prefab instance's children.
Script Nodes

The Script Nodes are logical objects for visually composing the game behaviors.
Animations Editor

Smart tool for packing (manually and automatically) the sprite-animations. In-line animation preview. Animation properties editor.
Asset Pack Editor

Packs the assets in a manifest file. You can load all the game assets as easy as calling this.load.pack(...).
Coding

Fully compatible with Visual Studio Code. JavaScript & TypeScript projects are supported.
...

Unofficial Phaser Help Center

C:/> uPhaserHelpCenter.exe

Cross-platform, advanced app for:

  • Browsing the Phaser docs, examples, and code.
  • Powerful queries, fast responses.
  • Inline preview.
  • Phaser Labs integration.
  • Offline (desktop app) and online (PWA) support.
  • Always free!

Learn more

Get uPhaserHelpCenter

Latest News

Read all articles in the blog

Phaser Editor 2D v3.67.0 is released

22 February 2024 The latest version of Phaser Editor 2D has just rolled out! This release includes an exciting new feature: the Shader Effects! It also adds support to new ways of editing numeric inputs in the... Read more

Phaser Editor 2D v3.66.0 released

12 January 2024 The latest version of Phaser Editor 2D has just rolled out! This version coincides with the release of Phaser v3.80 and has been updated to fully support it. It also adds a new way to visually edit... Read more

We are closing the Lifetime License to new users

07 January 2024 Dear, As I announced in my previous post, we are integrating Phaser Editor 2D into the new Phaser Studio services. Merging into a company, in addition to funding the Phaser Editor 2D development,... Read more

Phaser Editor 2D joins to Phaser Studio

05 January 2024 Hi! I have joined the Phaser Studio team as their Senior Tools engineer. Phaser Studio is a new company led by Richard Davey. The goal of this company is "to modernize the Phaser framework". This is... Read more

Phaser Editor 2D v3.65 released. Powering script nodes, user components, and prefabs.

13 December 2023 Hi! I'm glad to announce the latest release of Phaser Editor 2D. This update is a significant milestone as it includes script libraries, bringing us one step closer to implementing a visual... Read more

[Tutorial] Your first HTML5 project using Phaser Editor 2D, Webpack and TypeScript

30 November 2023 Hi! Emanuele Feronato, an experienced game developer and author of the book HTML5 Cross Platform Game Development Using Phaser 3, just wrote a new tutorial about starting with Phaser Editor 2D. Is it... Read more

Cyber Monday sales (60% off)

27 November 2023 Hi friends, This Monday is cyber and Phaser Editor 2D is 60% off! Follow the link: cybermonday2023 Kind regards, Arian... Read more

Black Friday sales started! 50% off! Get a Phaser Editor 2D Lifetime License.

22 November 2023 Hi friends! The Black Friday sales just started in Phaser Editor 2D! Purchase Phaser Editor 2D Lifetime License Today, with a 50% off discount. Happy Thanksgiving! Happy Friday! Arian... Read more

uPhaserHelpCenter released - updating to Phaser 3.70.0

13 November 2023 Hi! I just updated uPhaserHelpCenter to support Phaser v3.70.0. Get a look and search for "setDirectControl" 🤓 Get the uPhaserHelpCenter binaries Or try it online:... Read more

Phaser Editor 2D v3.64.0 released - Boosting sprite animations - Hi Aseprite!

09 November 2023 Hi! Today I'm releasing a new version of Phaser Editor 2D. This new release includes a couple of new features for boosting your workflow with Sprite animations. It also adds support for Aseprite, a... Read more

Phaser Editor 2D Tutorials

Phaser Editor 2D YouTube Channel

Making your first Phaser game.

By Phaser Editor 2D

A series of videos for making your first game with Phaser & Phaser Editor 2D. It is a basic game. You are Phaser character jumping around a world of platforms, and collect stars. When you collect all the stars, new stars appears... and a bomb! You should avoid those bombs. If you touch a bomb, you lose.

These series of videos follow step by step the official Phaser tutorial made by Richard Davey, author of Phaser.


Ourcade Tutorials

Learn more about Phaser and Phaser Editor 2D in Ourcade.co

Ourcade.co is an amazing (third-party) website full of content for learning and mastering Phaser game development.
It also provides online tools and components to boost your productivity.

Preloader Scene in Phaser Editor 2D

By SuperTommy at Ourcade.co

We've got another video going over the use of PhaserEditor2D! This time it is about creating a Preloader Scene to let players know that assets are being loaded before a game starts. Combine it with the Apple loading indicator from the blog post above! PhaserEditor2D's project structure is a little bit different than the code-only project set-up that we usually use so this video goes over the things you need to know.


Memory Match in Phaser Editor 2D - A Mario Party-style Memory Game

By SuperTommy at Ourcade.co

This is a series for creating a Memory Match game with Phaser Editor 2D as found in Mario Party! 🎉 It takes the conceptually simple memory game mechanics and spices it up as only Nintendo can. You use a character to select boxes and find all matches before the time runs out.


Read all the tutorials in the blog
A day in the beach. A demo of buttons based on components

By Arian Fornaris at Phaser Editor 2D

A day in the beach is a very simple point-and-click game. Some starfishes pop into the screen and you have to click on them. The game is made by using components and prefabs.
Prefab user properties. Step by Step

By Arian Fornaris at Phaser Editor 2D

It shows how to use prefab user properties to create a couple of animated objects and tweak the parameters of each animation.
Creating Buttons Using The User Components In Phaser Editor v3

By Cartrell Hampton at GameplayCoder.com

While v3 of Phaser does not have a native button in it like v2 does. I decided to add one. And since I’m using Arian’s Phaser Editor v3, which recently got User Components added to it, why not use them to create the buttons? Let’s go for it!