用途:Swirl Vortex 提供一种“被吸入”感觉的能量型转场,用于事件、揭露、紧迫新闻等场景,也可用作龙卷风、飓风、混乱的隐喻。适用调性为 news、tech。推荐时长为 0.6–0.9 秒。
主要能力:以漩涡扭曲方式将当前画面转入下一幕。旋转速度、漩涡中心与强度均在 shader 内部设置。
使用方式:安装命令为 npx hyperframes add swirl-vortex,生成 compositions/swirl-vortex.html。通过 div 标签接线,属性包括 data-composition-src、data-start、data-duration、data-track-index、data-width 与 data-height;示例中 data-start 为 4.5,data-duration 为 0.8,尺寸为 1080×1350。
搭配建议:适合与 glitch、flash-through-white(新闻场景)搭配;应避免与 whip-pan 同用,因两者都带旋转感,叠加会显得过度。
限制:资料未提供更多关于参数取值、浏览器或渲染环境支持、收费与授权等信息。