用途:3D UI Reveal 是一个 UI 动画区块,用于让应用画面、设计稿或 UI 模型以透视立体方式出现,适合产品展示中同时介绍多个界面。资料给出的适用调性为 tech 与品牌(产品),推荐时长为 4–6 秒。
主要能力:提供透视 3D 揭示动画,UI 元素立体登场;UI 图片、旋转角度与登场顺序在区块内部设置。
使用方式:安装命令为 npx hyperframes add ui-3d-reveal,生成 compositions/ui-3d-reveal.html。通过 div 挂载,示例属性包括 data-composition-src="compositions/ui-3d-reveal.html"、data-start="5"、data-duration="5"、data-track-index="0"、data-width="1080"、data-height="1350"。
搭配建议:资料称与 cinematic-zoom、app-showcase 搭配较好,适合科技产品演示;应避免与 glitch、destruction 同用,以免干扰干净的 3D 重复效果。
限制:除上述参数与搭配外,其余功能、收费、平台与效果资料暂未提供。