What Is the Official Name of the Sand Swirling Animation?
If you have seen the viral sand swirling animation on Super's homepage or social channels and wondered what technical term defines it, the answer depends on whether you ask a visual effects technical director, an applied mathematician, or an acoustic physicist.
1. Divergence-Free Curl Noise Flow
In procedural motion design (Houdini, Blender geometry nodes, or custom GLSL shaders), this simulation is officially classified as a Curl Noise Vector Field. Standard Perlin noise produces random compressions where particles bunch up artificially. By calculating the mathematical curl (â à v) of a 3D noise potential, the velocity field becomes mathematically divergence-free (â · u = 0), simulating realistic incompressible fluid advection without solving heavy Navier-Stokes grid equations.
2. Chladni Cymatics Vortex
When sand sits on a vibrating metal plate (a Chladni plate) driven at acoustic resonant frequencies, grains naturally bounce away from active antinodes and collect along stationary nodal lines and swirling harmonic vortices. Acoustic physicists call this Granular Cymatic Resonance or Faraday Wave Particle Patterning.
3. Rankine Granular Vortex
In mechanical engineering, a vortex where inner fluid or sand grains rotate with a solid-body core while outer shells drop off inversely with distance (v(r) â 1/r) is called a Rankine Vortex or Batchelor Vortex. The spiral arms formed by the trailing sand grains follow logarithmic spirals identical to spiral galaxy density waves.
4. Procedural Kinetic Sand Simulation
In UI engineering and product design reels, it is broadly marketed as a Kinetic Sand Swirl, Magnetic Dust Whirl, or Generative Particle Field. Super uses this motif as a metaphor for gathering unstructured intelligence and swirling noise into refined, structured knowledge.
How the Real-Time Engine Above Works
The simulator running in your browser above computes thousands of independent discrete granular agents every frame:
- Dual-Attractor Orbital Dynamics: A primary central sink exerts Newtonian gravitational pull coupled with a perpendicular angular velocity vector to generate the classic vortex swirl.
- Analytic Curl Noise: Each particle samples fractional Simplex noise gradients to acquire organic wisps and natural braided streams, preventing the grains from collapsing into a flat circle.
- Granular Damping & Velocity Shading: Grains lose angular momentum through simulated micro-friction. Their color temperature shifts dynamically: high-velocity grains glow bright warm white, settling into rich amber and deep ochre as they decelerate.
Frequently Asked Questions
Why doesn't the sand clump into a single blob in curl noise?
Standard Perlin noise creates areas of high and low pressure, causing particles to condense into clumpy clusters. Curl noise takes the cross product of the spatial derivatives of that noise field. Because the divergence of the curl of any vector field is mathematically zero, particles cannot compress or expand into voids. This preserves smooth, silky granular flow resembling sand in water or wind.
How can I recreate this animation in Three.js, WebGL, or Canvas?
In WebGL, instantiate a Float32BufferAttribute of positions and velocities within an InstancedMesh or Points primitive. In the vertex shader (or a GPGPU compute pass), update position based on rotational velocity plus curl noise functions. In 2D HTML5 Canvas (like this interactive tool), an array of typed Float64Arrays tracking x, y, vx, and vy updated in a requestAnimationFrame loop allows 25,000+ particles to render at 60 FPS.
Is this the same phenomenon seen in Tibetan singing bowls and Chladni plates?
Yes! When water in a Tibetan singing bowl or dry sand on a Chladni plate is excited by continuous acoustic frequencies, standing wave harmonics form Faraday ripples. Liquid droplets and sand grains atomize and swirl into vortex formations governed by the plate's nodal boundaries.
Can I export the simulation state or captured frames?
Yes. Use the "Export PNG" button in the top toolbar to render a clean, high-resolution raster snapshot of the current particle configuration with transparency support.