用途:用于制作多张手机卡片沿传送带匀速横移的动态图形场景,营造 UTURN / TikTok 信息流式的连续滑动观感。
主要能力:组合 conveyor-pan(核心机制)、每张卡片进入可见窗口时触发 tier-2 的 sticker-chip-pop、以及进入时的 bg-swap。布局为横向 flex 卡片条,画布 1080x1920(或按 pack 指定),外背景填充画布(SP-E 常为黑色);卡片宽 720、高 1280、间距 80、圆角 32,可同时可见约 2.3 张(边缘露出部分卡片),卡片按 card_index 为种子做 -8 到 8 度随机倾斜。编排分三阶段:phase_1_conveyor 从 0 帧起以 360 像素/秒线性匀速平移;phase_2_per_card_stickers 在卡片进入可见窗口后延迟 8 帧弹出贴纸;phase_3_no_hold 表示传送带不静止、持续穿场。
使用方式:本原型仅兼容并优先用于 SP-E 风格包,与其他包(SP-A 至 SP-D、SP-F、SP-G)不兼容,因为连续传送机制不符合其转场词汇。SP-E 覆盖项包括每卡使用不同饱和色块、每卡倾斜 ±5-8°、可选音乐节拍锚点(连续传送不与节拍锁定)、卡片内容为左上品牌标识加标题加产品图。时长范围 4.0 至 12.0 秒,默认 6.0 秒,由卡片数量乘以可见窗口决定,计算式为 (card_w + gap) × cards.length / velocity_px_per_sec。
质量检查:速度恒定线性、无弹簧;画布两侧始终保持部分卡片可见;倾斜随机但带种子(跨渲染确定性);卡片条总宽不小于场景时长乘速度以免跑光;贴纸仅在卡片进入可见窗口后触发。
限制与失败模式:若传送带停顿或抖动,说明缓动非线线,需强制线性 translateX;若条带跑光、画布边缘出现白隙,需增加卡片数或复制条带;若贴纸在屏幕外卡片上弹出,需正确计算可见窗口,仅当卡片包围盒进入画布边界时才弹出;若卡片倾斜方向一致,说明种子随机变化不足,需使用完整 ±8° 范围。官方文本与收费、价格、平台信息暂未提供。