Chladni Sand Field

"use client";

import { useEffect, useRef } from "react";
import type { CSSProperties, ReactNode } from "react";

/**
 * ChladniSandField: a full-bleed background of fine sand on a black plate that
 * is being tuned. Moving the pointer sweeps the drive frequency, so the grains
 * shiver loose and crawl across the dark into a new nodal-line figure; a press
 * strikes the plate, every grain jumps in a shock that spreads from the touch,
 * and the figure re-forms over a second and a half.
 *
 * HOW IT WORKS (WebGL2). A Chladni plate's standing wave is a sum of modes
 * f(n,m) = cos(n*pi*x)cos(m*pi*y) - cos(m*pi*x)cos(n*pi*y); sand ends up on
 * the lines where the plate does not move, F = 0. Here the tuning is a point
 * (n, m) in mode space and the plate blends the neighbouring integer modes
 * with a smooth falloff, so the figure always MORPHS, it never snaps between
 * presets. Every grain lives in a float texture (position and velocity,

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}