Stretch
Stretch content towards a direction from a center point
Stretch content towards a direction from a center point
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| center | position | {"x":0.5,"y":0.5} | The center point of the stretch effect |
| strength | range | 1 | The intensity of the stretch effect |
| angle | range | 0 | The direction of the stretch in degrees |
| falloff | range | 0 | Controls the sharpness of the transition (0 = sharp edge, 1 = gradual transition) |
| edges | "stretch" | "transparent" | "mirror" | "wrap" | stretch | How to handle edges when distortion pushes content out of bounds |
Usage
vue
<Shader>
<Stretch>
<Circle />
</Stretch>
</Shader>