Repolode
Submit
JohnHeibel

JohnHeibel/ClaudeAnimationBase

A starter kit for animating a hand-painted cartoon character with Claude using p5.js and p5.brush, with a guide for the model.

View on GitHub
Stars
1,283
Forks
129
Open issues
7
Last commit
25 days ago

What is it?

Claude Animation Base is a starter kit for producing hand-painted cartoon animation with Claude, built on p5.js and p5.brush. It includes the Clawd character, a library of views, emotions, eyes, mouths, hats, emotes and dances, along with helpers for painting, timing, motion, camera and paper texture.

The workflow is driven by a coding agent such as Claude Code. You ask for a scene, and the model reads ANIMATION_GUIDE.md, storyboards the shots, builds them in p5.js, checks its work with contact sheets, and renders an MP4. The guide sets rules such as no text, transitions between shots, and a flat 2D look with brush strokes and boiling linework.

Rendering runs headless through a Node.js script that drives Chrome, with ffmpeg producing the video. Watercolour fills are slow without a dedicated GPU, and the project includes flags for software WebGL and for headless Linux machines with NVIDIA GPUs.

Key features

  • 01Clawd character with views, 31 emotions, eyes, mouths, hats and dances
  • 02Guide file with rules and workflow for Claude to follow when making animation
  • 03Helpers for brush painting, timing, motion, camera and paper texture
  • 04Headless renderer producing contact sheets, frame strips, stills and MP4 output
  • 05Browser studio page for scrubbing through a scene

Use cases

  • Generating short hand-drawn style cartoon videos from a text prompt with a coding agent
  • Experimenting with prompting an AI model to storyboard and code animation shot by shot
  • Swapping in a new character, emotions or costumes built on the same p5.js base

Quick start

  1. 1

    Clone the repository

  2. 2

    Install dependencies

    npm install
  3. 3

    Render the 11-second demo video

    node render.mjs --clip --out=out/video.mp4

Things to know

  • Requires Node.js, Google Chrome and ffmpeg installed.
  • Watercolour fills render slowly without a dedicated GPU.
  • Intended for use with Claude Opus 5.5 in a coding agent to generate videos.

Topics

#p5js#animation#claude#generative-art#creative-coding#video-rendering#ai-agent

FAQ

What is ClaudeAnimationBase?
A starter kit for animating a hand-painted cartoon character with Claude using p5.js and p5.brush, with a guide for the model. Claude Animation Base is a starter kit for producing hand-painted cartoon animation with Claude, built on p5.js and p5.brush. It includes the Clawd character, a library of views, emotions, eyes, mouths, hats, emotes and dances, along with helpers for painting, timing, motion, camera and paper texture.
Is ClaudeAnimationBase free to use? What license does it have?
ClaudeAnimationBase is open source under the MIT license. Check the license terms before using it in commercial products.
Is ClaudeAnimationBase still maintained?
Actively maintained. The last commit to ClaudeAnimationBase was on Sep 24, 2026.
What can I use ClaudeAnimationBase for?
Generating short hand-drawn style cartoon videos from a text prompt with a coding agent Experimenting with prompting an AI model to storyboard and code animation shot by shot Swapping in a new character, emotions or costumes built on the same p5.js base
How do I install ClaudeAnimationBase?
Clone the repository Install dependencies: npm install Render the 11-second demo video: node render.mjs --clip --out=out/video.mp4
Where can I get ClaudeAnimationBase?
The source code and installation instructions are on GitHub: https://github.com/JohnHeibel/ClaudeAnimationBase

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects