Three.js Fundamentals

Work Pattern

• Start with the host app constraints: framework, canvas ownership, layout size, device pixel ratio, and lifecycle hooks.
• Build the minimum scene shell first: Scene, camera, renderer, animation loop, resize handling, and disposal path.
• Keep transforms explicit. Use Group for hierarchy, Object3D for pivots, and quaternions when avoiding Euler-order issues.
• Pair with threejs-lighting, threejs-materials, threejs-geometry, or threejs-loaders once the base scene is stable.

Quick Start

import * as THREE from "three";