three.js Materials & Lighting
Light and shade a three.js scene: choose materials (MeshStandardMaterial PBR vs unlit MeshBasicMaterial), add ambient/hemisphere/directional/point/spot lights, turn on shadow maps, and use an environment map (IBL) for realistic reflections. Use when a three.js model looks black, flat, or wrong — when the user mentions three.js materials, MeshStandardMaterial, lights, shadows, envMap, or PBR. For renderer/loop setup use threejs-scene-setup; for loading models use threejs-gltf-loading.
- Skill name
threejs-materials-lighting
Install
npx skills add gamedev-skills/awesome-gamedev-agent-skillsInstalls every skill in the collection; the router loads threejs-materials-lighting when your request matches it.
Skill source
Read the full playbook in skills/web-engines/threejs-materials-lighting/SKILL.md.
Related skills
phaser-arcade-physics, phaser-core, pixijs-rendering, threejs-gltf-loading, threejs-scene-setup