{"slug":"gamedev-skills-threejs-materials-lighting","source_name":"gamedev-skills/threejs-materials-lighting","name":"Gamedev Skills/Threejs Materials Lighting","description":"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.","version":1,"lift":{"pass_rate_delta_pts":9.09,"pass_rate_pct":100,"total_cases":22,"passed_cases":22,"tokens_delta_pct":80.9,"turns_delta_pct":0,"verdict":"pass","benchmark_model":"gemini-3.6-flash","grading_method":"judged","completed_at":"2026-09-04T00:22:38.441710+00:00"},"skill_score":1,"benchmark_models":[{"model":"gemini-3.6-flash","headline":true,"delta_pts":9.09,"with_pass_pct":100,"without_pass_pct":90.9,"tokens_delta_pct":80.9,"turns_delta_pct":0,"total_cases":22,"cases_aggregated":22,"verdict":"pass","never_hurt":true,"completed_at":"2026-09-04T00:22:38.441710+00:00","run_id":"99490c87-bf76-4714-a491-8b8e1768c3d3","version_number":1,"is_latest_version":true,"gate":null}],"trust":{"skill_safety":"passed","safety_status":"clean","intent_verdict":"safe","content_status":"clean","indexable":true},"license":"Apache-2.0","install_count":1,"manifest_hash":"a2ab938c2f445636c14d43ff0ab52c0456e9df402acb0bbd2e9fbbbbfb625e16","raw_url":"https://app.decimal.ai/s/gamedev-skills-threejs-materials-lighting/SKILL.md","scorecard_url":"https://app.decimal.ai/skills/gamedev-skills-threejs-materials-lighting"}