How do you play Phaser Platformer?

Run and jump the demo map with WASD or the arrow keys, then left-click to paint tiles and right-click to erase them, reshaping the level as you go.

What is the goal in Phaser Platformer?

There is no win screen—it is a platformer sandbox where the goal is to explore the map and design your own routes with the tile brush.

What are the controls for Phaser Platformer?

WASD or the arrow keys move and jump, left-click draws a tile at the cursor, and right-click erases tiles.

Is Phaser Platformer free to play?

Yes, it runs free in the browser and the source is available to fork on GitHub.

Can you play Phaser Platformer on mobile?

The listed controls are keyboard and mouse—WASD or arrows plus left- and right-click—so it is designed for desktop play.

Is Phaser Platformer a full game?

It is a starter template rather than a finished campaign; the review describes it as a toolkit for prototyping movement, collision, and tile editing.

What are the best tips for Phaser Platformer?

Build gentle staircases before long jumps, erase ceiling tiles for headroom, and fork the GitHub repo to add your own brush sizes and tile palettes.

Phaser Platformer

Jump through a classic side-scroller sandbox, then paint new tiles or carve gaps to design your own routes.

Gameplay overview

Platforming meets tile painting

This Phaser 3 demo by Remarkable Games pairs a tight platformer prototype with an in-editor tile brush. Run and jump across a short map, then left-click to drop new blocks or right-click to clear space. It's a perfect sandbox for learning Phaser physics, tile collision, and input handling while shaping the level to your liking.

Because it's open source, you can fork the repository to convert this playground into a full campaign—add hazards, collectibles, or even swap in your own sprites and tilemaps.

Your objective

What you are trying to achieve

Phaser Platformer is a hands-on sandbox rather than a level-based campaign: your goal is to run and jump the demo map with the hero, then reshape it with the built-in tile brush. There is no timer or win screen—you decide the challenge by painting platforms, carving gaps, and testing your own routes.

If you are here to learn, the aim is to see how Phaser 3 handles movement, collision, camera follow, and mouse-driven tile editing so you can reuse those patterns in your own project.

Controls

From the in-game help screen

Action	Input / gesture
WASD / Arrow keys	Move and jump.
Left-click	Draw tiles at the cursor.
Right-click	Erase tiles.

Beginner guide

Your first few minutes

The demo opens on a short tilemap, so your first session is about learning how movement and the tile brush behave together.

Move with WASD or the arrow keys and jump to test how the hero responds to the tiles.
Left-click a tile in front of you to paint a new block, then jump onto it.
Right-click a tile to erase it and open up a gap or extra headroom.
Build a small staircase of blocks to practise long jumps and landings.
Erase a ceiling section when you want more room to practise high jumps.
Open the GitHub repo if you want to extend the editor with new brushes or tile palettes.

Advanced tips

Build your own routes

Use left-click to build gentle staircases before attempting long jumps.
Erase ceiling tiles to create more headroom when practicing high jumps.
Combine both buttons to sculpt quick obstacle courses—perfect for testing enemy AI or collectibles later.
Fork the GitHub repo to extend the editor with additional brush sizes or tile palettes.

Why developers like it

Starter code highlights

Built with Vite + TypeScript for fast iteration and modern tooling.
Includes tilemap loading, collision layers, camera follow, and basic player controller logic.
Shows how to wire mouse input into level editing so you can add a simple maker mode.
Ready-to-run npm start, npm run build, and npm run bundle scripts for dev, production, and upload builds.

Our take

Why the Phaser Platformer template is a strong base

This platformer template is designed to answer a common question: how do you get a responsive, modern-feeling jump-and-run working in Phaser without building everything from scratch? It shows how physics, animation states, input, and tile collisions fit together in a way that is easy to read and modify.

The built-in tile brush turns the demo into a tiny level editor, which is especially helpful for designers—you can prototype layouts and tweak jump distances in seconds, then carry those lessons back into your own projects.

Who will enjoy it?

Developers who want to prototype their own browser platformer will get the most from this project. It is less a traditional “game to beat” and more a toolkit, but as a learning reference for level design, camera handling, and responsive movement, it is very approachable.

Frequently asked questions

Need a quick answer?

How do you play Phaser Platformer?: Run and jump the demo map with WASD or the arrow keys, then left-click to paint tiles and right-click to erase them, reshaping the level as you go.
What is the goal in Phaser Platformer?: There is no win screen—it is a platformer sandbox where the goal is to explore the map and design your own routes with the tile brush.
What are the controls for Phaser Platformer?: WASD or the arrow keys move and jump, left-click draws a tile at the cursor, and right-click erases tiles.
Is Phaser Platformer free to play?: Yes, it runs free in the browser and the source is available to fork on GitHub.
Can you play Phaser Platformer on mobile?: The listed controls are keyboard and mouse—WASD or arrows plus left- and right-click—so it is designed for desktop play.
Is Phaser Platformer a full game?: It is a starter template rather than a finished campaign; the review describes it as a toolkit for prototyping movement, collision, and tile editing.
What are the best tips for Phaser Platformer?: Build gentle staircases before long jumps, erase ceiling tiles for headroom, and fork the GitHub repo to add your own brush sizes and tile palettes.