Coming to YouTubeBuild 05 · The isometric world
An isometric pixel art world on a real Aseprite tilemap
First a tile kit on a small island, then a whole continent: beaches, forests, a highland lake whose river drops over a waterfall, roads with stairs and a bridge, a village, a castle and a port.
- AI agent
- Claude
- Built with
- SpriteRelay CLI
- Files
- 2
- Frames
- 16
Play the export
The real sprite sheet, playing in your browser
This player reads the exported sheet and its JSON: frame rectangles, timings and tags, exactly as a game engine would.
Now playing
What makes it work
Inside the file
- Aseprite tilemaps are square, so the 32×16 diamonds sit on a 16×8 quarter grid.
- The terrain is a real Aseprite tileset painted with set_tile_cells, and stays editable.
- Water shimmers and the waterfall falls by swapping tiles between frames.
How it was built
Step by step
- Tile kitAn 18×18-diamond island with every piece: water, beach, grass, farmland, roads, cliffs, a waterfall.
- Generate the continentLayered noise, a river that runs downhill, roads that cross cliffs only by stairs.
- Paint the tilemapCut into 16×8 cells, de-duplicated into a tileset, painted onto a tilemap layer.
The files
What was built
| File | Canvas | Frames | Layers | Tags | Slices | Size |
|---|---|---|---|---|---|---|
Isometric tile kitisokit.aseprite | 576×320 rgb | 8 | 3 (1 tilemap) | 1 | — | 50 KB |
Isometric worldisoworld.aseprite | 3072×1568 rgb | 8 | 4 (1 tilemap) | 1 | — | 556 KB |
Read from each file's own record (SpriteRelay's file summary of the final .aseprite where one was taken).
How it was checked
- Every build step matches the design exactly.
- The flyover camera moves over the real exported frames and never draws the world itself.
Watch
The videos
Every frame on screen is cut from the file's real exports.
Coming to YouTube
Coming to YouTubeDo this with your own sprites
Every build here was made through SpriteRelay CLI.
Your assistant inspects, patches, previews and exports real .aseprite files, and nothing reaches your project until you commit.
Keep exploring
More builds
A day on the island
An isometric continent lit through a whole day in one Aseprite file: sunrise, noon, golden hour, night and rain, using blend-mode layers.
Worlds & tilemaps · Light & depth · Animated scenes
Build a tiny game world
A 16×16 platformer tileset and level on real tilemap layers, a knight hero, three enemies, six pickups and a golem boss, all in one shared palette.
Characters · Worlds & tilemaps
Walk into the picture
A golden-hour valley as 19 depth planes in one Aseprite file. Each layer stores its distance in its name, and the camera walks into the painting.
Worlds & tilemaps · Animated scenes