What problem does it solve?
This Skill removes the trial-and-error of setting up believable lighting in Three.js scenes by giving you a clear playbook for illumination, shadows, and environment lighting.
Core Features & Use Cases
- Choose the right light type for each scene, including ambient, hemisphere, directional, point, spot, and rectangular area lights.
- Configure shadow casting, shadow softness, bias, map size, and camera bounds to improve visual quality without wasting performance.
- Build common production lighting setups such as three-point studio lighting, outdoor sunlight, indoor product scenes, and animated light motion.
- Use environment maps, light probes, helpers, and light layering to support physically based materials and more controllable rendering results.
Quick Start
Use this skill to create a Three.js lighting setup for your scene by combining a key directional light, soft ambient fill, shadow settings, and an environment map that fits your performance budget.