Composer中缓动调节需手动拖动手柄控制P₁、P₂,x值限[0,1]但y可超范围实现超调;关键帧插值须统一设为Bezier,禁用Smooth;关键帧位置须精确到整数秒并关闭吸附;枢轴点偏移是隐藏卡顿主因,需对齐并重置变换。

Composer里没有cubic-bezier()输入框,别找CSS式参数
你复制的 cubic-bezier(0.42, 0, 0.58, 1) 在 Composer 里根本粘贴不进去——它没提供任何文本输入字段,也不支持四参数导入。所谓“缓动调节”,实际是通过拖动手柄控制贝塞尔曲线的两个中间点 P₁ 和 P₂,起点 P₀ 和终点 P₃ 固定为 (0,0) 和 (1,1),所有操作必须手动完成。
UI 会限制手柄 x 值在 [0,1] 范围内,但 y 值可超出(比如设成 1.3),这正是实现超调(overshoot)的合法方式,不是错误。
关键帧插值类型选错,平滑就是假象
时间轴上混用 Linear 和 Bezier 插值,哪怕只有一帧,也会导致速度曲线断裂。交接点(如循环段末尾)出现顿挫或跳变,不是渲染问题,是数学不连续。
- 选中整段循环区间的关键帧(例如 0s–3s、3s–6s),右键 →
Interpolation→ 统一设为Bezier - 避免用
Smooth:它是预设贝塞尔,但不等于你想要的缓入缓出,控制粒度太粗 - 双击关键帧打开属性面板,手动拖动手柄——左侧手柄往左上拉增强缓入,右侧手柄往下拉增强缓出
手柄拖不准?时间轴精度和吸附设置是隐形门槛
靠鼠标拖拽手柄很难做到精确,尤其在缩放不足时。更可靠的做法是先关闭时间轴“吸附”(Snap to Frame),再用时间轴下方的输入框手动键入数值,比如把关键帧位置设为 2.0、4.0,确保循环段严丝合缝。
如果关键帧位置差了 1ms(比如 2.001),播放器会在边界硬停一帧,再从偏移时间开始新段,视觉上就是卡顿。
- 拖动关键帧前,务必关闭
Snap to Frame - 粘贴关键帧前,先把时间栏拖到空白处或目标图层轨道,避免覆盖已有帧
- 想覆盖已有关键帧?粘贴时按住
Alt(Windows)或Option(Mac)
枢轴点偏移比插值错误更难排查
多个部件联动时,只要有一个零件的枢轴点在循环中途被意外移动,位移起点就变了,结果就是交接点位置跳变——这是隐藏最深的卡顿元凶,比手柄拉歪还难发现。
- 先选主控模型 → 右键 →
Set Pivot→ 在边界框中心固定 - 其余模型依次选中 →
Transform→Align→Pivot Align→ 点击主控模型的枢轴点 - 对齐后若调过缩放,务必右键 →
Reset Transform,否则枢轴偏移会被放大
调试时按住 Ctrl 拖动时间滑块逐帧看,重点盯交接点是否连续——这个动作不能省,UI 不会主动报错,也不会高亮异常枢轴。


















