Electromagnetic experimental

Contour Charge

charge a body with gathered matter while it holds attention; discharge the moment attention leaves

Running the actual pattern live via applyPattern() — switch the substrate, stack overlays, watch the signals, or reverse the dynamics. Not a mock.

"Contour Charge" — charge a body with gathered matter while it holds attention; discharge the moment attention leaves. It has a sink layer (capture matter (accretion well)), and a attract layer (draw matter into a focus / well). The active render stack is particles, heatmap.

The charge cycle is conserved end to end: capture holds matter in the pool (it is not deleted), and the discharge is the same supernova release ritual as saturation — the same particles return to the field, with the field:released event on the body. Pair with the Contour Sink visual (contourSvgFor / data-field-visual-for + the platform mirroring) so the rings thicken with --load and flare on release. The body stays real text; the rings stay aria-hidden.

Runtime tokens: sink capture matter (accretion well)attract draw matter into a focus / well
Concepts: vessel charge-up discharge glow contour
Metrics: density a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertload a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inert density, load are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics: inspector force-vectors
Conditions: active
Render: particles · heatmap
Reduced motion: the glow tracks the static load value — no orbiting matter, no burst; the discharge reads as the glow returning to rest
Without motion: the vessel state is a number (--load) and a glow level; charged vs at-rest reads without any animation

Copy this pattern

<field-root></field-root>
  <div data-body="sink attract" data-strength="0.9" data-range="300" data-feedback data-when="active"></div>

<script type="module">
  import '@fundamental-engine/elements';
</script>

<field-root></field-root>
  <div data-body="sink attract" data-strength="0.9" data-range="300" data-feedback data-when="active"></div>

import { FieldField } from '@fundamental-engine/react';

export default function ContourCharge() {
  return (
    <FieldField>
      <div data-body="sink attract" data-strength="0.9" data-range="300" data-feedback data-when="active" />
    </FieldField>
  );
}

{
  "id": "contour-charge",
  "name": "Contour Charge",
  "intent": "charge a body with gathered matter while it holds attention; discharge the moment attention leaves",
  "naturalField": "electromagnetic",
  "status": "experimental",
  "primitives": [
    "sink",
    "attract"
  ],
  "concepts": [
    "vessel",
    "charge-up",
    "discharge",
    "glow",
    "contour"
  ],
  "conditions": [
    "active"
  ],
  "bodies": [
    {
      "body": "sink attract",
      "strength": 0.9,
      "range": 300,
      "feedback": true,
      "when": "active"
    }
  ],
  "render": [
    "particles",
    "heatmap"
  ],
  "metrics": [
    "density",
    "load"
  ],
  "diagnostics": [
    "inspector",
    "force-vectors"
  ],
  "accessibility": {
    "reducedMotion": "the glow tracks the static load value — no orbiting matter, no burst; the discharge reads as the glow returning to rest",
    "meaningWithoutMotion": "the vessel state is a number (--load) and a glow level; charged vs at-rest reads without any animation"
  },
  "notes": "The charge cycle is conserved end to end: capture holds matter in the pool (it is not deleted), and the discharge is the same supernova release ritual as saturation — the same particles return to the field, with the field:released event on the body. Pair with the Contour Sink visual (contourSvgFor / data-field-visual-for + the platform mirroring) so the rings thicken with --load and flare on release. The body stays real text; the rings stay aria-hidden."
}

Copy this pattern

See also