Repo de base obligatoire :
https://github.com/JohnHeibel/ClaudeAnimationBase
Clone-le / travaille DANS ce repo. Ne pars pas de zéro.
Lis d’abord README.md et ANIMATION_GUIDE.md. Réutilise l’archi existante :
- src/clawd.js (ou adapte le perso)
- src/core.js
- src/timeline.js
- src/config.js
- src/scenes/
- studio.html
- render.mjs
N’invente pas une stack parallèle. Étends ce kit.
Objectif : créer une animation complète de [DURÉE] secondes.
Thème :
[SUJET EN 1-3 PHRASES]
Audio :
[ ] aucun
[ ] assets/[fichier.mp3] — piste imposée, ne la modifie pas
Esthétique :
- Style : [papier / brush strokes / 2D plat / linework boiling / motion graphics]
- Ton : [drôle / poétique / dark / hype]
- Personnage : [garder Clawd / modifier Clawd / nouveau perso]
- Palette : [4-6 couleurs]
- Texte à l’écran : [oui lyrics / non]
- Interdits : slop IA, Pixar, glow cheap, plans morts, incohérence de style
Règles du kit à respecter (sauf si tu les améliores explicitement) :
- handmade, alive, one piece
- quelque chose se passe dans CHAQUE scène
- transition à chaque coupe
- silhouette lisible, poses avec poids
- rendu final = JS (p5.js / p5.brush), pas un assemblage d’images gen brutes
Workflow obligatoire :
1. Lis tout le repo.
2. Écris STORYBOARD.md shot-by-shot (timing, caméra, action, émotion, texte, transition).
3. Mets à jour ANIMATION_GUIDE.md si tu changes l’API ou le style.
4. Code scène par scène dans src/scenes/.
5. Render des contact sheets, inspecte, corrige.
6. Exporte out/video.mp4 via `node render.mjs`.
7. Regarde vraiment la vidéo, note les plans faibles, itère.
Hook : les 2-3 premières secondes doivent accrocher immédiatement.
Qualité > quantité. Un clip court impeccable vaut mieux qu’une longue vidéo bancale.
Si le rendu watercolor est trop lent, remplace les fills p5.brush lourds par des aplats + grain papier.
Commence maintenant par lire le repo, puis STORYBOARD.md.
