作品 关于
← 全部作品

04 / 动效 · 分镜 · 代码绘图

AVA:68 秒的一段加法与减法MOTION GRAPHIC / CANVAS

68 秒,五幕,23 个节拍。一个发光的点在黑暗里醒来,向外生长,把自己撑爆,最后发现一直在找的形状只有一个圆那么大。

年份2026
类型动效 · 分镜 · 代码绘图
职责分镜 / 动画 / 实现
工具Canvas 2D · 时间轴引擎
AVA:68 秒的一段加法与减法
04 · MOTION GRAPHIC / CANVAS
01 / MOTION GRAPHIC

故事

这不是“科技改变生活”,而是关于过量与减法。前 48 秒是加法:一个点长成线,线织成网,网堆成结构,结构压垮自己。后 20 秒是减法:碎片落回黑暗,只剩一个圆,然后那个圆睁开眼,看向鼠标——它不再是作品,它是作者本人。

02 / MOTION GRAPHIC

五幕

每一幕都有明确的情绪目标:静、痒、绷、炸、空、凝视。

第一幕 · 唤醒:只有呼吸,观众以为这是一支安静的片子
0–12s第一幕 · 唤醒:只有呼吸,观众以为这是一支安静的片子
第二幕 · 野心:开始建造,越建越大
12–27s第二幕 · 野心:开始建造,越建越大
第三幕 · 失控:造物压过造物主
27–35s第三幕 · 失控:造物压过造物主
第四幕 · 崩塌:全片唯一允许“吵”的六秒
35–48s第四幕 · 崩塌:全片唯一允许“吵”的六秒
第五幕 · 顿悟:断崖式下跌,几乎静止
48–60s第五幕 · 顿悟:断崖式下跌,几乎静止
落版 · 凝视:圆变成脸,脸看向你
60–68s落版 · 凝视:圆变成脸,脸看向你
03 / MOTION GRAPHIC

节奏

整支片子最贵的不是爆炸,是爆炸前那 4 秒的屏息,和爆炸后那 12 秒的空。情绪曲线从 0 推到 100 只用了 30 秒,回落却给了 20 秒——落差本身才是内容。

04 / MOTION GRAPHIC

实现

全部画面由代码实时绘制,没有一帧是序列图。这意味着任何一秒都可以改,也意味着性能必须自己管:粒子用对象池,时间轴按虚拟坐标计算,掉帧时优先牺牲数量而不是节奏。

SPEC

实现细节

画布
1920 × 1080 虚拟坐标,等比 cover 适配任意窗口
时长
68.0 s 一次完整播放,落版后进入常驻交互态
节拍
五幕 23 个节拍,时间点精确到 0.1 s
绘制
Canvas 2D 全代码矢量,无位图素材
帧率
目标 60 fps,粒子池上限按设备能力分档

在这台设备上试一下

自动播放完整 68 秒;结束后落版常驻,可移动鼠标与角色对视。