← Back to directory

Phaser Platformer

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

Heads up: If the embed does not load, open the Remarkable Games demo in a new tab. Open game in a new window

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.

Controls

From the in-game help screen

  • WASD / Arrow keys: Move and jump.
  • Left-click: Draw tiles at the cursor.
  • Right-click: Erase tiles.

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.

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.