解读ClaudeAnimationBase的7条核心规则：ANIMATION_GUIDE带你掌握AI手绘动画的终极创作法则

【免费下载链接】ClaudeAnimationBaseA 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项目地址https://gitcode.com/gh_mirrors/cl/ClaudeAnimationBase点击查看免费下载ClaudeAnimationBase 是一个开源的AI 手绘动画启动工具包把 Claude 接入 p5.js 与 p5.brush 画刷引擎只需一句自然语言描述就能让陶土色小角色 Clawd 演出一段笔触鲜活、线条沸腾的手绘动画短片。它真正的灵魂是 ANIMATION_GUIDE.md——一份写给 AI 的导演手册用 7 条核心规则锁死了手绘动画的美学底线。本文带你逐条拆解这些规则快速掌握 AI 手绘动画创作的终极法则。1 分钟认识 ClaudeAnimationBase 一句话介绍这是一个为 AI 而生的手绘动画工具包。引擎p5.js p5.brush水彩填充、墨水描边、纸张纹理一应俱全主角ClawdClaude Code 吉祥物自带 31 种会演戏的情绪核心文档ANIMATION_GUIDE.md包含规则、工作流与完整 API渲染器render.mjs无头渲染出分镜表、帧条带与 MP4 成片在 7 条规则之前先记住三大总目标——所有规则都服务于它们Handmade手绘感笔触、沸腾线条、平涂 2D拒绝数字味Alive鲜活永远有东西在动情绪要演出来而不是切换出来One piece完整短片先有整体构思再一帧帧画拒绝素材拼盘下面进入正题逐条解读 7 条核心规则。规则一媒介要实笔触、平涂与沸腾的线条这一条管的是画面质感必须像手绘所有画面必须用画刷接口paint()和inkLine()绘制人物 平涂色块 墨线轮廓背景 柔和水彩块面禁用 p5 原生的矩形、圆形等数字图形——那是一眼即穿的 2000 年代 Flash 味线条以每秒 12 次的频率轻微抖动即 boil 沸腾效果模拟手绘动画的呼吸感全程平面 2D角色转身靠画出来的关键视图正面 → 3/4 → 侧面 → 背面而不是 3D 投影深度只靠遮挡、大小与颜色配色保持柔和不用纯黑与纯白规则二禁止文字用画面讲故事 ✍️展示而不是写出来。AI 写动画最爱偷懒的方式就是塞文字字幕、标题、路牌、带字的对话框统统禁止。文档里给了一个经典翻车案例Clawd 举着一块写着我迷路了的牌子——这个镜头直接判负。正确做法是画出来东张西望、把地图拿反、额头冒汗滴。连感叹号、爱心、汗滴这类符号也是手绘符号而不是打字机字体。规则三每个镜头都必须有事件任何镜头的首尾帧之间必须发生了点什么想要、发现、尝试、失败、反应或得到。文档的原文很直白——Clawd 站在草地上卖萌不算一个镜头。配套三条执行细则一个焦点动作用清晰的剪影把它立住别让其他元素抢注意力先因后果事件发生后Clawd 必须有反应而反应往往才是最好笑的部分铺垫要回收镜头里出现的门、三明治、怪声都要在当镜或后续画面中给出交代规则四时间节奏站在观众视角建模 ⏱️这是 AI 生成动画最容易翻车的一条你写代码时知道下一秒发生什么但观众是第一次、按原速观看。核心方法叫reads读懂清单——为每个镜头列出观众必须依次看懂的信息然后一次只讲一件事上一条信息没消化完别开始下一条动作可以快含义要慢快速动作靠预备动作铺垫含义靠停留让观众消化快慢对比才产生节奏引导视线重要信息出现前先让观众的眼睛移到正确的位置时长由 reads 决定信息读完了镜头就该结束反过来读不完就别硬塞 文档里给了一个真实案例demo 片子的结尾第一版把所有事件塞进约 1.3 秒结果没人看得懂发生了什么。拉长到约 4 秒并逐段分配后节奏立刻成立。规则五鲜活什么都不能静止上图 31 种情绪每一种都自带呼吸待机动作、颜色与身体节奏全部锁定在节拍上。规则要求冻结 故障镜头要漂移、草要摆动、星星要闪烁任何一帧都不能是死的表情必须演出来情绪切换自带眯眼蓄力 → 换脸 → 弹回过冲的完整动作绝不允许一帧跳变角色要够大中景u约 20–28特写 40–70迷你 Clawd 只适合远景交代环境全片共用一个节拍bpm驱动所有弹跳、摇摆与舞蹈关键动作落在节拍点上规则六转场无处不在每个接缝都要有转场进入第一个镜头、每个镜头之间、离开最后一个镜头——绝不硬开场也不许突然结束。可选手段很丰富笔刷擦除、光圈开合、甩镜拖影、匹配剪辑、动作中切换、跨镜头运镜、从纸面或黑色淡入淡出。注意镜头内部的变化也算转场——道具要沿弧线进出画面不能凭空闪现。规则七一部完整短片先有蓝图再写代码这是统领全局的一条先写分镜动手写任何场景代码之前先按固定格式写下一句话故事 世界观 情感弧线 每个镜头的事件与 reads一个世界统一配色与场景全片有一条色彩弧线例如寒夜 → 暖晨随情绪转暖一条线索故事有起承转合Clawd 的情绪弧线跟着走按整片规划而不是按镜头规划结尾与开头押韵同一地点、姿势或动机但已经被改变——影片因此显得完整镜头之间要衔接运动跨越剪辑延续画面方向保持一致Clawd 往右走就继续往右走从规则到成片标准工作流 ️四条规则之外ANIMATION_GUIDE.md 还定义了四步工作流让AI 动画也能像剧组一样自查自纠分镜Storyboard先写STORYBOARD.md并对照规则逐项自查搭建Build在 src/scenes/ 新建场景文件一镜一镜构建关键姿势先当静帧检查审查Review loop用 render.mjs 渲染缩略表、逐帧条带与局部裁剪图像观众一样逐帧看节奏、接触点与转场——看代码看不出运动渲染Render一条命令直接输出 MP4 成片快速上手的完整步骤git clone https://gitcode.com/gh_mirrors/cl/ClaudeAnimationBase cd ClaudeAnimationBase npm install node render.mjs --clip --outout/video.mp4渲染完成后用 Chrome 打开 studio.html 即可逐帧拖动预览加上?loopemotions或?loopviews参数还能循环播放全部 31 种情绪和角色设定表。核心实现分别位于 src/clawd.js角色视图、情绪、眼睛、帽子、舞步与 src/core.js绘画、时序、运动辅助、相机、纸张纹理。写在最后 这 7 条规则看似苛刻其实都是老动画师的直觉被翻译成了 AI 能执行的清单媒介要实、文字要省、事件要满、节奏要慢、画面要活、转场要全、蓝图先行。把这 7 条喂给 Claude你拿到的将不是一段AI 生成的动画而是一部像有人一笔一笔画出来的手绘短片。赞分享【免费下载链接】ClaudeAnimationBaseA 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项目地址https://gitcode.com/gh_mirrors/cl/ClaudeAnimationBase点击查看免费下载相关推荐7个核心技巧轻松掌握AI绘画StabilityMatrix完全操作指南7个核心技巧轻松掌握AI绘画StabilityMatrix完全操作指南 StabilityMatrix是一款跨平台的Stable Diffusion包管理器AI 应用人工智能桌面应用本地部署媒体生成Label Studio 实战3 步把 40 张商品图变成可用的检测训练集Label Studio 实战3 步把 40 张商品图变成可用的检测训练集 手上一文件夹商品图下周要给算法同事一份 COCO 格式的检测数据集——这是多数团数据标注人工智能Crawl4LLM 未来展望高效网页爬取的边界与下一步Crawl4LLM 未来展望高效网页爬取的边界与下一步 大模型的能力上限往往由预训练数据的质量决定。Crawl4LLM 正是为此而生的开源项目——它专注于创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考