SuperAPI AI 工具集

A14-ui-panel-float

通用与其它

查看项目

更新于 10-15 21:54

技能介绍

用途:A14-ui-panel-float 是一种动态图形场景原型,用于制作产品界面演示动画,让仿真的应用 UI 模型在伪造的 Z 轴上漂浮,配合轻微 3D 倾斜、模糊光晕和视差漂移。

主要能力:由 ui-panel-float-z(Z 轴漂移、倾斜、模糊光晕)与 aurora-blob-continuity(背后渲染,必需)组合而成,可选 sticker-chip-pop 用于面板周围的标注标签。渲染器首选 hyperframe-gsap,因其 CSS 3D 变换与 backdrop-filter 比 Remotion 的纯平面合成更具深度。

布局:画布 1080x1920(或按 pack 指定),面板锚点居中,宽度 720-900px,圆角 24,阴影偏移 32px、模糊 64px、不透明度 0.12,Y 轴倾斜 -3 度,光晕 4px;极光层位于面板后方,直径 720、模糊 80px;标注芯片可选 0-3 个。

编排:分为五阶段——极光形态进入场景、面板进入(缩放 0.96 到 1.00、透明度 0 到 1、24 帧、贝塞尔缓动)、视差漂移(振幅 12px、周期 6 秒)、可选标注弹出(错开 6 帧)、长保持(不少于 60 帧)以便阅读界面。支持风格包 SP-F,不兼容 SP-A 至 SP-E 及 SP-G。时长 3.0 至 6.0 秒,默认 4.0 秒。

适用场景:产品演示类动效,尤其是需要展示真实界面保真度的场景。

限制:极光必须始终在面板后方不得前置;面板需有非零 Y 轴倾斜;视差漂移稳定后须持续运动不得停止;界面文字须清晰可读;入场不得硬切。