ChromaFlow
Interactive liquid flow effect that follows your cursor
Interactive liquid flow effect that follows your cursor
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| baseColor | color | #0066ff | Base liquid color |
| upColor | color | #00ff00 | Color for upward movement |
| downColor | color | #ff0000 | Color for downward movement |
| leftColor | color | #0000ff | Color for leftward movement |
| rightColor | color | #ffff00 | Color for rightward movement |
| intensity | range | 1 | Strength of the liquid effect |
| radius | range | 3 | Radius of the liquid effect |
| momentum | range | 30 | How much momentum colors retain in their flow direction |
Usage
vue
<Shader>
<ChromaFlow
:intensity="1"
:radius="3"
/>
</Shader>