Recipe gallery

Portable SceneRecipes straight from the engine catalog. Each is a real, validated recipe — copy the JSON, or read the plain-language explanation of what it does.

Living Headline

a headline that gains weight and glow where the field gathers

"Living Headline" — a headline that gains weight and glow where the field gathers. It has a attract layer (draw matter into a focus / well). The active render stack is particles, trails.

Bodies: attract
Render: particles · trails
Metrics: density · attention
Reduced motion: weight/glow hold their last value; no travel

Density writes back as --field-density, driving font weight and bloom.

Recipe JSON

{
  "name": "Living Headline",
  "intent": "a headline that gains weight and glow where the field gathers",
  "bodies": [
    {
      "body": "attract",
      "strength": 1.2,
      "range": 320,
      "feedback": true
    }
  ],
  "render": [
    "particles",
    "trails"
  ],
  "metrics": [
    "density",
    "attention"
  ],
  "accessibility": {
    "reducedMotion": "weight/glow hold their last value; no travel",
    "meaningWithoutMotion": "the heading is live HTML text"
  },
  "notes": "Density writes back as --field-density, driving font weight and bloom."
}

Attention Budget

one finite attention budget across competing items

"Attention Budget" — one finite attention budget across competing items. It has a attract layer (draw matter into a focus / well), and a cohesion layer (flocking — pull toward neighbours). The active render stack is particles.

Bodies: attractcohesion
Render: particles
Metrics: attention · density
Reduced motion: attention shown as static emphasis

Engaging one item pulls attention off the others (conserved budget).

Recipe JSON

{
  "name": "Attention Budget",
  "intent": "one finite attention budget across competing items",
  "bodies": [
    {
      "body": "attract",
      "strength": 1,
      "range": 240,
      "feedback": true
    },
    {
      "body": "cohesion",
      "strength": 0.4,
      "range": 200,
      "scope": "global"
    }
  ],
  "render": [
    "particles"
  ],
  "metrics": [
    "attention",
    "density"
  ],
  "accessibility": {
    "reducedMotion": "attention shown as static emphasis",
    "meaningWithoutMotion": "focused item gets an outline + label"
  },
  "notes": "Engaging one item pulls attention off the others (conserved budget)."
}

Relationship Map

show active connections that strengthen with use

"Relationship Map" — show active connections that strengthen with use. It has a memory layer (a decaying trail / hysteresis). The active render stack is links, particles.

Bodies: memory
Render: links · particles
Metrics: memory · coherence
Reduced motion: links render statically

RelationshipAgents strengthen on use and decay over time.

Recipe JSON

{
  "name": "Relationship Map",
  "intent": "show active connections that strengthen with use",
  "bodies": [
    {
      "body": "memory",
      "strength": 0.8,
      "range": 360,
      "feedback": true
    }
  ],
  "relationships": [
    {
      "from": "a",
      "to": "b",
      "type": "cites",
      "strength": 0.5
    }
  ],
  "render": [
    "links",
    "particles"
  ],
  "metrics": [
    "memory",
    "coherence"
  ],
  "accessibility": {
    "reducedMotion": "links render statically",
    "meaningWithoutMotion": "connections are also listed as text"
  },
  "notes": "RelationshipAgents strengthen on use and decay over time."
}

Solar Prominence

field-aligned plasma stream

"Solar Prominence" — field-aligned plasma stream. It has a magnetism layer (curve moving charges (cyclotron)), a fieldflow layer (solar prominences, aurora, plasma streams, guided matter), and a thermal layer (agitate matter at a temperature). Matter follows the field geometry because of fieldflow, not the field-owning force itself. The active render stack is particles, field-lines, trails, heatmap.

Bodies: magnetismfieldflowthermal
Render: particles · field-lines · trails · heatmap
Metrics: heat · entropy
Reduced motion: static field lines replace the moving stream

Magnetism defines the loops; fieldflow carries neutral matter along them.

Recipe JSON

{
  "name": "Solar Prominence",
  "intent": "field-aligned plasma stream",
  "bodies": [
    {
      "body": "magnetism",
      "strength": 1.2,
      "range": 420
    },
    {
      "body": "fieldflow",
      "strength": 0.8,
      "range": 0
    },
    {
      "body": "thermal",
      "strength": 0.2,
      "range": 320
    }
  ],
  "render": [
    "particles",
    "field-lines",
    "trails",
    "heatmap"
  ],
  "metrics": [
    "heat",
    "entropy"
  ],
  "accessibility": {
    "reducedMotion": "static field lines replace the moving stream",
    "meaningWithoutMotion": "decorative — aria-hidden"
  },
  "expected": {
    "entropyRange": [
      0.1,
      0.4
    ]
  },
  "notes": "Magnetism defines the loops; fieldflow carries neutral matter along them."
}

Form Validation Field

a form whose coherence rises as it becomes valid

"Form Validation Field" — a form whose coherence rises as it becomes valid. It has a cohesion layer (flocking — pull toward neighbours), and a repel layer (carve a void / keep-clear region). The active render stack is particles.

Bodies: cohesionrepel
Render: particles
Metrics: coherence · entropy
Reduced motion: coherence shown as a static state class

Invalid fields raise entropy (repel); a valid form settles into coherence.

Recipe JSON

{
  "name": "Form Validation Field",
  "intent": "a form whose coherence rises as it becomes valid",
  "bodies": [
    {
      "body": "cohesion",
      "strength": 0.7,
      "range": 260,
      "feedback": true
    },
    {
      "body": "repel",
      "strength": 0.5,
      "range": 180
    }
  ],
  "render": [
    "particles"
  ],
  "metrics": [
    "coherence",
    "entropy"
  ],
  "accessibility": {
    "reducedMotion": "coherence shown as a static state class",
    "meaningWithoutMotion": "validity is announced + shown with icon/text"
  },
  "notes": "Invalid fields raise entropy (repel); a valid form settles into coherence."
}

AI Confidence Field

render model confidence as field clarity

"AI Confidence Field" — render model confidence as field clarity. It has a cohesion layer (flocking — pull toward neighbours), and a thermal layer (agitate matter at a temperature). The active render stack is particles, heatmap.

Bodies: cohesionthermal
Render: particles · heatmap
Metrics: coherence · entropy · heat
Reduced motion: confidence shown as a static clarity/blur token

High confidence → coherent, clear; low confidence → thermal noise, higher entropy.

Recipe JSON

{
  "name": "AI Confidence Field",
  "intent": "render model confidence as field clarity",
  "bodies": [
    {
      "body": "cohesion",
      "strength": 0.9,
      "range": 300,
      "feedback": true
    },
    {
      "body": "thermal",
      "strength": 0.3,
      "range": 240
    }
  ],
  "render": [
    "particles",
    "heatmap"
  ],
  "metrics": [
    "coherence",
    "entropy",
    "heat"
  ],
  "accessibility": {
    "reducedMotion": "confidence shown as a static clarity/blur token",
    "meaningWithoutMotion": "confidence is also a numeric label"
  },
  "notes": "High confidence → coherent, clear; low confidence → thermal noise, higher entropy."
}

Search Relevance Wells

results settle into wells by relevance; excluded ones drift out

"Search Relevance Wells" — results settle into wells by relevance; excluded ones drift out. It has a attract layer (draw matter into a focus / well), and a repel layer (carve a void / keep-clear region). The active render stack is particles.

Bodies: attractrepel
Render: particles
Metrics: density · attention · entropy
Reduced motion: results re-rank statically

Relevance → attract strength; formation scatter → wells as a query resolves.

Recipe JSON

{
  "name": "Search Relevance Wells",
  "intent": "results settle into wells by relevance; excluded ones drift out",
  "bodies": [
    {
      "body": "attract",
      "strength": 1,
      "range": 280,
      "feedback": true
    },
    {
      "body": "repel",
      "strength": 0.6,
      "range": 200
    }
  ],
  "render": [
    "particles"
  ],
  "metrics": [
    "density",
    "attention",
    "entropy"
  ],
  "accessibility": {
    "reducedMotion": "results re-rank statically",
    "meaningWithoutMotion": "ranking is also a numbered list"
  },
  "notes": "Relevance → attract strength; formation scatter → wells as a query resolves."
}

Reading Memory Trail

read paragraphs leave a warm memory trail; the viewport centre is an attention well

"Reading Memory Trail" — read paragraphs leave a warm memory trail; the viewport centre is an attention well. It has a attract layer (draw matter into a focus / well), and a memory layer (a decaying trail / hysteresis). The active render stack is trails, particles.

Bodies: attractmemory
Render: trails · particles
Metrics: memory · attention
Reduced motion: the trail renders statically

Memory accumulates along the reading path and amplifies future attention.

Recipe JSON

{
  "name": "Reading Memory Trail",
  "intent": "read paragraphs leave a warm memory trail; the viewport centre is an attention well",
  "bodies": [
    {
      "body": "attract",
      "strength": 0.8,
      "range": 300,
      "feedback": true
    },
    {
      "body": "memory",
      "strength": 0.7,
      "range": 360
    }
  ],
  "render": [
    "trails",
    "particles"
  ],
  "metrics": [
    "memory",
    "attention"
  ],
  "accessibility": {
    "reducedMotion": "the trail renders statically",
    "meaningWithoutMotion": "progress shown as a read-state marker"
  },
  "notes": "Memory accumulates along the reading path and amplifies future attention."
}

Collaborative Presence

collaborators are auras; agreement coheres, conflict repels, edits deposit heat

"Collaborative Presence" — collaborators are auras; agreement coheres, conflict repels, edits deposit heat. It has a cohesion layer (flocking — pull toward neighbours), a repel layer (carve a void / keep-clear region), and a thermal layer (agitate matter at a temperature). The active render stack is particles, heatmap.

Bodies: cohesionrepelthermal
Render: particles · heatmap
Metrics: coherence · heat · entropy
Reduced motion: presence shown as static avatars/markers

Agreement → cohesion, conflict → repel, edits → thermal heat deposits.

Recipe JSON

{
  "name": "Collaborative Presence",
  "intent": "collaborators are auras; agreement coheres, conflict repels, edits deposit heat",
  "bodies": [
    {
      "body": "cohesion",
      "strength": 0.6,
      "range": 260,
      "feedback": true
    },
    {
      "body": "repel",
      "strength": 0.5,
      "range": 180
    },
    {
      "body": "thermal",
      "strength": 0.3,
      "range": 220
    }
  ],
  "render": [
    "particles",
    "heatmap"
  ],
  "metrics": [
    "coherence",
    "heat",
    "entropy"
  ],
  "accessibility": {
    "reducedMotion": "presence shown as static avatars/markers",
    "meaningWithoutMotion": "collaborators are listed with status"
  },
  "notes": "Agreement → cohesion, conflict → repel, edits → thermal heat deposits."
}