When to use
- Smooth transitions for magazines, editorials, and emotional content
- When the two scenes have similar colors and shapes and you want to blur the boundary
- 톤: minimalist, emotional
- Recommended duration: 0.7–1.0 seconds (leisurely)
Installation
npx hyperframes add cross-warp-morph
→ compositions/cross-warp-morph.html.
Wiring
<div data-composition-src="compositions/cross-warp-morph.html"
data-start="4.3" data-duration="0.9"
data-track-index="1"
data-width="1080" data-height="1350">
</div>
Parameters
- Warp strength and morphing points are inside the shader
짝
- Good fit:
transitions-blur,domain-warp-dissolve,transitions-scale - Avoid:
glitch,flash-through-white— opposite in character, destroys the tone