threejs-interaction

What problem does it solve?

This Skill enables interactive user input in Three.js scenes by implementing raycasting for object selection, camera controls for navigation, and input handling for mouse and touch interactions.

Core Features & Use Cases

• Raycasting for click detection: identify and respond to user interactions with scene objects.
• Camera controls integration: combine OrbitControls and other controls to navigate the scene.
• Selection and interaction patterns: select, hover, and manipulate objects with input events.
• Use Case: build an interactive product configurator or a 3D data explorer with clickable elements.

Quick Start

Start with a basic scene and enable raycasting + controls to wire up user input and interactions.