ClaudeAnimationBase 是一个用于用 Claude Code/编码智能体生成手绘风格 2D 动画短片的 JavaScript Starter Kit。它基于 p5.js 与 p5.brush，内置角色 Clawd、31 种表演情绪、视角/帽子/动作素材、时间线系统、转场、渲染脚本和面向大模型的动画创作指南。开发者可以通过提示词让模型先分镜、再逐镜头编码，最终渲染为 MP4 视频。
适用领域
AI 辅助创作 / 生成式动画 / p5.js 可视化 / 2D 手绘动画 / 创意编程 / 短视频自动化生产 / Claude Code 工作流
配置难度
中等。会使用 Node.js、命令行和基本 JavaScript 的开发者可以较快跑通示例；如果要深度改动画逻辑、优化渲染性能或让 AI Agent 稳定产出高质量短片，则需要理解 p5.js、时间线、角色动画原则和提示词工程。
商业价值
该项目适合作为 AI 动画生成原型、短视频内容自动化工具、创意编程课程案例或内部营销素材生成实验。它的商业价值主要在于降低手绘风格短动画的原型制作成本，并验证“提示词到动画短片”的工作流。对于内容团队、教育机构和 AI 创意工具创业团队有较高参考价值；但若要落地为商业产品，还需要补充可视化编辑器、资产管理、批量渲染、质量控制、版权审查和更稳定的生成流水线。
01
技术亮点
- 面向 AI Agent 设计，不只是普通动画库，核心价值在于让模型按指南自动创作动画。
- 内置 ANIMATION_GUIDE.md，包含创作规则、工作流、API、镜头节奏和角色动画原则。
- 提供 Clawd 角色、31 种情绪、不同视角、帽子、动作和表情素材，便于快速生成角色表演。
- 支持分镜、镜头构建、接触表检查、帧带、裁剪、静帧和 MP4 输出。
- p5.brush 带来手绘、水彩、沸腾线条等较有质感的视觉风格。
- MIT 许可证，便于二次开发、学习和商业原型验证。
- 适合做 AI 生成动画实验和创意编程教学案例。
02
目标用户
- 希望用 Claude/AI Agent 自动生成动画短片的开发者
- 熟悉 JavaScript 或 p5.js 的创意编程开发者
- 想快速制作手绘风格角色动画的设计师或内容创作者
- 研究 AI 编码 Agent 多模态创作能力的团队
- 教育场景中教授动画、创意编程或生成式 AI 的教师与学生
03
配置要求
- Node.js 运行环境
- Google Chrome/Chromium，用于无头渲染 p5.js/WebGL 内容
- ffmpeg，用于视频编码输出
- 如 Chrome 不在默认路径，需要传入 --chrome=<path> 或设置 CHROME_PATH 环境变量
- 无独立 GPU 时渲染会较慢，特别是 p5.brush 水彩填充效果
- 无 GPU 的 Linux 环境可使用 --soft-gl 进行软件 WebGL 渲染
- Linux 服务器/NVIDIA GPU 环境可尝试 --gpu-angle=gl-egl 或 vulkan
- 项目主要工作流推荐搭配 Claude Code 或类似编码 Agent 使用
04
适用场景
- 用自然语言提示词生成 10-30 秒的手绘动画短片
- 快速制作社交媒体短视频、概念动画或 Demo
- 测试 Claude Code 在分镜、场景构建、角色表演和自我检查方面的能力
- 扩展角色表情、服装、动作或替换为自定义角色
- 生成动画素材、表情循环、角色设定图、分镜预览和最终 MP4
- 作为 p5.js 动画项目的基础模板
05
部署与配置
- 安装 Node.js。
- 安装 Google Chrome 或 Chromium。
- 安装 ffmpeg，用于输出 MP4。
- 克隆仓库：git clone https://github.com/JohnHeibel/ClaudeAnimationBase.git
- 进入项目目录并安装依赖：npm install
- 运行默认示例渲染：node render.mjs --clip --out=out/video.mp4
- 在 Chrome 中打开 studio.html，可拖动时间轴预览动画。
- 可在 Claude Code 中打开项目，让模型阅读 ANIMATION_GUIDE.md 后按提示词创作新视频。
06
风险与注意事项
- 项目强依赖 Claude Code 或类似编码 Agent 的能力，普通用户如果不使用 AI Agent，生产效率会下降。
- README 中提到 Claude Opus 5.5，但该模型名称可能与实际可用模型环境存在差异，使用者需要根据自己可访问的 Claude 版本调整。
- 渲染性能可能成为瓶颈，尤其是在集成显卡、无 GPU 服务器或使用水彩填充时。
- 生成结果质量受提示词、模型能力和上下文理解影响，可能需要多轮修正。
- 主要是 Starter Kit，不是完整的商业动画制作平台，资产管理、编辑器、协作流程等能力有限。
- 浏览器、ffmpeg、GPU 参数在不同操作系统上的配置可能带来调试成本。
- 当前内置角色和风格较固定，如需品牌化或复杂叙事，需要较多定制开发。
2026-09-28
第30名
新收录 · github_search
