Electromagnetic applied

Navigation Current

make routes, breadcrumbs, and likely next paths feel connected

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

"Navigation Current" — make routes, breadcrumbs, and likely next paths feel connected. It has a fieldflow layer (solar prominences, aurora, plasma streams, guided matter), a stream layer (flow matter along a heading), a memory layer (a decaying trail / hysteresis), a propagate layer (travelling waves through the medium), and a link layer (ropes / cloth between neighbours). Matter follows the field geometry because of fieldflow, not the field-owning force itself. The active render stack is streamlines, field-lines, links, trails, particles.

Magnetism bends the route, fieldflow carries the traveller along it — the active path emits a current while prior routes linger as memory.

Runtime tokens: fieldflow solar prominences, aurora, plasma streams, guided matterstream flow matter along a headingmemory a decaying trail / hysteresispropagate travelling waves through the mediumlink ropes / cloth between neighbours
Metrics: current a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertmemory computed every frame by the platform (proximity · engagement · relationships · age)signal a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertroute-strength a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inert current, signal, route-strength are host-supplied lanes — drive them with data-field-<metric> (or a domain model); without that, their --field-* stays inert.
Diagnostics: field-lines force-vectors topology
Render: streamlines · field-lines · links · trails · particles
Reduced motion: an active-path rail with visited markers and next-step hints
Without motion: the route reads as an ordered breadcrumb list with visited and next-step labels

Copy this pattern

<field-root></field-root>
  <div data-body="fieldflow" data-strength="0.9" data-range="0" data-feedback></div>
  <div data-body="stream" data-strength="0.7" data-range="340" data-angle="0"></div>
  <div data-body="memory" data-strength="0.5" data-range="280"></div>
  <div data-body="propagate link" data-strength="0.5" data-range="300"></div>

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

<field-root></field-root>
  <div data-body="fieldflow" data-strength="0.9" data-range="0" data-feedback></div>
  <div data-body="stream" data-strength="0.7" data-range="340" data-angle="0"></div>
  <div data-body="memory" data-strength="0.5" data-range="280"></div>
  <div data-body="propagate link" data-strength="0.5" data-range="300"></div>

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

export default function NavigationCurrent() {
  return (
    <FieldField>
      <div data-body="fieldflow" data-strength="0.9" data-range="0" data-feedback />
      <div data-body="stream" data-strength="0.7" data-range="340" data-angle="0" />
      <div data-body="memory" data-strength="0.5" data-range="280" />
      <div data-body="propagate link" data-strength="0.5" data-range="300" />
    </FieldField>
  );
}

{
  "id": "navigation-current",
  "name": "Navigation Current",
  "intent": "make routes, breadcrumbs, and likely next paths feel connected",
  "naturalField": "electromagnetic",
  "primitives": [
    "fieldflow",
    "stream",
    "memory",
    "propagate",
    "link"
  ],
  "bodies": [
    {
      "body": "fieldflow",
      "strength": 0.9,
      "range": 0,
      "feedback": true
    },
    {
      "body": "stream",
      "strength": 0.7,
      "range": 340,
      "angle": 0
    },
    {
      "body": "memory",
      "strength": 0.5,
      "range": 280
    },
    {
      "body": "propagate link",
      "strength": 0.5,
      "range": 300
    }
  ],
  "render": [
    "streamlines",
    "field-lines",
    "links",
    "trails",
    "particles"
  ],
  "metrics": [
    "current",
    "memory",
    "signal",
    "route-strength"
  ],
  "diagnostics": [
    "field-lines",
    "force-vectors",
    "topology"
  ],
  "accessibility": {
    "reducedMotion": "an active-path rail with visited markers and next-step hints",
    "meaningWithoutMotion": "the route reads as an ordered breadcrumb list with visited and next-step labels"
  },
  "notes": "Magnetism bends the route, fieldflow carries the traveller along it — the active path emits a current while prior routes linger as memory.",
  "tier": "applied",
  "status": "shipped"
}

Copy this pattern

See also