FlowField

Fluid-like distortion with constant smooth motion

Props

PropTypeDefaultDescription
strengthrange0.15Intensity of the flow distortion
detailrange2Scale of the flow patterns
speedrange0Speed of the flow
evolutionSpeedrange0How fast the flow field pattern reshapes over time
seedrange0Random seed for flow pattern variation
edges"stretch" | "transparent" | "mirror" | "wrap"mirrorHow to handle edges when distortion pushes content out of bounds

Usage

vue
<Shader>
  <FlowField>
    <Circle />
  </FlowField>
</Shader>