# Fable 5.5 纯代码动画怎么做？从网传小狐狸短片看分镜与制作流程

作者称 Fable 5.5 灰度生成了小狐狸与纸鸟的纯代码动画。追溯原帖、九段分镜和制作截图，解释 Python、视频编码、单 HTML 交付的关系，并给出可改写的尝试提示词。

原页面：https://ccmaxplan.com/articles/fable-5-5-code-animation-rumor-workflow

发布时间：2026-11-04T12:33:30.708374+00:00

更新时间：2026-11-04T12:33:30.708374+00:00

一只小狐狸，唤醒了一座沉睡的图书馆。书页飞起来，变成纸鸟；云海之上，天空从冷蓝色转向金色。

这是 X 创作者 **Chetaslua** 为短片《The Last Page》设计的故事。11 月 2 日，他分享演示称，疑似灰度中的 **Fable 5.5** 写代码生成了画面与声音，最后交付为一个 HTML 文件。本文查阅时，原帖已有约 **37.7 万次浏览、2,694 个赞和 151 条回复**，中文社区也出现了转发。

作者还公开了分镜提示词和制作说明：它把“让 AI 做一段动画”具体到了角色、镜头、音效、渲染与交付。**模型身份仍是作者的灰度判断**：公开截图的界面显示 Opus 5.5 Max；截至北京时间 2026 年 11 月 4 日，Anthropic 的 Fable 官方页面仍介绍 Fable 5.1。

[观看作者原帖中的动画](https://x.com/chetaslua/status/2117224839010459987)。

## 一只狐狸和一本空白书，为什么适合做代码动画？

作者的故事有清楚的起点、变化和收束：狐狸进入图书馆，触碰空白书页，纸鸟从书里诞生，最后留下一张等待书写的新纸。

公开提示词把约一分钟的短片分成九个镜头。前半段留出安静的停顿，中段用书架震动和纸页飞起推动情节，后半段交给日出和巨大的纸鸟。本文查看的演示画面中，可以看到小狐狸站在石质露台上，身后是金色光线与云海。

这类设计给制作程序提供了明确的对象：狐狸、书、纸鸟、塔楼、云层。对象可以在不同镜头间复用，时间轴负责调度动作、机位和光线。角色数量有限，也让外形连续性更容易检查。

下面是对作者分镜的概括，具体作品与原文见[提示词帖](https://x.com/chetaslua/status/2117224843661980093)。

| 段落 | 分镜中的主要事件       | 要解决的制作问题       |
| -- | -------------- | -------------- |
| 开场 | 云海、旧图书馆、狐狸进入   | 建立空间、角色比例和冷暖色调 |
| 变化 | 狐狸触碰空白书，纸鸟出现   | 让动作、停顿与音效对齐    |
| 高潮 | 书页旋转飞出，纸鸟聚成巨鸟  | 保持运动方向、层次与主体轮廓 |
| 结尾 | 狐狸面对最后一张纸，片名出现 | 收住节奏，让文字清楚可读   |

## “纯代码”和“单 HTML 文件”，对应哪些步骤？

作者原帖给出的成片规格是 **1920×804、24 fps**，称自主工作约 **2 小时 40 分钟**。制作截图中的交付说明写的是 **66.25 秒**；X 播放器上显示的上传演示约为 **58 秒**。本文没有拿到完整成片文件，时长按这两个来源分别保留。

在作者公开的对话截图里，制作说明列出了 Python 及 NumPy、SciPy、OpenCV、Numba、Skia 等工具，并提到用 ffmpeg 编码视频。**这份说明来自作者截图中的模型回复，本文尚未独立复现源工程。**

按这份说明理解，可以把流程分成三段：

1. **计算并绘制画面。** 程序描述背景、角色、纸鸟、文字和它们随时间的变化。
2. **合成声音并编码。** 将绘制出的帧、配乐和音效组织成可播放内容。
3. **打包交付。** 在一个 HTML 文件里放入播放界面与成片，使用户打开后观看。

作者的提示词明确允许“先渲染，再嵌入 HTML”。因此，单文件描述的是交付形式；它可以包含预渲染内容，不必等同于浏览器现场用 Canvas 或 WebGL 重画每一帧。

“零素材”也有具体边界。截图中的说明称，成片未使用图库图片、照片、采样音频或字体文件，同时承认曾用系统字体查看“寓話”印章的笔画结构，再写成坐标。保留这些细节，才能看懂作者所说的代码生成覆盖了哪些环节。

## 公开提示词里，有四个可复用的设计

这份提示词写得很细，除了九段分镜，还逐项交代角色轮廓、背景画法、色彩变化、动作节奏和声音设计。公开截图也显示，作者追加过“不要使用 GPT 生图，全部通过代码生成”的要求。

**第一，先写故事里的变化。** 狐狸走进图书馆、触碰书页、纸鸟飞出，各镜头之间有因果关系。自己的项目可以换成一颗种子发芽、一封信穿过城市，或一个产品解决问题的过程。

**第二，把风格变成可执行描述。** “好看”之外，还要说明线条、色板、光线、角色比例和镜头运动。给出这些条件后，检查成片时也有具体标准。

**第三，声音进入分镜。** 作者要求开场先听见风声，狐狸出现时加入钢琴动机，纸页飞出时加强音效，结尾再回到安静。声音与画面共同决定节奏。

**第四，要求保存能修改的工程。** HTML 便于观看，源代码、资源生成方式、依赖与渲染命令则决定下一次能否修改。作者截图还提醒，临时会话中的渲染文件和 Python 环境可能需要重建。

## 想尝试同类作品，可以先从 15 秒开始

下面是本文按上述方法整理的**原创尝试模板**，并非作者原提示词，也未在 Fable 5.5 上复现。可以交给自己当前已有权限、能够写代码和运行工具的环境，再根据实际能力调整任务。

> 制作一段 15 秒、有声音的原创二维动画：一只小纸船穿过雨后的水洼，最后漂到亮着灯的窗下。
>
> 先给出三段分镜，每段约 5 秒。固定纸船的外形与配色，说明每段的主要动作、镜头和声音。画面采用简洁手绘线条、低饱和蓝色背景和暖黄色灯光。
>
> 优先用代码生成画面与声音，不调用生图或视频生成模型。需要第三方库时列出用途。先完成 5 秒样片，检查角色是否连续、声音是否同步，再做完整版本。
>
> 保存源代码、依赖说明与运行命令。交付一个可播放的 HTML；若嵌入预渲染视频，请同时提供视频与重新渲染的方法。最后抽查每个镜头的静帧，并列出尚未解决的问题。

**先验收一个镜头，再扩展整段动画**，能更早发现角色漂移、画面拥挤、文件过大或音画不同步。想把它做成产品演示，还可以给每个镜头设置一个明确的信息目标，例如展示按钮变化、解释一道流程或呈现一组数据。

## Fable 5.5 灰度现在该怎么看？

这个案例展示了一份有传播力的作品，也公开了足够多的制作线索，适合学习如何给编程模型布置视觉任务。官方开放状态则以当前正式页面为准：本次查阅的 [Anthropic Fable 页面](https://www.anthropic.com/claude/fable)提供的是 Fable 5.1 信息。

社区流传的“问一道新知识题，就能测出是否灰度”属于非官方识别方法。回答可能受上下文、工具和其他因素影响，无法单靠它确定后台版本。已有账户可以先用可用模型做小样，保存过程和结果，评估是否满足自己的作品需求。

## 常见问题

Q: Fable 5.5 纯代码动画已经是官方发布的功能吗？

A: 本文介绍的是创作者公开的作品与灰度判断。截至查阅时，Anthropic 的 Fable 页面仍介绍 5.1，尚未提供这段演示所称型号的正式开放说明。

Q: 原作者公开提示词了吗？

A: 公开了，回复帖包含九段分镜、角色与画面要求、声音设计和交付方式。本文提供原帖链接，并另外整理了一个较短的原创尝试模板。

Q: 动画到底是 66 秒还是 58 秒？

A: 作者称成片约 66 秒，交付截图写 66.25 秒；本文查看的 X 上传演示约 58 秒。没有取得完整文件前，两者应分别标注。

Q: 纯代码动画为什么还要用 ffmpeg？

A: 绘制画面、生成声音与编码成视频是不同环节。作者截图中的制作说明把 ffmpeg 用于视频编码，并列出了计算与绘图工具。

Q: 一个 HTML 文件就代表所有画面都是实时生成的吗？

A: HTML 也可以承载预渲染的成片。作者公开提示词允许这种交付方式，具体结构需要查看文件或源代码才能确定。

Q: 普通用户可以照这个方法试做吗？

A: 可以从短分镜和小样开始，使用当前有权限的编程模型与工具环境。作品质量、运行时间和用量取决于任务与环境，本文模板不保证复现原演示效果或获取灰度资格。

## 来源与查阅说明

主要来源为 [Chetaslua 动画原帖](https://x.com/chetaslua/status/2117224839010459987)、[完整提示词与制作截图](https://x.com/chetaslua/status/2117224843661980093)、[中文转发帖](https://x.com/NFT_Chen/status/2117237594924986707)及 [Anthropic Fable 页面](https://www.anthropic.com/claude/fable)。查阅日期为北京时间 2026 年 11 月 4 日。本文读取了原帖、提示词与制作截图，并查看演示画面；未取得完整源工程，未独立复现制作流程。