Phaser - A fast, fun and free open source HTML5 game framework (original) (raw)

The Javascript Game Framework

Thousands of games

Millions of players
Billions of sessions

Super-fast 2D games

With a constantly improving hardware renderer, it doesn't matter if you're creating the next bullet-hell hit on Steam - Phaser can handle it.

Friendly API

We care about the developer experience deeply and you'll see this reflected in our user-friendly API that is fully documented and easy to extend.

First-class web citizen

Phaser is built on and around web standards and puts the browser first. Web export isn't an afterthought or checkbox on a feature list; it's our home.

Open-source

Phaser is fully open source and you've unrestricted access to every last line of code in the core library.

Compact builds

Don't force your players to wait for chunky WASM files. Phaser will easily fit into sub-200KB builds (min+gz). That's a 0.08 second download on 4G.

Integrates with React, Vue, Svelte

Phaser has more ready-made templates than any other game framework, and a great CLI tool.

Distribute anywhere

You'd be amazed where you can find web games. Discord Activities, YouTube Playables, Facebook Instant Messenger, App Store, Google Play, Steam and many more. Web games are everywhere.

Trusted by hundreds of global brands

Games made with Phaser have been used as the cornerstone for marketing campaigns for years.

They've been deployed everywhere including as prominent features on sites for major Hollywood film blockbusters, massive brand promotional campaigns, educational content, interactive experiences, TV shows, news reports, charity fund-raising broadcasts, live events marketing, and so many more.

If you create a Phaser game for your next campaign, you'll be in the company of brands such as:

Games built with Phaser

Balance Ma'atters

Play cards, balance scales, defeat chaos.

Play Game

Perfect Hue TV Arena

A Phaser 3 + Elixir game

Play Game

Kemotaku

A roguelike card game mixed with puzzle, deck-building and tower-defence

Play Game

Folklands

A relaxing settlement builder with simulated citizens.

Play Game

Waterworks!

Welcome to medieval GrudziÄ…dz!

Play Game

If you build it they will come

Phaser Editor

Phaser Editor offers a comprehensive suite of tools that allows you to visually layout your games.

Drag and drop objects into place without code

Quickly build up complex scenes or game layouts from your own art assets.

Rotate, scale, apply effects, hook up behaviors, and edit object properties in real time.

When you're finished with the layout, Phaser Editor generates source code that you can easily edit in your favorite IDE, such as VS Code.

Your browser does not support the video tag.

We have templates available for all of the following:

(And most are available in both JavaScript and TypeScript versions)

Are you more of a CLI fiend?

Prefer to reach for the terminal rather than your mouse? Us too!

That's why we built the create-phaser-game CLI app. Simply invoke the command and walk through our interactive installer. Pick from any of the framework or bundler templates on offer, or install some sample demo games all local and ready to go.

npm create @phaserjs/game@latest

npx @phaserjs/create-game@latest

yarn create @phaserjs/game

pnpm create @phaserjs/game@latest

bun create @phaserjs/game@latest

Texture Packer

The leading software for fast creation of texture atlases and sprite sheets. Essential for optimizing rendering performance and load times. Texture Packer has native support for Phaser.

Spine

Fluid bone-based animation support via a custom made Spine plugin that is maintained in parallel with releases of the Spine editor.

Unity

Phaser can load and parse Unity atlas files, allowing you to exchange assets from your Unity projects with Phaser.

Tiled

A popular open-source tilemap editing software. Phaser can import and use Tiled map data.

Aseprite

For those who love to create pixel art, Phaser can import Aseprite animation and frame data directly.

Sprite Illuminator

Create normal maps from your textures and then use them directly in Phaser via its lighting system.

Alias Wavefront

Phaser also includes support for loading OBJ files, which its Mesh Game Object can take advantage of. Although Phaser is not a 3D engine, it can display simple 3D objects in-game.

Industries that use Phaser

Where can Phaser games be played?