Get Complete

Build 12 · One sprite, eight directions

An 8-direction pixel art character, built in Aseprite

A heron-headed swordsman with a straw hat, a red scarf and a katana. Five moves in every direction, all drawn (none mirrored, so the sword stays in the right hand), in one 64×64 file a game can load as is.

AI agent
Claude
Built with
SpriteRelay CLI
Files
1
Frames
304
Build yours — Get CLI $7.99Play it in your browser
The heron swordsman in a straw hat and red scarf, shown facing all eight directions.

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.

heron-sheet.pngReal export
The exported sprite sheet for Heron ronin.

Now playing

What makes it work

Inside the file

  • One row per direction: S, SW, W, NW, N, NE, E, SE.
  • The sword is split by depth across two layers, so it passes behind the body and the hands close over the hilt.
  • Attack tags carry their active frames and hitbox; walk tags carry the speed that keeps the feet planted.
  • 48 tags and 10 slices, including a pivot and a hurtbox.

How it was built

Step by step

  1. DesignEvery frame was posed on a 3D-shape rig and rendered to 1× pixels before the build.
  2. BuildStep by step through SpriteRelay CLI, each step exported and compared with the design.
  3. ExportsThe sheet with JSON, layer sheets and 40 GIFs, all compared with the design.

The files

What was built

Files in this build
FileCanvasFramesLayersTagsSlicesSize
One sprite, eight directions
heron-ronin.aseprite		64×64 rgb30454810303 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 and every export matches the design pixel for pixel.
  • Feet stay planted at the walk speed stored in each walk tag.

Labels and honesty notes

  • The courtyard and straw dummy in the videos and the browser demo are props drawn for them.
  • The 'how a frame is made' views in the video are the design before the build, and are labelled that way.

Watch

The videos

Every frame on screen is cut from the file's real exports.

Do 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.

Get CLI — $7.99Live + CLI — $14.99Compare editions

Keep exploring

More builds

All builds