Ink Aura Field

"use client";

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

/**
 * InkAuraField: a full-bleed background of dark water holding two inks. The
 * pointer paints a pale ink through it as it passes; a press drops the
 * second ink, which lands, blooms outward in a ring and curls into the first.
 *
 * Underneath is a real incompressible fluid on the GPU (WebGL2): every frame
 * the velocity field is advected by itself, a curl-driven vorticity force
 * keeps the eddies alive, twenty Jacobi passes solve for pressure and its
 * gradient is subtracted, then both inks are carried through the result.
 * Each splat carries its own colour, so the two inks really mix in the water.
 *
 * THE KNOBS THAT SHAPE THE INK.
 *   travel   how far a stroke carries: pointer force, and how slowly the

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