AI也能”一笔一笔”画画?anidoodle 把31种画风写进了JavaScript
你有没有想过,让 AI 帮你画一张插画 + 配乐 + 做一部短片——而每一帧都是代码写的、每一笔都能精确复现?
这就是 anidoodle 干的事。
它是什么
anidoodle 是一套“代码画 + 代码配乐”的艺术生成引擎。不是把 prompt 丢给 Midjourney 抽卡,而是让 AI 用 JavaScript 在 Canvas 上画笔触——每个标记都是一个函数,每个音轨都是写出来的。
最狠的是:31 种风格(钢笔、蜡笔、水彩、剪纸、像素、版画、木刻、动漫……),同一种风格在不同机器、不同尺寸渲染出来的图完全一致。这种确定性,正是 AI 视频模型最难做到的事。
它能做什么
| 形态 | 用途 |
|---|---|
| 插画 illustration | 风格化封面、品牌素材、社媒图 |
| drawfilm(绘画延时) | 看着 AI 一笔一笔画出整张图 |
| launch film(发布片) | 30-90 秒品牌短片,77 秒的电影级镜头 |
| loop(循环动画) | 网页背景、动效首屏、KV |
| interactive web art | 鼠标交互式生成艺术 |
| scored film | 代码合成的电影级配乐 + 同步画面 |
整支发布片的每一帧、每一个音都是代码写的——这个项目自带一支 77 秒的 launch film,每一帧都是它自己画的。
为什么值得设计师关注
传统 AI 出图的痛点大家都懂:抽卡、不稳定、风格漂移、不能精确控制。
anidoodle 的解法很工程化:
- 确定性渲染:相同 source 在任意机器渲染出像素一致的图——这对品牌资产交付太重要了
- 风格可控:31 种风格,每种都是独立函数库(nib taper、wash bleed、chalk scumble、cut-paper torn edge、risograph halftone……),可组合可扩展
- 从静态到动态:不是视频模型的”图生视频”,而是从动效第一性原理写出来(timing、easing、节奏、运动曲线)
- 支持多平台:Claude Code / Codex / Grok Build 自动识别 skills,安装即用
作者 alexgreensh 自己就是做创意编程出身,README 里能看到他对”什么是好风格”的固执——每种风格都有自己的 drawing film(看 AI 怎么一笔一笔画),这是 AI 图像生成完全无法呈现的过程感。
怎么用
npx skills add https://github.com/alexgreensh/anidoodle --skill anidoodle
装好后对 Claude Code / Codex 说:
“用 anidoodle 给我画一张水彩风格的咖啡馆插画,然后做个 30 秒的循环动画”
agent 会自动选择风格、调用 drawing kit、组合模板、渲染输出。整个过程是 agent-native 的,不需要 After Effects、不需要 Premiere、不需要学习曲线。
谁该试试
- 品牌 / 创意团队:想要风格一致、可复现、可批量生产的视觉资产
- 动态设计师 / motion designer:想要摆脱 AE 时间表,但想要确定性
- 创意编程 / creative coder:想在生产级项目里用 JS Canvas 创作
- AI 内容创作者:想从 prompt 抽卡升级到风格系统化的创作
如果你受够了 Midjourney 的随机性、对 Sora 的不可控失望,这个项目提供了一种“AI 是有手艺的工匠”的全新思路。
GitHub 791 stars,趋势在涨——
github.com/alexgreensh/anidoodle
README 里有大量作品集和 demo,必看。
评论区
登录后可评论。