Cape, Hair & Tail Motion for Pixel Sprites
Free secondary motion tool: make a sprite's cape, hair or tail sway in a looping idle or trail its walk cycle. Pixel-perfect GIF and sprite sheet, in-browser.
Drop a sprite, a sprite sheet (one row) or several frames
Mark the cape, hair or tail (pink). It hangs from the yellow pixels, where it touches the body.
How to use the Secondary Motion
- Drop a sprite, a one-row sprite sheet (check the frame count) or several frames.
- Mark the part that should move: pick its colours on the sprite, or paint over it and erase the rest.
- Check where it hangs from (yellow) and set the direction it hangs if needed.
- Tune stiffness, damping and breeze (and how much it follows the body, for an animation), then press New variation for another breeze.
- Download a GIF or the sprite sheet.
Using it in your game
Swap your idle or walk sheet for the new one: same frame size, same frame count for an animation, and it loops. For a still sprite, play the breeze frames as the idle at 8 to 12 fps. The body is untouched, so hitboxes and attach points stay where they were.
Frequently asked questions
What does it animate?
Only the part you mark: a cape, hair, a beard, a scarf, a tail, ears, a plume or a flag. On a single sprite it sways in a gentle looping breeze; on an animation (a sheet or several frames) it lags behind the body's movement and overshoots, the follow-through animators add by hand.
How do I mark the cape or hair?
Pick its colours (capes and hair are usually drawn in their own few shades; the outline comes along) or paint over it with the brush, and erase what shouldn't move. The part hangs from the pixels where it touches the body, shown in yellow; you can also set which way it hangs and where it's attached.
Does it change my pixel art?
The body never changes, and the part only moves by whole pixels: every pixel is one of your sprite's own colours, with no blur, no new colours and no torn outlines. Rows bend in a staircase the way a pixel artist would draw it.
Does it loop?
Yes. The breeze idle loops seamlessly, at 4 to 32 frames, and an animation keeps its own frame count and loops with it. Download a GIF or a one-row sprite sheet for your engine.
Can I use it from Claude Code or Cursor?
Yes. The free secondary_motion tool on the Voidless MCP server does the same from a sprite, frames or a sheet, with the part given as its hex colours. Nothing is uploaded on the web tool.
Create game assets with AI
Generate original art, audio, and 3D models in seconds.