Reeded Glass Field

"use client";

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

/**
 * ReededGlassField: a full-bleed background of fluted (reeded) glass standing
 * in front of a hidden light. The pointer drags the light behind the glass;
 * every rib refracts its own sliver of it, so the light shows as a comb of
 * thin luminous shards that slide from rib to rib as it moves.
 *
 * One WebGL2 fragment pass, no buffers. The scene behind the glass is
 * analytic (a soft tall light with an ice-white core, a faint horizon, two
 * hairline highlights). The glass is a row of ribs: inside each rib a
 * cross-section profile gives a refraction offset, and the scene is sampled
 * through it three times, once per colour channel, with a dispersion that
 * only grows toward the rib edges. Each rib therefore shows a compressed,
 * mirrored copy of the window of scene behind it.

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