Ripples
Concentric animated ripples emanating from a point
Concentric animated ripples emanating from a point
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| center | position | {"x":0.5,"y":0.5} | The center point where ripples emanate from |
| colorA | color | #ffffff | Color of the ripple waves |
| colorB | color | #000000 | Background color between ripples |
| speed | range | 1 | Speed of ripple animation |
| frequency | range | 20 | Number of ripples/spacing between them |
| softness | range | 0 | Softness of ripple edges |
| thickness | range | 0.5 | Thickness of each ripple band |
| phase | range | 0 | Phase offset for ripple animation |
Usage
vue
<Shader>
<Ripples />
</Shader>