Fundamental

← all recipes

Gravity core

Focus Orbit

keep related options moving around the active item

frame — bodies 0 relationships 0

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

"Focus Orbit" — keep related options moving around the active item. It has a attract layer (draw matter into a focus / well), a magnetism layer (curve moving charges (cyclotron)), and a tether layer (bind matter to an anchor). The active render stack is particles, field-lines.

The active item is a gravity well; magnetism curves the surrounding motion around it (gravity + electromagnetic), and tether keeps related options nearby.

Runtime tokens
attract magnetism tether
Concepts
orbit
Metrics
attention relation-strength relation-strength is a host-supplied lane — drive it with data-field-<metric> (or a domain model); without that, its --field-* stays inert.
Diagnostics
prediction topology field-lines
Conditions
focused related
Render
particles · field-lines
Reduced motion
a static relationship ring marks the active item; related items keep their weighted emphasis
Without motion
the active item is marked current; related items are listed beside it

Copy this recipe

<field-root></field-root>
  <div data-body="attract" data-strength="1" data-range="260" data-feedback></div>
  <div data-body="magnetism" data-strength="0.8" data-range="300" data-spin="1"></div>
  <div data-body="tether" data-strength="0.5" data-range="220"></div>

See also