When to use
- Optimal for "reveal" rhythms like question → answer disclosure (question → stat transition)
- Vintage camera iris feel
- 톤: brand, tech
- Recommended duration: 0.5–0.8초
Installation
npx hyperframes add sdf-iris
→ compositions/sdf-iris.html.
Wiring
<div data-composition-src="compositions/sdf-iris.html"
data-start="4.6" data-duration="0.6"
data-track-index="1"
data-width="1080" data-height="1350">
</div>
Parameters
- Iris center, opening speed, and edge thickness are inside the shader
짝
- Good fit:
whip-pan,light-leak,cinematic-zoom - Avoid:
transitions-radial— both are radial, so they overlap