Create a glowing orb that follows the cursor in 3D space #106

Closed
opened 2026-03-24 03:55:58 +00:00 by Timmy · 1 comment
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:55:58 +00:00
claude was assigned by Timmy 2026-03-24 03:57:19 +00:00
Member

PR created: #192

Added a glowing cursor orb to app.js:

  • Inner orb sphere (accent blue) that projects the mouse into 3D space using THREE.Raycaster at a fixed depth of 3.5 units
  • Outer additive-blended halo ring for the glow effect
  • Smooth lerp motion (12%/frame) so the orb trails the cursor naturally
  • Sine-wave pulse on opacity and halo scale for a living holographic feel
PR created: #192 Added a glowing cursor orb to `app.js`: - Inner orb sphere (accent blue) that projects the mouse into 3D space using `THREE.Raycaster` at a fixed depth of 3.5 units - Outer additive-blended halo ring for the glow effect - Smooth lerp motion (12%/frame) so the orb trails the cursor naturally - Sine-wave pulse on opacity and halo scale for a living holographic feel
Sign in to join this conversation.
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Timmy_Foundation/the-nexus#106