Weak core First release

Memory Trace

show where a user has been, paused, returned, or accumulated attention

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

"Memory Trace" — show where a user has been, paused, returned, or accumulated attention. It has a memory layer (a decaying trail / hysteresis), and a diffuse layer (spread a quantity over the medium). The active render stack is trails, heatmap, particles.

Interaction leaves a decaying trace (weak-force decay via memory); repeated interaction strengthens it; inactive traces cool over time.

Runtime tokens: memory a decaying trail / hysteresisdiffuse spread a quantity over the medium
Concepts: decay
Metrics: memory computed every frame by the platform (proximity · engagement · relationships · age)recency computed every frame by the platform (proximity · engagement · relationships · age)decay a semantic lane — drive it with data-field-<metric> (or a domain model); without that its --field-<metric> stays inert decay is a host-supplied lane — drive it with data-field-<metric> (or a domain model); without that, its --field-* stays inert.
Diagnostics: heatmap contours inspector
Render: trails · heatmap · particles
Reduced motion: static history marks and recency labels replace the decaying trail
Without motion: visited items are marked with a timestamp / recency label

Copy this pattern

<field-root></field-root>
  <div data-body="memory" data-strength="0.8" data-range="360" data-feedback></div>
  <div data-body="diffuse" data-strength="0.4" data-range="280"></div>

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

<field-root></field-root>
  <div data-body="memory" data-strength="0.8" data-range="360" data-feedback></div>
  <div data-body="diffuse" data-strength="0.4" data-range="280"></div>

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

export default function MemoryTrace() {
  return (
    <FieldField>
      <div data-body="memory" data-strength="0.8" data-range="360" data-feedback />
      <div data-body="diffuse" data-strength="0.4" data-range="280" />
    </FieldField>
  );
}

{
  "id": "memory-trace",
  "name": "Memory Trace",
  "intent": "show where a user has been, paused, returned, or accumulated attention",
  "naturalField": "weak",
  "primitives": [
    "memory",
    "diffuse"
  ],
  "bodies": [
    {
      "body": "memory",
      "strength": 0.8,
      "range": 360,
      "feedback": true
    },
    {
      "body": "diffuse",
      "strength": 0.4,
      "range": 280
    }
  ],
  "render": [
    "trails",
    "heatmap",
    "particles"
  ],
  "metrics": [
    "memory",
    "recency",
    "decay"
  ],
  "diagnostics": [
    "heatmap",
    "contours",
    "inspector"
  ],
  "accessibility": {
    "reducedMotion": "static history marks and recency labels replace the decaying trail",
    "meaningWithoutMotion": "visited items are marked with a timestamp / recency label"
  },
  "notes": "Interaction leaves a decaying trace (weak-force decay via memory); repeated interaction strengthens it; inactive traces cool over time.",
  "tier": "core",
  "status": "shipped",
  "concepts": [
    "decay"
  ]
}

Copy this pattern

See also