Repolode
Enviar
JohnHeibel

JohnHeibel/ClaudeAnimationBase

Kit inicial para animar um personagem de desenho feito à mão com Claude, usando p5.js e p5.brush, com um guia para o modelo.

Ver no GitHub
Estrelas
1,283
Forks
129
Issues abertas
7
Último commit
há 26 dias

O que é?

Claude Animation Base é um kit inicial para criar animações de desenhos feitos à mão com Claude, baseado em p5.js e p5.brush. Inclui o personagem Clawd, uma biblioteca de poses, emoções, olhos, bocas, chapéus, emotes e danças, além de funções auxiliares para pintura, tempo, movimento, câmera e textura de papel.

O fluxo de trabalho é conduzido por um agente de programação, como o Claude Code. Você pede uma cena, e o modelo lê o ANIMATION_GUIDE.md, cria o storyboard dos planos, monta tudo em p5.js, confere o resultado com folhas de contato e renderiza um MP4. O guia define regras como não usar texto, incluir transições entre os planos e manter um visual 2D chapado, com pinceladas e linhas tremidas.

A renderização é executada em modo headless por um script Node.js que controla o Chrome, e o ffmpeg produz o vídeo. As áreas preenchidas com aquarela são lentas sem uma GPU dedicada, e o projeto inclui flags para WebGL por software e para máquinas Linux headless com GPUs NVIDIA.

Recursos principais

  • 01Personagem Clawd com poses, 31 emoções, olhos, bocas, chapéus e danças
  • 02Arquivo de guia com regras e fluxo de trabalho para Claude seguir ao criar animações
  • 03Funções auxiliares para pintura com pincel, tempo, movimento, câmera e textura de papel
  • 04Renderizador headless que produz folhas de contato, sequências de quadros, imagens estáticas e arquivos MP4
  • 05Página de estúdio no navegador para percorrer uma cena quadro a quadro

Casos de uso

  • Gerar vídeos curtos de desenhos animados com estilo feito à mão a partir de um prompt de texto, usando um agente de programação
  • Experimentar prompts para orientar um modelo de IA a criar o storyboard e programar animações plano a plano
  • Trocar o personagem por outro, ou adicionar novas emoções ou figurinos sobre a mesma base em p5.js

Início rápido

  1. 1

    Clone o repositório

  2. 2

    Instale as dependências

    npm install
  3. 3

    Renderize o vídeo de demonstração de 11 segundos

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

Antes de usar

  • É necessário ter Node.js, Google Chrome e ffmpeg instalados.
  • Os preenchimentos em aquarela demoram para renderizar sem uma GPU dedicada.
  • Foi desenvolvido para gerar vídeos com Claude Opus 5.5 em um agente de programação.

Tópicos

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

Perguntas frequentes

O que é ClaudeAnimationBase?
Kit inicial para animar um personagem de desenho feito à mão com Claude, usando p5.js e p5.brush, com um guia para o modelo. Claude Animation Base é um kit inicial para criar animações de desenhos feitos à mão com Claude, baseado em p5.js e p5.brush. Inclui o personagem Clawd, uma biblioteca de poses, emoções, olhos, bocas, chapéus, emotes e danças, além de funções auxiliares para pintura, tempo, movimento, câmera e textura de papel.
ClaudeAnimationBase é gratuito? Qual é a licença?
ClaudeAnimationBase é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
ClaudeAnimationBase ainda é mantido?
Manutenção ativa. O último commit de ClaudeAnimationBase foi em 24 de set. de 2026.
Para que posso usar ClaudeAnimationBase?
Gerar vídeos curtos de desenhos animados com estilo feito à mão a partir de um prompt de texto, usando um agente de programação Experimentar prompts para orientar um modelo de IA a criar o storyboard e programar animações plano a plano Trocar o personagem por outro, ou adicionar novas emoções ou figurinos sobre a mesma base em p5.js
Como instalar ClaudeAnimationBase?
Clone o repositório Instale as dependências: npm install Renderize o vídeo de demonstração de 11 segundos: node render.mjs --clip --out=out/video.mp4
Onde consigo ClaudeAnimationBase?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/JohnHeibel/ClaudeAnimationBase

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados