← 全部作品
04 · MOTION GRAPHIC / CANVAS
04 / 动效 · 分镜 · 代码绘图
AVA:68 秒的一段加法与减法MOTION GRAPHIC / CANVAS
68 秒,五幕,23 个节拍。一个发光的点在黑暗里醒来,向外生长,把自己撑爆,最后发现一直在找的形状只有一个圆那么大。
01 / MOTION GRAPHIC
故事
这不是“科技改变生活”,而是关于过量与减法。前 48 秒是加法:一个点长成线,线织成网,网堆成结构,结构压垮自己。后 20 秒是减法:碎片落回黑暗,只剩一个圆,然后那个圆睁开眼,看向鼠标——它不再是作品,它是作者本人。
02 / MOTION GRAPHIC
五幕
每一幕都有明确的情绪目标:静、痒、绷、炸、空、凝视。
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 秒;结束后落版常驻,可移动鼠标与角色对视。