Bulge

Magnify or pinch content around a center point

Props

Prop	Type	Default	Description
center	position	{"x":0.5,"y":0.5}	The center point of the bulge effect
strength	range	1	The intensity of the bulge effect (positive = bulge out, negative = pinch in)
radius	range	1	The radius of the bulge effect area
falloff	range	0.5	Controls the smoothness of the transition (0 = hard edge, 1 = very smooth)
edges	"stretch" \| "transparent" \| "mirror" \| "wrap"	stretch	How to handle edges when distortion pushes content out of bounds

vue

<Shader>
  <Bulge
    :radius="1"
  >
    <Circle />
  </Bulge>
</Shader>