用途:用于幻灯片或视频中的“揭示”转场,例如从提问切到答案、从问题切到数据,模拟老式相机光圈开合的视觉节奏。适合品牌、科技调性。推荐时长 0.5–0.8 秒。
安装:npx hyperframes add sdf-iris,生成 compositions/sdf-iris.html。
使用方式:用 div 引用该 composition,例如 data-composition-src="compositions/sdf-iris.html",并设置 data-start、data-duration(如 4.6 与 0.6)、data-track-index、data-width、data-height(如 1080×1350)。
参数:虹膜中心、打开速度、边界厚度均在 shader 内部,资料未提供更多可调参数。
搭配:与 whip-pan、light-leak、cinematic-zoom 搭配较好;应避免与 transitions-radial 同用,因为两者都是径向效果会重复。
限制:资料仅描述上述能力与用法,未提供更多细节。