JohnHeibel/ClaudeAnimationBase
A starter kit for animating hand-painted cartoons with Claude: p5.js + p5.brush, the Clawd character, 31 acted emotions and a guide for the model
해결하는 문제
이 프로젝트는 AI 코딩 에이전트(특히 Claude Opus 5.5)를 사용하여 캐릭터 애니메이션을 제작하기 위한 스타터 키트를 제공합니다. 구조화된 코드베이스와 AI가 따라야 할 애니메이션 가이드라인을 제공함으로써, '수작업' 느낌(보일링 라인 및 수채화 채우기 효과)이 나는 2D 애니메이션 생성 과정을 간소화합니다.
작동 방식
이 키트는 시각적 렌더링을 위해 p5.js와 p5.brush를 사용합니다. 사용자가 코딩 에이전트(Claude Code 등)에 프롬프트를 제공하면, 에이전트는 제공된 ANIMATION_GUIDE.md를 읽어 스타일과 캐릭터 규칙을 이해합니다. AI는 장면의 스토리보드를 작성하고, 샷별로 구성하며, 헤드리스 렌더러(render.mjs)를 사용하여 프레임을 생성하고 최종 MP4 영상을 내보냅니다.
대상 사용자
모든 프레임을 수동으로 코딩하지 않고도 LLM을 활용하여 스타일화된 2D 애니메이션 제작을 자동화하려는 크리에이터와 개발자를 위해 설계되었습니다.
주요 특징
- AI 기반 워크플로우: 텍스트 프롬프트에서 애니메이션 스토리보드 작성 및 렌더링을 수행하도록 코딩 에이전트와 협업하기 위해 설계되었습니다.
- 스타일화된 미학: 붓 터치와 보일링 라인을 활용한 '수작업' 느낌에 중점을 둡니다.
- 헤드리스 렌더링: Node.js, Chrome, ffmpeg를 통해 애니메이션을 MP4로 렌더링하는 스크립트가 포함되어 있습니다.
- 캐릭터 프레임워크: 캐릭터 뷰, 감정, 의상을 위한 사전 정의된 에셋과 로직이 포함되어 있습니다.
관련
- 프로젝트
- 프로젝트
- 프로젝트
- 프로젝트