SuperAPI AI 工具集

element-handoff

通用与其它

查看项目

更新于 10-16 05:49

技能介绍

用途:实现跨场景边界持续存在的连续性元素,会平滑插值其属性,避免逐场景元素在场景结束卸载、下一场景开始重挂时产生的可见闪烁。其实现为 Remotion 原子中的 shared-layers-template.tsx,本原子为规范,模板为实现。

主要能力:原子输出一个 React 组件,在合成层读取 useCurrentFrame();对每个通道(x、y、rotation、scale、opacity、color)查找当前帧前后的关键帧对,按各通道缓动插值;颜色使用现有 shared-layers-template 中的 RGB 混合;元素以绝对定位渲染在所有场景内容之上。参数包括 id、kind(circle/rect/pill/image/svg-glyph)、尺寸、fill、可选 icon、image_src、keyframes、rotation_easing、color_easing、position_easing、z_order。

使用方式:在故事板声明连续性元素的任意场景边界使用。风格包可覆盖:SP-A 使用圆片、旋转在边界跳变、弹簧移动、颜色保持不变;SP-E 使用图像、始终倾斜、线性移动;SP-G 使用图像、沿弧线移动,常搭配手绘线。SP-F 不使用本效果,改用 aurora-blob-continuity;SP-D 连续滚动也不适用。

限制与质量检查:每个跨越的场景在边界附近至少一个关键帧;相邻关键帧不得共享同一 atFrame;旋转通道使用非线性缓动;颜色关键帧须为有效十六进制;元素包围盒不得进入保留文字带。常见故障:跨边界瞬移(需加移动关键帧,默认跨度 20 帧)、边界闪烁(图层须包裹 Series 而非放在其内)、颜色插值发灰(改用 OKLCH 或指定中间色)、旋转绕远路(限制关键帧差值不超过 180° 或拆分)。