Webtile is an in-browser editor for building tile-based game maps and Amstrad CPC sprites. Projects and assets save automatically to your Firebase-backed account, so your work is always available from any browser without installing anything.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/johnlobo/webtile/llms.txt
Use this file to discover all available pages before exploring further.
Quick Start
Create your first project, import a tileset, and paint your first map in minutes.
Self-Hosting
Deploy Webtile on your own infrastructure with your Firebase project.
Map Editor
Paint tiles, flood-fill regions, undo mistakes, and export to Tiled TMX format.
Sprite Editor
Design CPC sprites in Mode 0, 1, or 2 with palette slots and per-frame animation.
What you can build
Webtile covers two workflows that are typical in retro game development: Tilemaps — Import a tileset PNG, paint tiles onto a grid, and export the finished map as a.tmx file compatible with the Tiled map editor. Multiple maps per project, configurable tile and map dimensions, and a double-width mode for isometric-like CPC layouts.
CPC Sprites — Draw pixel art in Amstrad CPC video Mode 0 (16 colors), Mode 1 (4 colors), or Mode 2 (2 colors). Frames, palettes, and pixel data persist in Firestore. Export sprites as CPC machine-code byte arrays, or import/export PNG and JASC-PAL palette files.
Get started in four steps
Sign in
Open Webtile in your browser and sign in with Google or email/password. Authentication is handled by Firebase Auth — no separate account creation is needed if you use Google.
Create a project
Click PROJECTS → New in the top navigation bar. Give your project a name — this is the top-level container for all your maps and sprites.
Add a map or sprite
Use MAPS → New to create a tilemap (set tile size and map dimensions), or SPRITES → New to create a CPC sprite (choose a video mode and canvas size).
Key features
Cloud Auto-Save
Maps save automatically 2 seconds after your last tile paint. Sprites save 1.5 seconds after any pixel change. No manual save required.
TMX Compatibility
Import and export Tiled-compatible
.tmx files with CSV-encoded tile data, so Webtile maps can be consumed by any game engine that reads Tiled maps.CPC Pixel Art
Three video modes with authentic CPC color palettes. Export sprites as interleaved bit-plane bytes ready to paste into Z80 assembly or Locomotive BASIC.
Undo History
Both the map editor and sprite editor maintain a 50-step undo history so you can experiment freely.