WaveDistortion
Wave-based distortion with multiple waveform types
Wave-based distortion with multiple waveform types
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| strength | range | 0.3 | Distortion intensity |
| frequency | range | 1 | Number of bends/waves |
| speed | range | 1 | Animation speed |
| angle | range | 0 | Direction of wave distortion in degrees |
| waveType | "sine" | "triangle" | "square" | "sawtooth" | "bounce" | sine | Shape of the distortion wave |
| edges | "stretch" | "transparent" | "mirror" | "wrap" | stretch | How to handle edges when distortion pushes content out of bounds |
Usage
vue
<Shader>
<WaveDistortion>
<Circle />
</WaveDistortion>
</Shader>