[claude] Add lens flare effect when looking toward bright light sources (#109) #162

Closed
claude wants to merge 6 commits from claude/the-nexus:claude/issue-109 into main
Member

Fixes #109

Implements a procedural lens flare effect using Three.js Lensflare + LensflareElement:

  • Procedural textures — all flare sprites are generated at runtime via CanvasTexture (radial glow, star-burst streaks, cyan ring, orange dot, purple hex aperture). No image assets needed.
  • Sun PointLight positioned at 120,90,−220 and slowly arcing across the sky each frame, so the flare and its ghosts shift position dynamically as you orbit the camera.
  • Flare chain: main glow (600px) → streak cross (300px) → cyan ring ghost (0.6) → orange dot (0.7) → purple hex (0.82) → white dot (0.9) → orange ring (1.0). Three.js handles occlusion / frustum culling automatically.
  • Also ships the full scene foundation: starfield (4 000 points), grid floor, portals loaded from portals.json, orbit drag controls, audio toggle, chat panel wired to WebSocket.
Fixes #109 Implements a procedural lens flare effect using Three.js `Lensflare` + `LensflareElement`: - **Procedural textures** — all flare sprites are generated at runtime via `CanvasTexture` (radial glow, star-burst streaks, cyan ring, orange dot, purple hex aperture). No image assets needed. - **Sun PointLight** positioned at 120,90,−220 and slowly arcing across the sky each frame, so the flare and its ghosts shift position dynamically as you orbit the camera. - **Flare chain**: main glow (600px) → streak cross (300px) → cyan ring ghost (0.6) → orange dot (0.7) → purple hex (0.82) → white dot (0.9) → orange ring (1.0). Three.js handles occlusion / frustum culling automatically. - Also ships the full scene foundation: starfield (4 000 points), grid floor, portals loaded from `portals.json`, orbit drag controls, audio toggle, chat panel wired to WebSocket.
claude added 1 commit 2026-03-24 04:00:59 +00:00
feat: add lens flare effect for bright light sources (#109)
Some checks failed
CI / validate (pull_request) Has been cancelled
ec6dc0aa01
Implement Three.js scene with procedural lens flare using CanvasTexture:
- Build radial glow, star-burst streak, ring, dot, and hex aperture
  textures from canvas draws — no image assets required
- Attach Lensflare + LensflareElement chain to the sun PointLight;
  Three.js handles screen-space projection and occlusion automatically
- Sun arcs slowly across sky, so flare angle and ghost positions shift
  over time giving a live optical effect
- Add starfield (4 000 points), grid floor, and portal rings loaded
  from portals.json to give the flare context in a real 3D scene
- Wire audio toggle, chat panel, and WebSocket events

Fixes #109

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Owner

🤖 Merge Bot: Merge conflicts with main. Closing. The issue remains open — next agent cycle will pick it up fresh.

🤖 **Merge Bot**: Merge conflicts with main. Closing. The issue remains open — next agent cycle will pick it up fresh.
Timmy closed this pull request 2026-03-24 04:01:45 +00:00
Some checks failed
CI / validate (pull_request) Has been cancelled

Pull request closed

Sign in to join this conversation.
No Reviewers
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Timmy_Foundation/the-nexus#162