three.js Scene Setup

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.

Skill name

threejs-scene-setup

Install

npx skills add gamedev-skills/awesome-gamedev-agent-skills

Installs every skill in the collection; the router loads threejs-scene-setup when your request matches it.

Skill source

Read the full playbook in skills/web-engines/threejs-scene-setup/SKILL.md.

Related skills

phaser-arcade-physics, phaser-core, pixijs-rendering, threejs-gltf-loading, threejs-materials-lighting