Three.js Interaction

When to Use

• You need user interaction inside a Three.js scene.
• The task involves raycasting, object picking, pointer handling, touch input, or camera controls.
• You are building an interactive 3D experience rather than a passive render.

Quick Start

import * as THREE from "three";
import { OrbitControls } from "three/addons/controls/OrbitControls.js";

// Camera controls
const controls = new OrbitControls(camera, renderer.domElement);
controls.enableDamping = true;

// Raycasting for click detection
const raycaster = new THREE.Raycaster();