Documentation

ChromaFlow

Interactive liquid flow effect that follows your cursor

Props

baseColorstring
Default:#0066ff
Base liquid color
upColorstring
Default:#00ff00
Color for upward movement
downColorstring
Default:#ff0000
Color for downward movement
leftColorstring
Default:#0000ff
Color for leftward movement
rightColorstring
Default:#ffff00
Color for rightward movement
intensitynumber
Default:1
Strength of the liquid effect
radiusnumber
Default:3
Radius of the liquid effect
momentumnumber
Default:30
How much momentum colors retain in their flow direction

Usage

<Shader>
  <ChromaFlow
    intensity={1}
    radius={3}
  />
</Shader>