threejs-interaction - Build interactive Three.js scenes
Handle raycasting, camera controls, mouse and touch input, object selection, and interactive 3D manipulation 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
- Select scene objects
- Transform selected objects
- Drag scene objects
- Filter raycast targets
Inputs
- Three.js scene
- Camera
- Renderer DOM element
- Interactive objects
- Mouse events
- Touch events
- Keyboard events
Outputs
- Object selection state
- Camera control state
- Object transform state
- Drag interaction state
- Pointer lock state
- Raycast intersection data
Requirements
- Three.js
- Browser DOM and event support
- Three.js addon controls