Kaleidoscope
Create a kaleidoscope effect with radial mirrored segments
Create a kaleidoscope effect with radial mirrored segments
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| center | position | {"x":0.5,"y":0.5} | The center point of the kaleidoscope effect |
| segments | range | 6 | Number of radial segments in the kaleidoscope |
| angle | range | 0 | Rotation offset for the entire kaleidoscope pattern |
| edges | "stretch" | "transparent" | "mirror" | "wrap" | mirror | How to handle edges when distortion pushes content out of bounds |
Usage
vue
<Shader>
<Kaleidoscope>
<Circle />
</Kaleidoscope>
</Shader>