Documentation

Twirl

Rotate and twist content around a center point

Props

center{x: number, y: number}
Default:{"x":0.5,"y":0.5}
The center point of the twirl effect
intensitynumber
Default:1
The strength of the twirl effect
edges"stretch" | "transparent" | "mirror" | "wrap"
Default:stretch
How to handle edges when distortion pushes content out of bounds

Usage

<Shader>
  <Twirl
    intensity={1}
  >
    <Circle />
  </Twirl>
</Shader>