Mycelium

"use client";

/**
 * Mycelium — hyphae growing out from a centre, branching, tips lit,
 * dying back and regrowing. Morphology 07. Ships with PointPlotter.tsx.
 *
 *   <Mycelium ink="#f7efe3" accent="#b5f23d" points={22000} speed={1} />
 */
import { PointPlotter, type PlotFn } from "./PointPlotter";

export type MyceliumProps = { ink?: string; accent?: string; points?: number; speed?: number; className?: string };

const { cos, sin, PI } = Math;
const TAU = PI * 2;
const HYPHAE = 42;

const plot: PlotFn = (i, n, t) => {
  const h = i % HYPHAE;
  const rows = Math.ceil(n / HYPHAE);
  const v = Math.floor(i / HYPHAE) / rows;

  // Each hypha grows, pauses, dies back, grows again — out of step.
  const grow = 0.35 + 0.65 * (0.5 + 0.5 * sin(t * 0.3 + h * 1.7));
  if (v > grow) return null;

  const theta0 = (h / HYPHAE) * TAU + 0.3 * sin(h * 7.3);
  let theta = theta0 + 0.35 * sin(v * 6 + h) + 0.2 * sin(v * 13 - t * 0.8 + h * 2);
  // Every other point past the midpoint belongs to a side branch.

"use client";

/**
 * Point Plotter — the engine under the Morphology series.
 *
 * No dependencies. Every organism in the series is a function
 * `plot(i, n, t, pointer)` that places the i-th of n points in a
 * 400×400 space and says whether it is an accent point. This file
 * draws those points, tens of thousands a frame, on a 2D canvas: faint
 * ink for the body, a brighter colour with a soft glow for the
 * accents, and the formula as a caption in the corner.
 *
 * Ships with every organism. You should not need to edit it.
 */
import { useEffect, useRef } from "react";

export type Pointer = { x: number; y: number; active: boolean };

/**
 * [x, y, accent, weight?] in 400×400 space, or null to skip the point.
 * `weight` (0–1) dims the point — used for depth on the 3D forms.
 */
export type PlotPoint = readonly [number, number, boolean] | readonly [number, number, boolean, number] | null;
export type PlotFn = (i: number, n: number, t: number, pointer: Pointer) => PlotPoint;

export type PointPlotterProps = {
  plot: PlotFn;
  points: number;