作者用 Claude Opus 5.5 从一帧 Peppa Pig 截图生成 13 秒 JavaScript 动画

输入一帧《小猪佩奇》，输出 13 秒动画

Claude Opus 5.5 在 Claude Code 中。四条提示词，大约一个半小时。没有图像模型，没有视频模型。

带声音观看（13 秒） · 下载 MP4 · 绘制它的 645 行 JavaScript

那段视频里没有任何一帧是生成的图像。每一帧都是由模型编写的程序绘制的：小猪、兔子、水花，甚至曲子。事情就是这样进行的，包括它说“不”的那部分。

我在 YouTube 上把《和佩奇一起游泳》暂停在 1:41。一帧画面：泳池里有三只小猪，甲板上有三只兔子。没有模型设定图，没有图层，没有第二个角度。

我让 Claude Code 用 KitCut 的 sketch 引擎重绘那一帧。该引擎就是本仓库 sketch/ 文件夹里的 JavaScript：一个画布，其中每一帧都是 t 的纯函数。模型不绘制像素。它编写绘制像素的代码。

泳池画对了。栅栏、甲板、梯子、树。水里：三只熊。甲板上：三只猫。

它在项目日志中的备注：

演员阵容刻意用我们自己的：剧中的角色是别人的，没有被重绘。保持这样。

礼貌、正确，但不是我要求的。

我告诉它那张静帧是我自己的，然后再次要求：场景和角色，每一个都看向它在画面中看向的地方。

左：画面。右：代码。

它没有描摹任何东西。它进行了测量。根据它自己的笔记：

它把画面切成网格化的 4 倍裁剪图，并从这些图中读取每一条轮廓、眼睛和瞳孔。整个会话期间它打开了 42 张图片：画面的裁剪图，然后把它自己的渲染图放在旁边。
栅栏是拟合出来的，不是目测的：周期 65.6 px，斜率 0.76。第一次测量是在树附近进行的，到左边缘时偏移了 24 px，所以它又做了一次。
水是一种颜色、一种透明度，由水面上下都可见的三样东西（一件泳衣、一条连衣裙、一个臂环）解算得出：#419eb4 在 0.71。这告诉它大猪身上的“蓝色条纹”不是条纹。那是她的皮肤，在水下。

这就是提示词，再加上“10 秒”。十三分钟后，我得到了一部带声音的 1080p 影片。

没有人被重绘来移动。手臂是绕肩摆动的一组。跳跃是下蹲、在恒定重力下的弧线，以及落定后变成上下浮动的入水。音乐是它为拨弦弦乐一个音符一个音符写出的曲子。每一处水花都是合成的，并且落在兔子入水的那一帧，因为声音和画面读取同一个时钟。

它犯了错，并通过渲染静帧并查看它们自己发现了这些错误。一只兔子落地时一只耳朵横在小猪的臂环上（移动了 16 px）。最后一帧淡出到空白纸面（已修复）。

延长 3 秒。展示一个特写，小猪和兔子孩子们已经在泳池里互相泼水。让过渡自然，但镜头不同。

我没有说怎么做。它决定让小兔子朝镜头泼水。一个水球不断变大，直到占满整个画面，镜头在下方切换，水从玻璃上流下，然后我们近距离看到四个孩子。接着它给自己留下了这个：

一个纯色的全画幅划像，即使只有四帧，也会被读作坏帧。

所以镜头上的水里有气泡。

这不是一集动画。这是单一场景中的十三秒，风格由扁平形状构成，这已经是最理想的情况了。没有人说话。动作是姿势和弧线，不是表演。

但我给一个编码智能体一张截图和四条简短提示，它却回馈了一部卡通片，带有镜头运动和配乐，而且是我可以打开并编辑的源代码。我没想到这能行得通。

想在你自己的画上试试：引擎是 sketch/，从 Claude Code 驱动它的技能是 .claude/skills/video-sketch，还有一部 12 秒的入门影片在 config/sketch/example/。

Peppa Pig 及其角色归 Hasbro 所有。这是一个非官方实验，与他们无关联也未获其认可，此片段仅用于展示该工具的效果。如果你拥有版权并希望删除它：hello@kitcut.ai。