← all recipes

"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 attract

Concepts

vessel charge-up discharge glow contour

Metrics

density load 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

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