Fundamental

← all recipes

Weak core

Phase Shift

show a state transition: draft → published, pending → complete, hidden → active

frame — bodies 0 relationships 0

Running the actual recipe live via applyRecipe() — not a mock.

"Phase Shift" — show a state transition: draft → published, pending → complete, hidden → active. It has a morph layer (assemble matter into a mark/shape (never words, §11)), and a cohesion layer (flocking — pull toward neighbours). The active render stack is particles, metaballs.

A body transitions between named states (weak-force transformation via morph); the interface shows continuity rather than replacement.

Runtime tokens
morph cohesion
Concepts
phase shift
Metrics
phase coherence progress phase, progress are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics
inspector causality prediction
Render
particles · metaballs
Reduced motion
a state label and progress marker replace the transition; non-motion styling shows the change
Without motion
the from/to state is named and announced on change

Copy this recipe

<field-root></field-root>
  <div data-body="morph" data-strength="0.7" data-range="260" data-feedback></div>
  <div data-body="cohesion" data-strength="0.5" data-range="240"></div>

See also