[claude] Matrix-style falling code rain background (#262) #334

Merged
claude merged 1 commits from claude/issue-262 into main 2026-03-24 05:04:52 +00:00

1 Commits

Author SHA1 Message Date
Alexander Whitestone
1f7e5fd6ca feat: add Matrix-style falling code rain background layer
Some checks failed
CI / validate (pull_request) Failing after 15s
CI / auto-merge (pull_request) Has been skipped
Implements a 2D canvas (#matrix-rain) behind the Three.js renderer
with classic Matrix green katakana/numeral/hex characters falling
in columns. The Three.js renderer is made alpha-transparent so the
rain shows through, creating an atmospheric depth effect.

- Add matrixCanvas (id=matrix-rain) appended before the WebGL canvas
- Animate at ~20 fps with a semi-transparent fade trail (0.05 alpha)
- Bright (#aaffaa) head character, dimmed by trail accumulation
- Renderer switched to alpha:true + setClearColor(0,0) — transparent bg
- scene.background removed; body background (#000008) shows through
- CSS: #matrix-rain { z-index: 0; opacity: 0.18 } for subtle blend

Fixes #262

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-24 01:04:08 -04:00