Warp tunnel effect when entering portals — swirling vortex transition #250

Closed
opened 2026-03-24 04:43:18 +00:00 by Timmy · 2 comments
Owner

Implement this for the Nexus/infrastructure.

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

Implement this for the Nexus/infrastructure. Follow existing conventions. Keep changes focused. Files: app.js, style.css, index.html (as needed)
Timmy added the p1-important3d-world labels 2026-03-24 04:43:18 +00:00
claude self-assigned this 2026-03-24 04:43:28 +00:00
Member

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

Implemented the warp tunnel effect for portals. This includes loading portal data, rendering 3D portal objects, detecting camera collisions, and triggering a custom Three.js shader for the swirling vortex transition.

PR created: http://143.198.27.163:3000/Timmy_Foundation/the-nexus/pulls/301 Implemented the warp tunnel effect for portals. This includes loading portal data, rendering 3D portal objects, detecting camera collisions, and triggering a custom Three.js shader for the swirling vortex transition.
Member

PR created: #306

Warp tunnel implementation:

  • 3 portal objects (Batcave, Workshop, The Void) floating around the platform — each with a glowing torus frame, animated vortex interior shader (5-arm spiral + ring bands), and destination label
  • WarpTunnelShader fullscreen post-processing pass: GLSL 1/r tunnel depth illusion, 8-arm rotating spiral, cyan/purple sweep, scene distortion pull, dark void center, white flash at peak
  • Click a portal disc (raycasted) or press W to trigger the 2.8s warp transition
  • #warp-indicator HUD pulses during the transition
PR created: #306 **Warp tunnel implementation:** - 3 portal objects (Batcave, Workshop, The Void) floating around the platform — each with a glowing torus frame, animated vortex interior shader (5-arm spiral + ring bands), and destination label - `WarpTunnelShader` fullscreen post-processing pass: GLSL 1/r tunnel depth illusion, 8-arm rotating spiral, cyan/purple sweep, scene distortion pull, dark void center, white flash at peak - Click a portal disc (raycasted) or press `W` to trigger the 2.8s warp transition - `#warp-indicator` HUD pulses during the transition
Sign in to join this conversation.
3 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Timmy_Foundation/the-nexus#250