SineWave
Animated wave with thickness and softness
Animated wave with thickness and softness
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| color | color | #ffffff | The color of the sine wave |
| amplitude | range | 0.15 | The height/amplitude of the sine wave |
| frequency | range | 1 | The frequency/number of wave cycles |
| speed | range | 1 | The animation speed of the wave |
| angle | range | 0 | The rotation angle of the wave (in degrees) |
| position | position | {"x":0.5,"y":0.5} | The center position of the wave |
| thickness | range | 0.2 | The thickness of the wave line |
| softness | range | 0.4 | Edge softness of the wave line |
Usage
vue
<Shader>
<SineWave
color="#ffffff"
/>
</Shader>