Ferrofluid Spike Field

"use client";

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

/**
 * FerrofluidSpikeField: a black magnetic liquid seen across its surface, with
 * a magnet under it that follows the pointer. Where the field is strong the
 * surface heaves into a mound and erupts into a hexagonal bed of needle
 * spikes; they lean toward the magnet as it moves, and sink back slowly in
 * its wake. A press surges the magnet: the spikes stand taller and a ring of
 * them erupts outward across the pool.
 *
 * THE PHYSICS, LOOSELY. A real ferrofluid stays flat until the field crosses
 * a critical strength (the Rosensweig instability), then forms a hexagonal
 * lattice of spikes whose height grows like sqrt(1 - Bc / B). That is what
 * runs here: a small field grid on the CPU (rising fast, falling slowly, so
 * spikes linger), a triangular lattice of concave needle profiles whose

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