纯代码动画的 4 个起点

把这个视频逆向还原成 HyperFrames 代码，然后从设计师的角度做一个更有创意的版本。

时间线上那些纯代码动画，归结起来就是四种做法，每种都有一条可以直接复制的提示词：

• 看到喜欢的动画：让它逆向还原
• 只有一个想法：一句话，高强度
• 有角色图：一张截图加几句话
• 想要特定画风：把规格写清楚

看到喜欢的动画？把视频和这条提示词一起丢进去。

我的那个就是这么做的：两条消息，第二条只是让它改改故事、打磨一下画面。所有东西都在一个 index.html 里，用 HyperFrames 渲染成 MP4。从头到尾大约一小时，按 API 价格算大约 $14。

只有一个想法？把 /effort 设成 max 或 xhigh，然后只给它一句话：

做一个能在我浏览器里运行、可以玩的 3D 赛车游戏，尽量做得好看。

点子和细节都交给它。它可能跑一个多小时，也最耗你的额度。

有角色图？把它贴进去，再加几句话：

这是主角。把它做成一部关于 [TOPIC] 的 30 秒动画短片：好玩，有明确的结尾，用来发 X。不要合成音效，用我电脑上的真实音频素材。

最快的不到 20 分钟就做完了。换成你自己 app 的截图和仓库，就是一支产品介绍视频。

想要特定画风？把规格写清楚。比如像素风：

在单个 HTML 文件里用原生 JS 和 Canvas，做一只追萤火虫的像素风小猫。先在低分辨率画布上画，比如 160×90，再按整数倍放大。用一套小的固定调色板，不要抗锯齿。用一卡一卡的 10 fps 像素感做动画，分四个阶段：idle、stalk、pounce、land。无缝循环。

配乐怎么做：

• 只用代码：让它用 Web Audio API 或 Python 脚本合成配乐，卡准故事节点
• 不满意：让它再重做几遍配乐，用真实乐器音色
• 素材：本地音频素材、有授权的音乐，或用 ElevenLabs 做音效