Gravity experimental

Gravity Field

show a gravity body as a visible, followable natural field — matter threads its lines in orbit

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

"Gravity Field" — show a gravity body as a visible, followable natural field — matter threads its lines in orbit. It has a gravity layer (universal attraction toward mass), and a swirl layer (rotate matter around a centre). The active render stack is field-lines, particles.

Gravity already defines field() (the softened 1/d² monopole), so the field-lines reading traces its real radial structure — the seeds come from the body geometry (a core ring → spokes), never hand-drawn. The swirl token is what makes it read as a natural FIELD rather than a plain sink: matter threads the lines in orbit. Pair with the deformation grid (overlay "grid") to also show space bending into the well. Bare gravity stays an opt-in attractor; this preset is the natural-field presentation.

Runtime tokens: gravity universal attraction toward massswirl rotate matter around a centre
Concepts: well orbit accretion natural-field field-lines
Metrics: density a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inert density is a host-supplied lane — drive it with data-field-<metric> (or a domain model); without that, its --field-* stays inert.
Diagnostics: field-lines inspector
Render: field-lines · particles
Reduced motion: the field lines render statically and matter holds its orbit positions — the radial structure reads without any motion
Without motion: the well is a labelled region with visible radial field lines; depth reads as line density, not animation

Copy this pattern

<field-root></field-root>
  <div data-body="gravity swirl" data-strength="1.2" data-range="420" data-feedback></div>

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

<field-root></field-root>
  <div data-body="gravity swirl" data-strength="1.2" data-range="420" data-feedback></div>

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

export default function GravityField() {
  return (
    <FieldField>
      <div data-body="gravity swirl" data-strength="1.2" data-range="420" data-feedback />
    </FieldField>
  );
}

{
  "id": "gravity-field",
  "name": "Gravity Field",
  "intent": "show a gravity body as a visible, followable natural field — matter threads its lines in orbit",
  "naturalField": "gravity",
  "status": "experimental",
  "primitives": [
    "gravity",
    "swirl"
  ],
  "concepts": [
    "well",
    "orbit",
    "accretion",
    "natural-field",
    "field-lines"
  ],
  "conditions": [],
  "bodies": [
    {
      "body": "gravity swirl",
      "strength": 1.2,
      "range": 420,
      "feedback": true
    }
  ],
  "render": [
    "field-lines",
    "particles"
  ],
  "metrics": [
    "density"
  ],
  "diagnostics": [
    "field-lines",
    "inspector"
  ],
  "accessibility": {
    "reducedMotion": "the field lines render statically and matter holds its orbit positions — the radial structure reads without any motion",
    "meaningWithoutMotion": "the well is a labelled region with visible radial field lines; depth reads as line density, not animation"
  },
  "notes": "Gravity already defines field() (the softened 1/d² monopole), so the field-lines reading traces its real radial structure — the seeds come from the body geometry (a core ring → spokes), never hand-drawn. The swirl token is what makes it read as a natural FIELD rather than a plain sink: matter threads the lines in orbit. Pair with the deformation grid (overlay \"grid\") to also show space bending into the well. Bare gravity stays an opt-in attractor; this preset is the natural-field presentation."
}

Copy this pattern

See also