【免费下载链接】anidoodleArt and animation, written as code. Illustrations, loops, interactive web art, launch-videos and scored films in dozens of styles, identical on every render.项目地址https://gitcode.com/gh_mirrors/an/anidoodle点击查看免费下载anidoodle 是一款把插画、动画和配乐全部写成代码的开源艺术引擎。装上它之后你只需对 Claude Code 或 Codex 说一句“画一张铅笔水彩风格的梨”它就能为你画出一张可无限放大、每次渲染都逐像素一致的插图还能顺手产出“画被画出来”的延时视频、GIF 循环甚至带原创配乐的短片。本文附上安装与渲染的全部命令带你从零走到出图。为什么代码画的铅笔水彩图比 AI 生图更可控先花 30 秒理解 anidoodle 的核心思路后面的命令就都通了每一笔都是一个函数。水彩的晕染、铅笔的排线、纸面的颗粒感全部用纯函数计算出来不依赖任何位图素材也不调用图像模型。确定性Determinism是它的承诺。随机性只来自你给定的种子seed没有时钟、没有隐式状态。同一份源码在任何机器、任何尺寸下都重画出完全相同的画——官方工具会把同一帧画两遍并比对哈希一致才会打印reproducible。一张画还是一段片是同一份源码。静态插图只是“一帧长的影片”所以静态图、GIF 循环、MP4 短片都从同一个模块导出。anidoodle 内置32 种风格每一种都是独立的“作画方式”而不只是换配色。我们今天要用的铅笔水彩Pencil watercolour风格 ID 为ranunculus正是其中之一冷压纸上先用 HB 铅笔打稿再铺盒装水彩晕染永远不填满轮廓线最后在颜料上补石墨线条。风格清单见 styles/INDEX.md该风格的静态图源码在 ranunculus.ts。anidoodle 安装步骤Claude Code 三行命令搞定anidoodle 以Skill技能的形式分发任何能读取 skills 的智能体都可以使用。以 Claude Code 为例在项目终端里依次执行/plugin marketplace add alexgreensh/anidoodle /plugin install anidoodlealexgreensh-anidoodle装好后无需配置账号或 API key它在你本机用 Node20 或更新版本 Chromium 渲染全程离线无遥测。更多插件行为说明见 plugin-README.md。Codex 安装 anidoodle 插件marketplace add /plugins使用 Codex 的用户只需一条命令添加插件市场codex plugin marketplace add alexgreensh/anidoodle然后在 Codex TUI 中输入/plugins在列表里安装 anidoodle 即可。其他智能体也能装Grok Build 与手动复制grok plugin marketplace add alexgreensh/anidoodle grok plugin install anidoodle --trust如果你的智能体支持标准 skill 文件夹直接git clone https://gitcode.com/gh_mirrors/an/anidoodle后把 skills/anidoodle/ 目录入口是 SKILL.md复制进它的 skills 目录即可。让 Claude Code 画一张铅笔水彩图完整操作流程第一步用一句人话下达指令装好插件后直接用自然语言提需求即可例如为我们的食谱页画一张铅笔水彩风格的梨1:1 方形安静一点的氛围anidoodle 内置了“先提问再动手”的 intake 流程见 start-here.md它会一次只问一个问题——做什么、什么风格、什么画幅、多长、要不要配乐、有什么角色——把回答写进一份简短 brief 后才开始画缺省项会给出有理由的默认值而不是瞎猜。你也可以直接说“你定”它会替你挑选并说明原因。第二步首次渲染准备浏览器一次性如果你希望亲手操作引擎或 agent 首次在新项目里渲染执行node skill/engine/tools/scaffold.mjs ~/art --still pear --format 1x1 cd ~/art npm install npx playwright-core install chromium其中skill是 anidoodle 技能目录插件安装后由 agent 自行定位。scaffold.mjs负责把“零件状态”的引擎组装成一个可运行的项目完整参数见 scaffold.mjs。静态图只需要浏览器要做任何会动的片子本机还需要ffmpeg。第三步渲染、校验、导出全部命令# 出一张印刷级静态图--scale 2 表示 2 倍尺寸画两遍并比对哈希一致才打印 reproducible node tools/still.mjs pear --out out/pear.png --scale 2 # 导出动画GIF 循环.mp4 带配乐、.webm/.apng 带透明通道同一命令换 --out 即可 node tools/render.mjs pear --out out/pear.gif # 导出一个约 100 KB 的自包含 HTML双击即离线重画带声音 node tools/emit.mjs pear --out out/pear.html # 一键质检确定性、契约、死空气检查一次跑完 node tools/gate.mjs pear # 对交付文件本身解码复检帧数、时长、音画同步、峰值响度 node tools/verify-export.mjs pear --file out/pear.gif # 如果你还写了一段配乐先过机器审查调性、响度、平衡、新颖度 node tools/music.mjs check score.ts#myScore常用工具与参数速查命令作用常用参数still.mjs出静态图画两遍验证可复现--scale 2、--frame N、--sheet多帧拼一张render.mjs渲染 MP4 / GIF / WebM / APNG--from/--to、--poster-frame、--blur auto运动模糊gate.mjs确定性 契约 死空气质检--self-testemit.mjs导出单文件离线 HTML--out out/x.htmlverify-export.mjs对成品文件解码复检--delivery、--loop进阶让这张铅笔水彩图“自己画出来”anidoodle 的每个风格都附带一段作画过程影片第 0 帧是白纸铅笔稿先成形浅色水彩从落笔处晕开最后石墨线条收尾——没有任何“淡入”最后一帧与静态图逐像素一致。它同时是延时摄影、幕后制作和讲解图。铅笔水彩的过程版就在 ranunculusDraw.ts文件头部注释写明了作画顺序先铅笔打稿 → 浅色晕染 → 形体塑造 → 颜料上补石墨。让 agent 按 drawing-process.md 的套路做即可声明meta.kind: drawing影片结尾的停留帧用meta.holds标注质检门槛也会自动换成更适合细线条的判定。顺手的两件事匹配你的参考图、保持角色一致风格迁移给它一张你喜欢的画比如梵高的《盛开的杏仁树》仓库内就有参考图 vangogh-almond-blossom.jpg它会研究笔触、边缘、色板与纸面用这只“手”画新题材——借的是风格不是画面本身。角色一致性角色只建一次之后任何镜头、姿势、风格从木刻到积木都保持同一张脸见 character-consistency.md。常见问题 FAQ问anidoodle 需要联网或 API key 吗不需要。渲染全程在本机完成Node 20、Chromium动态内容再加 ffmpeg不上传任何数据可选的 373 MB 原声乐器录音包也由 agent 先征得你同意才下载node skill/engine/tools/soundfetch.mjs get all不装也不影响配乐播放。问静态图和动画分别需要什么环境静态图只需npx playwright-core install chromium装好的浏览器任何会动的格式还需要本机ffmpeg。问同一张画能出哪些交付格式一张源文件全都能出PNG任意倍率、带配乐的 MP4、GIF、透明 WebM / APNG以及一个可离线播放的 HTML对照表见 formats.md。小结一次编码永久重绘一张画就是几百行代码一部 47 秒的带配乐短片也只是同一个程序——第一次渲染后每次重跑的成本约为零。想继续深挖建议按这个顺序读README.md全景→ SKILL.md七条创作定律与工作流路由→ anatomy.md引擎结构。现在就可以对 Claude Code 或 Codex 说出那句话画一张铅笔水彩风格的梨1:1安静一点然后等着看你的画桌里多出一只梨、一段它的作画过程和一份每次打开都一模一样的 HTML。赞分享【免费下载链接】anidoodleArt and animation, written as code. Illustrations, loops, interactive web art, launch-videos and scored films in dozens of styles, identical on every render.项目地址https://gitcode.com/gh_mirrors/an/anidoodle点击查看免费下载相关推荐OpenLore快速上手3条命令让Claude Code、Codex、Cursor共享同一份知识库OpenLore快速上手3条命令让Claude Code、Codex、Cursor共享同一份知识库 你是否也被这个问题困扰过Claude Code、Code如何把Claude Code和Codex接上Splash一条命令配置本地coding agent的实战教程如何把Claude Code和Codex接上Splash一条命令配置本地coding agent的实战教程 Splash 是一个专为 Apple silicovideo-spec-builder安装教程一条npx命令装进Codex、Claude Code与Cursorvideo spec builder安装教程一条npx命令装进Codex、Claude Code与Cursor video spec builder 是AI 技能视频提示工程上一篇faster-whisper 语音转文字工具指南Whisper 4 倍速落地与避坑清单下一篇终极指南掌握Hamcrest-PHP对象匹配器的10个高级技巧创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考