Twirl
Rotate and twist content around a center point
Rotate and twist content around a center point
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| center | position | {"x":0.5,"y":0.5} | The center point of the twirl effect |
| intensity | range | 1 | The strength of the twirl effect |
| edges | "stretch" | "transparent" | "mirror" | "wrap" | stretch | How to handle edges when distortion pushes content out of bounds |
Usage
vue
<Shader>
<Twirl
:intensity="1"
>
<Circle />
</Twirl>
</Shader>