Repolode
JohnHeibel

JohnHeibel/ClaudeAnimationBase

用 Claude 借助 p5.js 和 p5.brush 制作手绘卡通动画的入门工具包。

Star
1,283
Fork
129
未关闭 Issue
7
最近提交
26天前

这是什么?

Claude Animation Base 是一个入门工具包,用于借助 Claude 制作手绘风格的卡通动画,基于 p5.js 和 p5.brush 构建。项目内置角色 Clawd,提供多种视角、表情、眼睛、嘴型、帽子、情绪动作和舞蹈动作,并附带绘制、时间控制、运动、镜头和纸张纹理等辅助函数。

使用方式是在 Claude Code 等编程代理中提出需求,模型会阅读 ANIMATION_GUIDE.md,先做分镜,再用 p5.js 逐镜头实现,通过接触表检查效果,最后输出 MP4 文件。指南规定了一些创作规则,例如画面不加文字、镜头之间必须转场,以及采用带笔触和抖动线条的平面二维风格。

渲染通过 Node.js 脚本驱动 Chrome 无头模式完成,并使用 ffmpeg 生成视频。没有独立显卡时,水彩填充渲染较慢;项目提供了软件 WebGL 以及 Linux 无头服务器下 NVIDIA GPU 的相关参数。

核心功能

  • 01角色 Clawd 提供多种视角、31 种表情、眼睛、嘴型、帽子和舞蹈动作
  • 02附带动画指南,规定模型制作动画时遵循的规则和流程
  • 03提供笔刷绘制、时间控制、运动、镜头和纸张纹理等辅助函数
  • 04无头渲染器可输出接触表、帧序列、静帧和 MP4 视频
  • 05浏览器预览页面可逐帧查看场景

适用场景

  • 借助编程代理,通过文字提示生成手绘风格的卡通短视频
  • 尝试让 AI 模型先分镜、再逐镜头编写动画代码
  • 基于同一套 p5.js 基础替换角色、表情或服装

快速上手

  1. 1

    克隆仓库

  2. 2

    安装依赖

    npm install
  3. 3

    渲染11秒演示视频

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

使用前须知

  • 需要预先安装 Node.js、Google Chrome 和 ffmpeg。
  • 没有独立显卡时,水彩填充渲染速度较慢。
  • 设计用于在编程代理中配合 Claude Opus 5.5 生成视频。

标签

常见问题

ClaudeAnimationBase 是什么?
用 Claude 借助 p5.js 和 p5.brush 制作手绘卡通动画的入门工具包。 Claude Animation Base 是一个入门工具包,用于借助 Claude 制作手绘风格的卡通动画,基于 p5.js 和 p5.brush 构建。项目内置角色 Clawd,提供多种视角、表情、眼睛、嘴型、帽子、情绪动作和舞蹈动作,并附带绘制、时间控制、运动、镜头和纸张纹理等辅助函数。
ClaudeAnimationBase 可以免费使用吗?用的什么许可证?
ClaudeAnimationBase 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
ClaudeAnimationBase 还在维护吗?
活跃维护中。ClaudeAnimationBase 最近一次提交是在 2026年9月24日。
ClaudeAnimationBase 适合用来做什么?
借助编程代理,通过文字提示生成手绘风格的卡通短视频 尝试让 AI 模型先分镜、再逐镜头编写动画代码 基于同一套 p5.js 基础替换角色、表情或服装
ClaudeAnimationBase 怎么安装和运行?
克隆仓库 安装依赖: npm install 渲染11秒演示视频: node render.mjs --clip --out=out/video.mp4
在哪里获取 ClaudeAnimationBase?
源代码和安装说明在 GitHub 上:https://github.com/JohnHeibel/ClaudeAnimationBase

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目