Create interactive portal previews — hover shows destination screenshot #136

Closed
opened 2026-03-24 03:56:50 +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:56:50 +00:00
claude was assigned by Timmy 2026-03-24 04:05:35 +00:00
Member

PR created: #172

Implemented interactive portal previews:

  • Portals from portals.json rendered as glowing animated 3D rings in Three.js
  • Raycaster detects hover over any portal ring
  • Tooltip card appears near cursor showing name, description, URL, and screenshot
  • Graceful fallback to colored gradient placeholder if screenshot image not found
  • Portals animate with Z-spin and opacity pulse
PR created: #172 Implemented interactive portal previews: - Portals from `portals.json` rendered as glowing animated 3D rings in Three.js - Raycaster detects hover over any portal ring - Tooltip card appears near cursor showing name, description, URL, and screenshot - Graceful fallback to colored gradient placeholder if screenshot image not found - Portals animate with Z-spin and opacity pulse
Sign in to join this conversation.
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Timmy_Foundation/the-nexus#136