Threejs Materials Lighting
by gamedev-skillsd4b0e35550c5No license1.3K starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 11 days ago
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.
- d4b0e35550c5Currentcommit d4b0e35Published Oct 8, 2026
Source and attribution
Source:gamedev-skills/awesome-gamedev-agent-skillsinskills/web-engines/threejs-materials-lightingat commitd4b0e35
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from gamedev-skills/awesome-gamedev-agent-skills
Steam Publish
gamedev-skills
Publish or update a game on Steam with Steamworks and SteamPipe: configure depots and packages, upload builds with steamcmd, set a build live on a branch, and run the release checklists. Use for Steam publishing, app_build.vdf/steamcmd uploads, depots, beta branches, or a store page release.
Prototype Fast
gamedev-skills
Build a playable prototype in about an hour to answer one question — is it fun? — with greybox primitives, a hard timebox, and explicit keep/kill criteria. Use when prototyping a mechanic, making a vertical slice or MVP, greyboxing/blockout, or judging throwaway vs keep.
Itch Publish
gamedev-skills
Publishes and updates game builds on itch.io using the butler CLI, covering project pages, channels and versioning.
Game Jam
gamedev-skills
Plan and ship a game under a jam deadline by locking scope, scheduling hours, cutting features and submitting on time.
Threejs Scene Setup
gamedev-skills
Guides setting up a three.js scene: import maps, scene/camera/renderer, render loop, resize, and OrbitControls.
Threejs Gltf Loading
gamedev-skills
Loads glTF/GLB models in three.js with GLTFLoader and plays skinned animations via AnimationMixer.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.