SuperAPI AI 工具集

chip-orbit

设计与创作

查看项目

更新于 10-15 21:54

技能介绍

用途:chip-orbit 用于渲染 N 个 chip 围绕中央核心元素、在特定且非对称的锚点位置依次到达的动效,而非网格排列。它表达“对话环绕焦点对象”的含义,即许多反应、观点或标签聚拢在主体周围。

主要能力:通过参数控制核心元素包围盒(hero_element_bbox)、chip 列表、锚点原点(anchor_origin 可为 canvas 或 hero)、到达缓动(arrival_easing,如 spring 弹簧参数)、二级延迟(tier_2_delay_after_parent_frames),以及 chip 的背景色、圆角、内边距、文字颜色、字体、字号和内嵌贴纸尺寸。每个 chip 可设置内容、emoji、锚点横纵百分比和 delay_frames 延迟帧。

行为:核心元素落定(父级 settle)后,等待 tier_2_delay_after_parent_frames;随后每个 chip 按各自 delay_frames 偏移,以弹簧缓动从 scale 0 动画到 1。锚点位置刻意非对称,任意两个 chip 不共享 x 轴或 y 轴。风格包覆盖中,SP-B(pinterest-saturated)是主要用例,在手机样机周围放置 3-5 个 chip。

质量检查:锚点位置非对称(不是 2×2 网格);每个 chip 带一个小型内嵌贴纸/emoji;chip 在父级之后到达(两级时序);chip 不与核心元素的主要内容重叠。

失效模式:chip 形成网格(锚点过于一致,应使用刻意的离轴位置);chip 同时弹出(缺少每个 chip 的 delay_frames);chip 遮挡核心内容(应将锚点向外移)。

限制:资料未提供具体平台、依赖、安装方式或收费信息。