threejs-interaction

Mouse and touch input handling, raycasting, camera controls, and object selection for Three.js scenes. Gizmo for moving/rotating/scaling objects. Drag objects directly. - Supports five camera control types: OrbitControls (orbit around target), FlyControls (free flight), FirstPersonControls (WASD movement), PointerLockControls (locked pointer FPS), and MapControls (2D map-style panning) - Raycasting enables click detection, hover effects, and object selection with detailed intersection data including distance, UV coordinates, and face information - Includes TransformControls for interactive gizmos (translate/rotate/scale), DragControls for direct object dragging, and SelectionBox for multi-object selection - Provides coordinate conversion utilities between world and screen space, ray-plane intersection, and keyboard input handling with throttling and layer-based filtering for performance - Limit raycasts : Throttle mousemove handlers - Use layers : Filter raycast targets - Simple collision meshes : Use invisible simpler geometry for raycasting - Disable controls when not needed : controls.enabled = false - Batch updates : Group interaction checks - threejs-fundamentals - Camera and scene setup - threejs-animation - Animating interactions - threejs-shaders - Visual feedback effects