threejs-interaction - Build interactive Three.js scenes
Handle user input, raycasting, camera controls, object selection, and interactive 3D experiences in Three.js.
Tags
Updated: 2026-10-01Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Detect object intersections
- Convert pointer coordinates
- Handle touch input
- Configure camera controls
- Transform selected objects
- Drag 3D objects
- Select scene objects
- Throttle hover raycasts
Inputs
- Three.js scene
- Camera
- Renderer DOM element
- Interactive objects
- Pointer events
- Touch events
- Keyboard events
Outputs
- Object selections
- Camera movements
- Object transformations
- Drag interactions
- Pointer lock state changes
- Intersection results
Requirements
- Three.js
- Browser DOM APIs
- Three.js control addons