Electromagnetic core First release

Guided Flow

move particles or attention along field lines, relationships, or paths

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

"Guided Flow" — move particles or attention along field lines, relationships, or paths. It has a magnetism layer (curve moving charges (cyclotron)), a fieldflow layer (solar prominences, aurora, plasma streams, guided matter), a stream layer (flow matter along a heading), and a propagate layer (travelling waves through the medium). Matter follows the field geometry because of fieldflow, not the field-owning force itself. The active render stack is streamlines, field-lines, trails, particles.

Matter and attention move along field lines / relationship paths (electromagnetic + transport). Magnetism bends, fieldflow carries — the recipe-level expression of field.flowTo() and fieldflow.

Runtime tokens: magnetism curve moving charges (cyclotron)fieldflow solar prominences, aurora, plasma streams, guided matterstream flow matter along a headingpropagate travelling waves through the medium
Metrics: flow a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertvelocity a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inertdensity a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inert flow, velocity, density 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 prediction
Render: streamlines · field-lines · trails · particles
Reduced motion: a static path contour with a numbered route and direction markers
Without motion: the route is an ordered list of steps with direction labels

Copy this pattern

<field-root></field-root>
  <div data-body="magnetism" data-strength="1" data-range="420" data-spin="1"></div>
  <div data-body="fieldflow" data-strength="0.8" data-range="0"></div>
  <div data-body="stream" data-strength="0.6" data-range="320" data-angle="0"></div>
  <div data-body="propagate" data-strength="0.5" data-range="300"></div>

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

<field-root></field-root>
  <div data-body="magnetism" data-strength="1" data-range="420" data-spin="1"></div>
  <div data-body="fieldflow" data-strength="0.8" data-range="0"></div>
  <div data-body="stream" data-strength="0.6" data-range="320" data-angle="0"></div>
  <div data-body="propagate" data-strength="0.5" data-range="300"></div>

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

export default function GuidedFlow() {
  return (
    <FieldField>
      <div data-body="magnetism" data-strength="1" data-range="420" data-spin="1" />
      <div data-body="fieldflow" data-strength="0.8" data-range="0" />
      <div data-body="stream" data-strength="0.6" data-range="320" data-angle="0" />
      <div data-body="propagate" data-strength="0.5" data-range="300" />
    </FieldField>
  );
}

{
  "id": "guided-flow",
  "name": "Guided Flow",
  "intent": "move particles or attention along field lines, relationships, or paths",
  "naturalField": "electromagnetic",
  "primitives": [
    "magnetism",
    "fieldflow",
    "stream",
    "propagate"
  ],
  "bodies": [
    {
      "body": "magnetism",
      "strength": 1,
      "range": 420,
      "spin": 1
    },
    {
      "body": "fieldflow",
      "strength": 0.8,
      "range": 0
    },
    {
      "body": "stream",
      "strength": 0.6,
      "range": 320,
      "angle": 0
    },
    {
      "body": "propagate",
      "strength": 0.5,
      "range": 300
    }
  ],
  "render": [
    "streamlines",
    "field-lines",
    "trails",
    "particles"
  ],
  "metrics": [
    "flow",
    "velocity",
    "density"
  ],
  "diagnostics": [
    "field-lines",
    "force-vectors",
    "prediction"
  ],
  "accessibility": {
    "reducedMotion": "a static path contour with a numbered route and direction markers",
    "meaningWithoutMotion": "the route is an ordered list of steps with direction labels"
  },
  "notes": "Matter and attention move along field lines / relationship paths (electromagnetic + transport). Magnetism bends, fieldflow carries — the recipe-level expression of field.flowTo() and fieldflow.",
  "tier": "core",
  "status": "shipped"
}

Copy this pattern

See also