Toggle Sidebar B
Light & dark mode D

FlowField

Fluid-like distortion with constant smooth motion

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
edges"stretch" | "transparent" | "mirror" | "wrap"mirrorHow to handle edges when distortion pushes content out of bounds

Usage

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