All motion recipes

Product films / CANVAS

Hand-painted character film

A short 2D mascot story with painted shapes, controlled line boil and a frame-review workflow.

Hand-painted character filmPrompt recipe · preview pending

Licensed prompt; no reproduced preview yet. You can use the prompt now; this recipe has not yet been reproduced for the gallery.

Make it fit your project.

Your brief stays in this browser. Preparing a prompt does not send it to a server.

Build a short hand-painted 2D character film using the pinned ClaudeAnimationBase starter as a separately installed reference. Use a mascot supplied by the user or a new original design; replace the bundled Clawd art and demo story. Start with STORYBOARD.md: a goal, an obstacle, a payoff, a small palette, timed actions and reactions, and transitions connecting the scenes. Wait for storyboard feedback before scene implementation. Add a new scene file and point studio.html to it. Make each frame deterministic from time, seed stable objects independently, and use anticipation, arcs, overlapping motion and holds so actions read clearly. Use local fonts and separately licensed assets. Review the renderer and dependency licenses before running it. Prefer a sandboxed Chrome process; run the upstream Linux no-sandbox route only in a disposable non-root environment without secrets or untrusted input. Render contact sheets, motion strips and contact-detail crops; inspect them before the final local MP4. Preserve John Heibel’s MIT notice and distinguish this adaptation from the full original guide.

Build and check.

  1. Confirm the supplied content, target environment, and required assets before implementing.
  2. Build a short hand-painted 2D character film using the pinned ClaudeAnimationBase starter as a separately installed reference. Use a mascot supplied by the user or a new original design; replace the bundled Clawd art and demo story. Start with STORYBOARD.md: a goal, an obstacle, a payoff, a small palette, timed actions and reactions, and transitions connecting the scenes. Wait for storyboard feedback before scene implementation. Add a new scene file and point studio.html to it. Make each frame deterministic from time, seed stable objects independently, and use anticipation, arcs, overlapping motion and holds so actions read clearly. Use local fonts and separately licensed assets. Review the renderer and dependency licenses before running it. Prefer a sandboxed Chrome process; run the upstream Linux no-sandbox route only in a disposable non-root environment without secrets or untrusted input. Render contact sheets, motion strips and contact-detail crops; inspect them before the final local MP4. Preserve John Heibel’s MIT notice and distinguish this adaptation from the full original guide.
  3. Expose deterministic seek(t) and inspect opening, midpoint, final, mobile, and reduced-motion frames.
  4. Inspect the opening, midpoint, and final state at desktop and mobile sizes; report any dependency or output limitation.

Know the limits.

  • This recipe has not been reproduced or visually verified.
  • Upstream renderer disables Chrome sandboxing on Linux; review and isolate that route.
  • Watercolor fills can take seconds per frame on integrated or software graphics.
  • The starter’s original characters, model sheets, font and media are not included.

Want us to build it?

Send an optional project brief. We’ll receive your contact details, project description, and this recipe’s ID.

By sending this brief, you agree to our privacy policy. Prefer a conversation? Book a strategy call.

Catalog 2026-10-22.a82e12098f76 · Source revision 0ac8bf2b31942376cb6b8c4074715595d512acd2