Three.js Scene Builder

Assists with creating interactive 3D scenes using Three.js, covering scene setup, cameras, lighting, geometry, materials, and animation loops.

Usage

Ask for help setting up a Three.js scene, adding objects, configuring lights, or animating elements.

Examples

• "Set up a basic Three.js scene with a rotating cube"
• "Add orbit controls and ambient lighting to my scene"
• "Create a particle system with custom shaders"

Guidelines

• Always dispose of geometries and materials to prevent memory leaks
• Use requestAnimationFrame for smooth animation loops
• Prefer BufferGeometry over legacy Geometry for performance
• Set appropriate pixel ratio with renderer.setPixelRatio
• Use texture compression for large assets