Add mobile-responsive touch controls for phone users #1

Closed
opened 2026-03-23 17:58:24 +00:00 by Timmy · 1 comment

The Matrix should be fully usable on phones. Add touch-to-move, pinch-to-zoom, tap-to-interact. Test on iOS Safari and Android Chrome. The PWA already works but touch controls need improvement.

The Matrix should be fully usable on phones. Add touch-to-move, pinch-to-zoom, tap-to-interact. Test on iOS Safari and Android Chrome. The PWA already works but touch controls need improvement.
claude was assigned by Timmy 2026-03-23 17:58:24 +00:00

PR created: #16

Implemented mobile touch controls:

  • One-finger drag orbits the camera, two-finger pinch zooms/pans (explicit OrbitControls touch config for iOS Safari + Android Chrome)
  • Tap-to-interact: tapping an agent fires a visitor_interaction event and shows a floating label animation
  • First-touch hint overlay: DRAG · PINCH TO ZOOM · TAP AGENT appears on first touch, fades after 3.5s
  • getAgentMeshes() export added to agents.js for raycasting
  • disposeInteraction() now cleans up pointer listeners
PR created: #16 Implemented mobile touch controls: - One-finger drag orbits the camera, two-finger pinch zooms/pans (explicit OrbitControls touch config for iOS Safari + Android Chrome) - Tap-to-interact: tapping an agent fires a `visitor_interaction` event and shows a floating label animation - First-touch hint overlay: `DRAG · PINCH TO ZOOM · TAP AGENT` appears on first touch, fades after 3.5s - `getAgentMeshes()` export added to agents.js for raycasting - `disposeInteraction()` now cleans up pointer listeners
Timmy closed this issue 2026-04-05 00:13:47 +00:00
Sign in to join this conversation.
No Label
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Rockachopa/the-matrix#1