domains / families / software-engineering / threejs-scene-setup

threejs-scene-setup

separate

Stand up a three.js scene: import maps and the three/addons path, the Scene/PerspectiveCamera/WebGLRenderer trio, the setAnimationLoop render loop, responsive resize, and OrbitControls. Use when starting or debugging a three.js app — when the user mentions three.js, THREE.Scene, WebGLRenderer, PerspectiveCamera, the render loop, resizing, or OrbitControls. For models use threejs-gltf-loading; for materials/lights use threejs-materials-lighting.

When to use

• Use when bootstrapping a three.js scene, fixing a blank/black canvas, making the
• Use when `package.json` depends on `three` and code does `import * as THREE from

When not to use

• loading .gltf/.glb models
• skinned animation
• materials, lights, shadows, environment maps
• 2D rendering

Skill page

Source