threejs-interaction

Use THREE.Raycaster with setFromCamera after converting mouse coordinates to normalized device coordinates. Call intersectObjects on your clickable meshes and read the first result's object, point, and distance properties.

Import OrbitControls from three/addons/controls/OrbitControls.js and instantiate it with your camera and renderer.domElement. Enable damping with enableDamping and call controls.update() each animation frame for smooth movement.

OrbitControls rotates the camera around a target point, suiting model viewers and scene inspection. PointerLockControls locks the mouse for first-person navigation, suiting walkthroughs and games where WASD movement is needed.

Yes, raycasting works with touch events by reading event.touches[0] clientX and clientY, converting them to normalized device coordinates, and calling setFromCamera. Attach handlers to touchstart on the renderer canvas.

Raycasting every mousemove against the full scene is expensive. Throttle handlers to around 20fps, restrict intersection checks to specific clickable objects, use layers for filtering, and substitute simpler invisible collision meshes for complex geometry.