没想到，上周随手用 JavaScript 和 HTML 做的 AI 动画，竟然有这么多同学喜欢。周末两天好多人问我要提示词，所以干脆写篇文章，分享一下我的工作流。

具体作品大家可以往前翻，很容易就能找到。

这里没有用视频和图片生成模型，包括里面的背景音乐、蝴蝶、蜻蜓、花、群山，都是 LLM 通过代码搞定的。

这也是最近 AI Coding 领域挺有意思的一个方向，通过 LLM 编写代码来生成动画。废话不多说，直接分享我的工作流。

其实，最初的提示词非常简单，就这么一段：

制作一部 80 秒、16:9 的动画，使用 WebGL2 和原生 JavaScript，生成单个 HTML 文件。不要使用任何第三方库，也不要使用图片、字体或者音频文件。整个动画采用水彩绘本风格，有田园的诗意感。

在这个提示词的基础上，我把自己写的诗发给了模型，让它尽可能还原诗中表达的意境。

接下来，基本上就是耐心地和 AI 反复沟通了。因为它不可能一次性就做出让我满意的作品。

比如，一开始生成的山峰形状不符合我的预期，那我就让它调整。大家可以仔细看看视频里蝴蝶、蜻蜓的运动轨迹，这些其实都经过了反复编排。

最开始，AI 生成的蜻蜓不够逼真，飞行轨迹也是一条直线，看起来特别假。那我就让它调整，飞行轨迹应该更随机一些，有速度变化，也有转向，这样才符合真实世界里蜻蜓的运动方式。

这里我再分享一个经验。如果你想让某个东西的运动更加真实，最好能够具体描述它的运动规律。

比如，不要只是告诉 AI，让蜻蜓飞得自然一点。可以试试这样的提示词：

请重新设计蜻蜓的运动轨迹，让它更加接近真实的飞行状态。不要沿着固定的直线匀速运动，可以加入自然的转向、短暂停顿、加速和减速。轨迹需要连续、平滑，避免突然跳跃。翅膀的振动和身体的移动也要协调。

同样的道理，如果我们想让风吹过草地，也可以告诉 AI，草地应该随着风的方向轻轻摆动，不同位置的草叶存在细微的时间差。

这些细节，都会影响最终的观感。

说实话，这个过程还挺枯燥的，考验我们的耐心，也挺考验一个人的审美。因为这部动画是我自己特别想做的，我希望它能尽可能还原我写的那首诗的意境。

比如，随着太阳慢慢落山，夕阳照在山坡上，整个世界的光线和色彩应该发生什么变化，我脑海中其实有一个大概的构想。我就把自己的想法告诉 AI，看看它能不能实现。哪些地方不满意，再让它继续修改。

来来回回好多次。