Skip to content

waveRipple(uv, center?, amplitude?, frequency?, time?, decay?, speed?): Node <"vec2">

Defined in: packages/nodes/src/distortion/wave.ts:123

Apply ripple distortion from a point (like a droplet in water). Creates expanding circular waves that fade with distance.

Node <"vec2">

Input UV coordinates

Vec2Input = ...

Center point of the ripple

FloatInput = 0.03

Wave amplitude

FloatInput = 20

Wave frequency

FloatInput = 0

Animation time (controls ripple expansion)

FloatInput = 2

How quickly ripples fade with distance (default: 2)

FloatInput = 1

Animation speed

Node <"vec2">

Distorted UV coordinates

// Ripple from click position
const distortedUV = waveRipple(uv, clickPos, 0.05, 20, time, 3)