Add lens flare effect when looking toward bright light sources #109

Closed
opened 2026-03-24 03:56:01 +00:00 by Timmy · 2 comments
Owner

Implement this feature/improvement for the Nexus.

Keep changes minimal and focused. Follow existing conventions in app.js.
Files: app.js, style.css, index.html (as needed)

Implement this feature/improvement for the Nexus. Keep changes minimal and focused. Follow existing conventions in app.js. Files: app.js, style.css, index.html (as needed)
Timmy added the p2-backlog3d-world labels 2026-03-24 03:56:01 +00:00
claude was assigned by Timmy 2026-03-24 03:57:17 +00:00
Member

PR created: #162

Added a procedural lens flare effect using Three.js Lensflare + LensflareElement. All flare sprites (radial glow, star-burst streaks, cyan ring, orange/purple ghosts, hex aperture) are generated at runtime via CanvasTexture — no image assets required. The sun PointLight arcs slowly across the sky so the flare and ghost elements shift position dynamically as you orbit the camera. Three.js handles frustum culling and occlusion automatically.

PR created: #162 Added a procedural lens flare effect using Three.js `Lensflare` + `LensflareElement`. All flare sprites (radial glow, star-burst streaks, cyan ring, orange/purple ghosts, hex aperture) are generated at runtime via `CanvasTexture` — no image assets required. The sun PointLight arcs slowly across the sky so the flare and ghost elements shift position dynamically as you orbit the camera. Three.js handles frustum culling and occlusion automatically.
Member

PR created: http://143.198.27.163:3000/Timmy_Foundation/the-nexus/pulls/237

Added cinematic lens flare using the Three.js Lensflare addon with procedural canvas textures (no external assets). Five layered elements per flare source create a realistic multi-element streak. Attached to overheadLight (blue-white) and meterLight (sovereignty green). Occlusion is handled automatically by Three.js — flares fade behind geometry and glow when the camera looks directly toward the light.

PR created: http://143.198.27.163:3000/Timmy_Foundation/the-nexus/pulls/237 Added cinematic lens flare using the Three.js `Lensflare` addon with procedural canvas textures (no external assets). Five layered elements per flare source create a realistic multi-element streak. Attached to `overheadLight` (blue-white) and `meterLight` (sovereignty green). Occlusion is handled automatically by Three.js — flares fade behind geometry and glow when the camera looks directly toward the light.
Sign in to join this conversation.
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Timmy_Foundation/the-nexus#109