动画的起源与视觉暂留魔法 / The Origins of Animation and the Magic of Persistence of Vision
第 1 章：动画的起源与视觉暂留魔法
Chapter 1: The Origins of Animation and the Magic of Persistence of Vision
你有没有想过这样一个问题：电视屏幕上的小猫、电影院里奔跑的恐龙、手机 App 里跳舞的小人——它们其实都不是"活"的？它们是由一张一张静止的画面（frame, 帧）快速切换而成的。那么，为什么一堆静止的图片快速闪动，眼睛和大脑却会认为它们在动？ 这就是本章要解决的核心谜题。
答案藏在一个 19 世纪被发现的生理现象里——视觉暂留（Persistence of Vision）。但在揭晓这个答案之前，我们先要回到几千年前，看看人类是如何一步步"骗过"自己的眼睛，发明出最早的动画装置的。
---
1.1 古代动画先驱：从洞穴壁画到机械玩具
1.1.1 最早的运动幻觉：连续姿态分解
大约 3 万年前，在法国南部的拉斯科洞窟（Lascaux Cave）里，史前人类用矿物颜料在岩壁上绘制了大量动物图案，包括奔跑的马群。考古学家后来发现，一些岩画中的马腿被画成了多重叠加的姿态——就好像同一匹马被"分身"成了好几个瞬间定格的样子。这种绘制方式，已经暗含了现代动画的核心思想：把一个连续的动作拆成若干"瞬间"，再让它们依次呈现。
在中国敦煌莫高窟的壁画里，北魏时期的飞天（Flying Apsaras, 飞天伎乐）也常常以连续的飘带和衣袂呈现"飞"的动态。到了宋代，民间流行的"走马灯"更是把这种思想发挥到了机械层面：灯笼内壁绘制连续奔跑的马匹图案，中央放置蜡烛，蜡烛燃烧产生的热气流推动顶部的叶轮旋转，叶轮带动内壁旋转，于是从灯笼外部的小孔望进去，便能看到马匹"奔跑"的连续画面。
走马灯的关键技术点是：
- **分格绘制**：将一个完整动作（如马匹奔跑）拆解为 8～12 个静止姿态；
- **顺序排列**：把这些姿态按时间顺序画在同一旋转面上；
- **快速切换**：通过旋转让画面快速经过观察者眼前。
走马灯在 9—10 世纪的中国已经相当成熟，后来沿着丝绸之路传到欧洲、阿拉伯世界，成为后世一切动画装置的"祖父"。
1.1.2 欧洲玩具的黄金时代：19 世纪的四大发明
到了 1825 年前后，欧洲掀起了一股"光学玩具"（Optical Toys）的发明热潮。其中四个装置对动画史影响最大：
(1) 诡盘 / Thaumatrope（1825 年，英国，约翰·A·帕里斯 John Ayrton Paris）
Thaumatrope 是最简单的动画装置：在一张圆形硬纸板的两面分别画两个图案（例如一面画小鸟，另一面画鸟笼），然后在纸板边缘系上两根细绳。玩的时候，双手各持一根绳子搓动，纸板会快速旋转。此时，你会在纸板的两面之间看到一个"鸟在笼子里"的叠加图像。
原理分析：当纸板旋转时，小鸟的图像和鸟笼的图像交替进入视网膜。因为两张图像切换的速度非常快（每秒可达数十次），人眼来不及分辨它们的先后顺序，于是在视觉上"融合"在了一起。这正是视觉暂留效应的最早应用之一。
(2) 费纳奇镜 / Phenakistoscope（1832 年，比利时，约瑟夫·普拉托 Joseph Plateau）
普拉托是一位物理学家，他在研究视觉暂留现象时，发明了费纳奇镜。它的结构是：
- 一个圆盘，边缘等距开有若干径向的细缝（一般 8～16 个）；
- 在同一个圆盘上，沿圆周方向绘制一系列"连续动作"的分解姿态（例如一个跳跃的小丑）；
- 观察者面对镜子，把圆盘翻转过来，让有图案的一面朝向镜子；
- 旋转圆盘，通过细缝观察镜中的画面。
当圆盘旋转时，每经过一个细缝，观察者就会"瞥见"一个分解姿态。下一个细缝来到眼前时，又一个姿态出现。因为细缝和姿态的切换速度极快（约每秒 10～16 次），大脑便把这些分离的姿态"误读"为连续的运动。
关键技术参数：费纳奇镜的"等距细缝"等价于现代动画中的"帧间隔"。细缝越多，等价于帧率（Frame Rate, FPS）越高，运动就越平滑。
(3) 走马盘 / Zoetrope（1834 年，英国，威廉·乔治·霍纳 William George Horner）
费纳奇镜需要镜子配合，使用起来不太方便。霍纳把它改进成了走马盘：在圆筒的内壁绘制连续动作的分解姿态，圆筒侧壁开有等距的细缝。观察者从外侧通过细缝向内看，并旋转圆筒。
相比费纳奇镜，走马盘的革命性在于多人可同时观看——一家人都可以围在走马盘四周，一起欣赏"内部的小动画"。这已经非常接近现代的"集体观影"体验。
(4) 活动视镜 / Praxinoscope（1877 年，法国，埃米尔·雷诺 Émile Reynaud）
埃米尔·雷诺是法国巴黎人，他在走马盘的基础上做了关键改进：把细缝和镜子结合起来，去掉了"细缝"这个限制。具体做法是，在圆筒中央放置一圈倾斜 45° 的镜子条。当观察者从外面向内看时，他们看到的是镜子里反射的画片图案。圆筒旋转时，画片在镜中的影像快速切换，运动幻觉更加明亮、清晰、无闪烁。
更重要的是，雷诺后来（1892 年）把活动视镜升级为光学剧场（Théâtre Optique）——可以投放到大屏幕上，连续播放 10～15 分钟的手绘动画短片。这被认为是世界上最早的"动画电影"，比卢米埃尔兄弟（Lumière Brothers）1895 年的公开放映还要早三年。
1.1.3 案例分析：穆布里奇与奔马
说到动画起源，不得不提英国摄影师 埃德沃德·穆布里奇（Eadweard Muybridge, 1830—1904）。1878 年，他在美国加利福尼亚州用 12 台相机并排摆放，拍摄了一匹奔跑中的马。当马依次经过每台相机前方时，相机会被绊线触发快门，从而拍下 12 张连续的定格照片。
这是历史上第一次用科学方法记录下"马匹奔跑时四蹄是否同时离地"这个问题。结果证实：是的，奔跑中的马在某一瞬间四蹄是全部腾空的。这组照片在欧美引起轰动，更重要的是，它彻底改变了艺术家对动物运动的描绘方式。
穆布里奇实验对动画的启示： 1. 运动可以被分解为离散的瞬间——这是动画分镜（Storyboard / Breakdown）思想的实证基础； 2. 客观记录比主观想象更准确——后来迪士尼（Disney）动画师在描绘动物运动时，会先去研究穆布里奇的照片序列； 3. 机器可以扩展人眼的极限——这为后来的电影摄影机和动画拍摄台（Animation Stand）铺平了道路。
---
1.2 视觉暂留的科学原理：眼睛为什么会"被骗"
1.2.1 视网膜与感光细胞
要理解视觉暂留，先要了解人眼的基本构造。眼球内壁覆盖着一层叫视网膜（Retina）的薄膜，上面密密麻麻排列着两种感光细胞：
- **视锥细胞（Cone Cells）**：约 600 万个，集中在视网膜中央的"黄斑"区域，负责在明亮环境下识别**颜色和细节**；
- **视杆细胞（Rod Cells）**：约 1.2 亿个，分布在视网膜周边，负责在**暗光**环境下识别**明暗和运动**。
当光线进入眼睛，感光细胞中的视紫红质（Rhodopsin）会发生化学反应，将光信号转化为电信号。这些电信号沿着视神经（Optic Nerve）传递到大脑的视觉皮层（Visual Cortex）——位于后脑勺那块叫"枕叶"（Occipital Lobe）的区域——最终被解读为我们"看到"的图像。
关键事实：感光细胞完成一次"接收信号—传递信号—恢复待命"的完整循环，大约需要 50～100 毫秒（ms）。也就是说，当一张图像从视野中消失，视网膜上的信号并不会瞬间归零，而是会"残留"一小段时间。
1.2.2 视觉暂留的精确定义
视觉暂留（Persistence of Vision）是指：人眼在观察到一个图像后，即使该图像已经消失，视网膜上的信号仍会保留约 1/16 秒 ≈ 62.5 毫秒（ms） 的现象。
这一现象最早由比利时物理学家普拉托（Joseph Plateau, 1801—1883）在 1829 年系统研究并提出。他注意到：
- 当旋转的扇叶速度较慢时，可以清楚看到每一片扇叶；
- 当旋转速度提高到每秒 8 次以上时，扇叶开始"模糊融合"，形成一个圆盘；
- 当速度进一步提高，眼睛完全无法分辨单片扇叶，看到的是一个连续的灰色圆盘。
普拉托由此推断：当两张图像进入眼睛的时间间隔小于 1/16 秒 时，第二张图像会"叠加"在第一张图像尚未完全消退的视网膜信号上，从而产生连续运动的感觉。
1.2.3 现代修正：不仅仅是"残留"
到了 20 世纪末，神经科学家通过更精密的实验发现，视觉暂留并不是动画产生运动幻觉的唯一原因。还有至少两个同等重要的现象：
现象一：贝塔运动（Beta Movement）
1912 年，德国心理学家马克斯·韦特海默（Max Wertheimer, 1880—1943） 发现：当两个相邻的光点交替闪烁时（比如 A 点先亮、B 点后亮，间隔约 60 毫秒），观察者并不会看到"A 灭、B 亮"两个独立事件，而是会看到"一个光点从 A 移动到 B"。这种"运动幻觉"被称为贝塔运动（Beta Movement），它与单纯的视觉暂留不同——它是大脑主动构造的运动感，而不仅仅是视网膜信号的残留。
现象二：Phi 现象（Phi Phenomenon）
更神奇的是 Phi 现象：如果两个静止的光点 A 和 B 几乎同时亮起（间隔仅 30 毫秒），但亮度有微小差异，观察者甚至会"看到"一个亮点从 A 飞到 B，再飞回来。这是大脑在缺乏真实运动信号的情况下，自行编造出来的运动感。
因此，现代动画理论认为：动画的运动幻觉，是 视觉暂留（Persistence of Vision） + 贝塔运动（Beta Movement） + 大脑的预测与模式识别 三者共同作用的结果。其中视觉暂留提供"信号残留"，贝塔运动提供"运动提示"，大脑则根据生活经验把这些零散信息拼成一个连贯的故事。
> ⚠️ 小知识 / Fun Fact： > 在 2014 年发表的一篇重要论文中（Gregory, C. & Heard, P., 2014, *Perception*），研究者精确测量了不同亮度下视觉暂留的实际持续时间。结果显示：在中等亮度下，残留时间约为 50～100 毫秒，而不是传统的"1/16 秒"。不过为了教学方便，本书仍然沿用 1/16 秒这个经典估值——它对动画帧率的设计仍然具有指导意义。
---
1.3 帧率（Frame Rate）的数学：多少帧才够"骗"过眼睛？
1.3.1 帧率的基本概念
帧率（Frame Rate） 是指每秒钟播放的画面数量，单位是 FPS（Frames Per Second，每秒帧数）。帧率越高，画面越流畅；帧率越低，画面越"卡顿"，甚至出现"幻灯片感"。
帧率与画面停留时间（每帧持续时长）的关系是：
$$ \text{单帧时长} = \frac{1 \text{ 秒}}{\text{帧率 (FPS)}} $$
例如：
- 24 FPS → 每帧 41.67 毫秒；
- 30 FPS → 每帧 33.33 毫秒；
- 60 FPS → 每帧 16.67 毫秒。
1.3.2 临界帧率：每秒多少帧才不会"卡"？
根据视觉暂留原理（假设残留时间为 62.5 ms），理论上只要每帧时长小于残留时间，第二帧到来时第一帧的信号还未完全消失，运动感就会产生。这个临界帧率大约是：
$$ \text{临界帧率} \approx \frac{1000 \text{ ms}}{62.5 \text{ ms}} = 16 \text{ FPS} $$
也就是说，每秒播放 16 张以上的连续画面，大多数人就会感受到"连续运动"。这就是为什么动画先驱装置的"画片数量"通常设计在 8～16 张——当这些画片快速旋转时，就足以骗过眼睛。
但 16 FPS 只是勉强能看的临界值。要达到流畅舒适的观感，需要更高的帧率：
| 帧率 (FPS) | 视觉效果 | 典型应用场景 | | --- | --- | --- | | 8～12 | 明显卡顿，能感觉到"跳" | 早期电影、走马盘 | | 16～18 | 基本连续，可接受 | 早期电视、动画短片 | | 24 | 流畅，电影行业标准 | 影院电影、传统动画 | | 30 | 流畅，电视广播标准 | 北美/日本电视、网飞剧集 | | 50/60 | 丝滑，常见于游戏和体育直播 | 高清电视、电子游戏 | | 120+ | 极顺滑，几乎无延迟 | VR 头显、电子竞技 |
为什么电影最终选择 24 FPS？ 这是一个历史和经济妥协的结果。早期有声电影（1927 年《爵士歌王》）使用 24 FPS 是因为：这是能稳定播放同步音轨的最低帧率。再低，音轨会失真；再高，胶片成本会飙升。虽然 24 FPS 在快速运动的镜头中偶尔会有轻微"抖动感"（电影术语叫 Judder），但因为成本和兼容性优势，它沿用至今。
1.3.3 案例：动画行业的"一拍二"秘密
如果你仔细数过动画的帧数，可能会发现一个有趣的现象：传统手绘动画大多不是"逐帧动画"，而是"一拍二"（Animation on Twos）。
什么意思呢？动画师只画每一帧动作的"关键帧"（Keyframe），然后让一张画停留 2 帧（即 1/12 秒）再切换到下一张。这样：
- **实际帧率**：24 FPS（每秒播放 24 张画面）；
- **动画师绘制速率**：12 张/秒（一拍二）；
- **节省工作量**：约 50%。
"一拍二"之所以可行，正是因为视觉暂留效应：即使每张画停留了 2 帧（共 1/12 秒 ≈ 83 ms），仍然小于残留阈值 100 ms，所以大脑感受不到"卡顿"。
只有当动作非常快（如打斗、特效）时，动画师才会切换到"一拍一"（逐帧绘制）。而当动作非常慢（如人物慢慢转头）时，甚至可以使用"一拍三"或"一拍四"。
> 💡 想一想 / Think About It： > 你玩过那些每秒 60 帧的游戏吗？为什么大多数游戏玩家觉得 60 FPS 比 30 FPS"舒服得多"？试着写下一个小时的游戏帧率体验日记，对比 30 FPS 和 60 FPS 下的运动清晰度，把你的发现写在笔记本上。
---
1.4 从赛璐璐到数字帧：动画载体的百年演变
1.4.1 赛璐璐胶片时代（Celluloid Era, 1910s—1990s）
赛璐璐（Celluloid）是一种以硝化纤维为基底的透明塑料薄片。1914 年前后，美国动画师厄尔·赫德（Earl Hurd, 1880—1942）发明了"赛璐璐胶片分层绘制"技术，从此大幅提升了动画的生产效率。
传统赛璐璐动画的工作流程：
1. 原画（Key Animation）：资深动画师绘制动作的关键帧； 2. 动画（In-between Animation）：助理动画师在关键帧之间补充中间帧； 3. 上色（Painting）：将动画稿描到赛璐璐胶片背面，用不透明颜料（俗称"赛璐璐颜料"）上色； 4. 背景（Background）：静态背景单独绘制在大尺寸画纸上； 5. 摄影（Photography）：在专用的动画摄影台（Animation Stand）上，把赛璐璐胶片叠在背景上方，逐帧拍摄到电影胶卷上。
分层绘制的核心优势：
- 背景不需要每帧重画；
- 角色不同部位（头、身体、手）可以画在不同胶片上，分别运动；
- 拍摄时可以单独调整每层的位置、大小、透明度。
经典作品：1937 年迪士尼的《白雪公主与七个小矮人》（Snow White and the Seven Dwarfs）是世界上第一部彩色动画长片，全程使用赛璐璐胶片绘制，共使用了约 200 万张赛璐璐胶片，由 750 名艺术家历时 4 年完成。
1.4.2 数字时代的到来（Digital Era, 1990s—）
1989 年，皮克斯（Pixar）动画工作室在史蒂夫·乔布斯（Steve Jobs）注资后，开始研发基于计算机的动画制作系统。1995 年，他们推出了全球第一部完全使用电脑 3D 制作的动画长片——《玩具总动员》（Toy Story）。
数字动画相比赛璐璐的优势：
| 比较项 | 赛璐璐 | 数字 | | --- | --- | --- | | 修改成本 | 整张重画 | 软件撤销（Ctrl+Z）即可 | | 色彩 | 受颜料限制 | 1670 万色全范围 | | 镜头复杂度 | 摄像机角度受限于物理摄影台 | 任意虚拟相机角度 | | 团队协作 | 纸质稿邮寄 | 云端实时协作 | | 存储与复制 | 物理胶片会褪色、损耗 | 数字文件可永久无损复制 | | 帧率灵活性 | 固定 24 FPS | 可任意切换 24/30/60 FPS |
核心技术节点：
- **二维数字动画**：1980 年代末，迪士尼开始用**CAPS（Computer Animation Production System）**系统辅助《美女与野兽》《狮子王》等片的着色与镜头合成；
- **三维建模与渲染**：皮克斯自研 **RenderMan** 渲染器（1989 年至今），支持光线追踪（Ray Tracing）、全局光照（Global Illumination）等高级光影效果；
- **数字绘图板（Digital Tablet）**：Wacom 数位板（1984 年发布）让动画师可以直接在电脑上用压感笔作画；
- **开源工具崛起**：Blender（2002 年起开源）、Krita（开源 2D 绘画）等免费软件大幅降低了动画制作门槛。
1.4.3 现代动画的"帧"长什么样？
在数字时代，"帧"不再是物理胶片，而是计算机内存中的一个图像矩阵。一个标准的高清（HD, 1920×1080）数字帧，由约 207 万个像素（Pixel） 组成；一个 4K（3840×2160）帧则有约 830 万个像素。
每帧在内存中以位图（Bitmap）或矢量图（Vector Graphics）的形式存储：
- **位图**：每个像素的颜色用 RGB（红绿蓝）三个 0—255 的数值表示；
- **矢