用途:将小型 UI chip、贴纸或标签弹入父级卡片或面板,通过延迟制造专业动效中常见的两层节奏(父级先落位,子级后到达)。若无此延迟,场景会因“全部同时入场”而显得业余。
主要能力:以绝对定位渲染 chip,可相对父级或画布定位;计算 effective_pop_frame = parent_settle_frame + tier_offset_frames;弹出前 opacity=0、scale=0;到帧后以弹簧缓动从 0 弹到 1 并带过冲,透明度在 6 帧内 0→1;可选弹出后持续倾斜摆动。参数包括内容文本、内嵌贴纸图片及尺寸、背景色、文字色、圆角、内边距、字体、字号、字重、阴影、锚点、倾斜角、父级落位帧、层级偏移帧、弹出缓动、过冲比例、摆动幅度与周期。
使用方式:按 params.schema.json 提供参数,指定 parent_id 与 x_pct/y_pct 锚点,设置 parent_settle_frame 与 tier_offset_frames 控制节奏。风格包可覆盖:SP-A 用于定价轮播的小层级标签,tilt_deg 为 0;SP-B 用于手机周围 chip 轨道中的反应 chip,内嵌 emoji 等贴纸;SP-E 用于每张卡片内部标注类别或动作,随机倾斜 ±6° 并启用摆动。
适用场景:任何父元素带子标签、chip 或贴纸叠加的原型;需要制造两层节奏的场景。
限制与注意:不用于主标题或主视觉元素;跨场景 CTA 应使用 element-handoff。质量检查要求 tier_offset_frames ≥ 4,effective_pop_frame ≤ 场景时长帧数减 12,chip 边界框不得与父级主要内容重叠,内嵌贴纸须在 chip 边界框内。常见失败:偏移为 0 导致同时弹出、chip 溢出父卡片、文字意外换行(需 white-space: nowrap)、摆动过于机械(可降至 0.5° 或延长周期至 60 帧)。