Three.js Interaction

Use this skill for direct 3D input, object picking, camera manipulation, and selection state. Route semantic HTML controls, keyboard accessibility, and focus management to web-accessibility; route game-input architecture to web-game-development.

When to use this skill

• Raycast a pointer/touch against selectable scene objects
• Add or repair camera controls, object dragging, transform handles, or pointer lock
• Convert coordinates between client, normalized device, world, and screen space
• Fix missed clicks, stale hover state, pointer capture issues, or excessive raycasting

Instructions

Step 1: Define the interaction boundary