Perlin Tendrils

Particles advecting through a multi-octave Fractal Brownian Motion (FBM) gradient field, forming delicate, branching filamentous structures.

Playground

60 FPS • Canvas 2D

Click + Drag to interact with field

Live Parameters

Tendril Particles 1000

Total tracer filaments

Noise Zoom Scale 0.003

Curvature granularity

Advection Speed 1.5

Velocity along vector lines

Mathematical Formulation

80 chars medium

Analytical Equation

\mathbf{v}(x, y, t) = \nabla \times \left( \sum_{i=0}^{k} \gamma^i \text{Noise}(2^i x, 2^i y + \omega t) \right)

Compact Formula

angle = fbm(x * 0.003, y * 0.003 + t * 0.15) * 4π, v = [cos(angle), sin(angle)]

Renderer Logic

const angle = fbm2D(posX[i] * noiseScale, posY[i] * noiseScale + t) * Math.PI * 4;
posX[i] += Math.cos(angle) * speed;
posY[i] += Math.sin(angle) * speed;

Open in Playground Zero Dependencies • Standalone

Mathematical Tags

#perlin #fbm #noise #tendrils #flow-field #organic

Author: Math Art Core Target: 60 FPS

Perlin Tendrils

Live Parameters

Mathematical Formulation

Mathematical Tags

Export & Embed: Perlin Tendrils

4K PNG Snapshot

WebM Video (5s Loop)

HTML Iframe Embed