compreel

动效词汇 · 能量与粒子

汇聚合一

带标签的小球漂浮,压力把它们挤到一起,一闪合成一个结果球,火花四散。

实时循环 · 7 秒 · 1920×1080 · 24 fps

参数

参数类型作用
text / radius / tiltstring / px / ratioring:点亮后环中央的一句话;环的半宽(560)和倾斜(0.34)
items / resultstring[] / stringconverge:3–6 个合到一起的部分,以及合成的结果
nodes[{label, icon?}]flow:按顺序的 3–5 个节点,可选图标
step_msmsflow:节点到节点的间隔;converge:被挤压前的停留
ease{"<move>": ease}重调任一具名动作(见本条的动作表):预设名("out-expo")、三次贝塞尔 [x1, y1, x2, y2]、{spring: [频率, 阻尼]} 或 {trapezoid: [加速, 减速]}。动作名或曲线写错会直接报错,绝不悄悄退回默认。参考片里量出来的动作(复刻工作台 measure/*.json,按帧号存)不用手工转换:MV.fitEase(doc, "x", {from: 133, to: 142}) 或 motion-fit <文件> --measure x --from 133 --to 142 --ease 直接得到曲线
camera{focal?, x?, y?, z?}场景相机:平移 x / y、推进 z,可写数字或关键帧 [[毫秒, 值, 缓动?], ...];不同深度的物体移动量不同(真实视差)。焦距默认 1800
brandhex
默认: #6B5BFF
网站的品牌色;组件由它推出强调色(在舞台上对比度 ≥ 3:1)、面板色和文字色
stage"dark" | "light"
默认: "dark"
组件所在的舞台:深色或浅色
displayfont stem
默认: "Inter-Bold"
标题字体;在调用里写出它的名字,运行时才会加载
bodyfont stem
默认: "Inter-Regular"
界面 / 正文字体;在调用里写出它的名字,运行时才会加载
start_msms
默认: 300
组件开始的时间,镜头内的毫秒数
backgroundboolean
默认: false
画出舞台背景(关闭时透明,叠在镜头自己的背景上)
place{x, y, w, h, z?}组件在镜头布局里的位置:把它 1920x1080 的构图缩放进这个舞台矩形(居中、保持比例);z 决定组件之间的前后。默认整个舞台

动作与缓动曲线

每个动作都有自己的缓动。用 ease: { "<动作>": <曲线> } 重调其中一个,可写曲线名或贝塞尔手柄。

动作曲线作用
orb.popovershoot每个光球弹出
pullin-cubic组合架把光球拉向中心并扭转(越来越快直到相遇)
label.fadeout-quad标签在脱离处淡出
pushin-out-sine拉拢时相机推进(远近光球产生视差)
result.spring{"spring":[1.67,0.7]}结果光球从闪光中弹出
result.labelhouse结果标签淡入
spark.flyout-expo火花飞出并减速

本演示的取值

variant"converge"
items["脚本","画面","配音","音乐"]
result"你的片子"
brand#6B5BFF
stagedark
<script src="/vendor/motion-vocab.js"></script>
MV.bind("s3", MV.energy(el, {"variant":"converge","items":["脚本","画面","配音","音乐"],"result":"你的片子","brand":"#6B5BFF","stage":"dark","display":"NotoSansSC-Bold","body":"NotoSansSC-Regular"}));

在发布片里什么时候用

许多部分合成一个:工具合成一个应用、素材合成一条片子、输入合成一个结果。

为什么有效

挤压积累张力,闪光释放它;观众看到「这些全部变成了这个」。

不要和这些一起用

  • 超过六个部分
  • 结果标签超过几个词

在片中的作用

  • 功能
  • 开场钩子

自然时长

4.5–7.0 秒

在 LaunchReel 里用这些动作做片

更多能量与粒子

全部动效组件 →