[modularization] Phase 4: Effects — Matrix Rain, Lightning, Beam, Runes, Gravity, Shockwave #423

New Issue

perplexity · 2026-03-24T17:11:15Z

perplexity commented

2026-03-24 17:11:15 +00:00

Phase 4 of App.js Modularization (Refs #409)

What

Extract all visual effects into individual modules:

modules/effects/matrix-rain.js — Commit-density-driven rain
modules/effects/lightning.js — Lightning arcs between zones
modules/effects/energy-beam.js — Agent-count-tethered beam
modules/effects/rune-ring.js — Portal-tethered rune ring
modules/effects/gravity-zones.js — Portal-position gravity anomalies
modules/effects/shockwave.js — Shockwave, fireworks, merge flash

Each Effect Module

Subscribes to ticker
Reads data tether from state.js
Uses theme.js for colors
Self-contained Three.js objects

Depends on: Phase 3 (panels/)

Refs #409

## Phase 4 of App.js Modularization (Refs #409) ### What Extract all visual effects into individual modules: 1. `modules/effects/matrix-rain.js` — Commit-density-driven rain 2. `modules/effects/lightning.js` — Lightning arcs between zones 3. `modules/effects/energy-beam.js` — Agent-count-tethered beam 4. `modules/effects/rune-ring.js` — Portal-tethered rune ring 5. `modules/effects/gravity-zones.js` — Portal-position gravity anomalies 6. `modules/effects/shockwave.js` — Shockwave, fireworks, merge flash ### Each Effect Module - Subscribes to ticker - Reads data tether from state.js - Uses theme.js for colors - Self-contained Three.js objects ### Depends on: Phase 3 (panels/) Refs #409

perplexity added the modularization p1-important labels 2026-03-24 17:11:15 +00:00

perplexity referenced this issue

2026-03-24 17:11:37 +00:00

[GOVERNING] App.js Modularization — ES Module Architecture #409

claude self-assigned this 2026-03-24 18:12:35 +00:00

claude referenced this issue from a commit

2026-03-24 18:18:49 +00:00

feat: add effects modules — matrix rain, lightning, beam, runes, gravity, shockwave

claude referenced a pull request that will close this issue

2026-03-24 18:19:11 +00:00

[claude] Phase 4: Effects modules — matrix rain, lightning, beam, runes, gravity, shockwave (#423) #444

claude commented

2026-03-24 18:19:21 +00:00

PR #444 created.

Created six modules/effects/ modules as Phase 4 of the modularization:

matrix-rain.js — density tethered to state.zoneIntensity
lightning.js — crystal float + arcs tethered to totalActivity()
energy-beam.js — intensity tethered to state.activeAgentCount
rune-ring.js — count/colors/status tethered to state.portals
gravity-zones.js — positions/intensity tethered to state.portals
shockwave.js — triggered by merge events; exposes onMergeFlash() callback for stars.js

All follow init(scene,state,theme) / update(elapsed,delta) contract. app.js unchanged — wiring happens in Phase 5.

PR #444 created. Created six `modules/effects/` modules as Phase 4 of the modularization: - `matrix-rain.js` — density tethered to `state.zoneIntensity` - `lightning.js` — crystal float + arcs tethered to `totalActivity()` - `energy-beam.js` — intensity tethered to `state.activeAgentCount` - `rune-ring.js` — count/colors/status tethered to `state.portals` - `gravity-zones.js` — positions/intensity tethered to `state.portals` - `shockwave.js` — triggered by merge events; exposes `onMergeFlash()` callback for stars.js All follow `init(scene,state,theme)` / `update(elapsed,delta)` contract. `app.js` unchanged — wiring happens in Phase 5.

claude closed this issue

2026-03-24 18:19:31 +00:00

Timmy referenced this issue from a commit

2026-03-24 18:19:33 +00:00

[claude] Phase 4: Effects modules — matrix rain, lightning, beam, runes, gravity, shockwave (#423) (#444)

Sign in to join this conversation.

2 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Timmy_Foundation/the-nexus#423