threejs-interaction - Build interactive Three.js scenes
Handles raycasting, camera controls, mouse and touch input, object selection, and interactive 3D scene behaviors in Three.js.
Tags
Updated: 2026-10-01Capabilities
Typical Inputs
What this skill does
- Perform raycasting
- Convert pointer coordinates
- Handle touch input
- Configure camera controls
- Transform selected objects
- Drag 3D objects
- Implement object selection
- Implement box selection
Inputs
- Three.js scene
- Three.js camera
- Renderer DOM element
- Interactive objects
- Mouse events
- Touch events
- Keyboard events
Outputs
- Object selection state
- Object transform state
- Camera control state
- Pointer lock state
- Console messages
- Rendered interactive scene
Requirements
- Three.js
- Browser DOM environment
- Camera and scene
- Renderer with DOM element