three.js Materials & Lighting

gamedev-skills/awesome-gamedev-agent-skills

Choose PBR or unlit materials, build light rigs, fit shadow maps, and use environment lighting and reflections.

Contenu mis à jour:

Voir sur GitHub
npx skills add gamedev-skills/awesome-gamedev-agent-skills
8 771Étoiles894ForksDernier push du dépôt

À propos de ce Skill

Choose PBR or unlit materials, build light rigs, fit shadow maps, and use environment lighting and reflections.

Pourquoi ce choix

Provides a focused workflow, implementation patterns, and common failure checks for three.js materials & lighting. Pair it with the detected engine and any related systems required by the task.

À quoi il sert

  • Use when your game task needs three.js materials & lighting.

What this skill helps you build

Choose PBR or unlit materials, build light rigs, fit shadow maps, and use environment lighting and reflections.

Original threejs-materials-lighting instructions

Patterns in the upstream playbook

The entrypoint covers: PBR material under a 3-light rig; Unlit material (no light needed); Shadows (the three required switches + camera fit); PBR textures on a material; Image-based lighting from an HDR environment.

Original threejs-materials-lighting instructions

Use it in your project

  1. Inspect the existing project

    Describe the desired behavior and share the relevant project files, engine version, and current failure or target result.

  2. Apply the focused playbook

    Choose PBR or unlit materials, build light rigs, fit shadow maps, and use environment lighting and reflections.

  3. Verify in the matching runtime

    Run the project or workflow with its actual dependencies and check the changed behavior before accepting the result.

Original threejs-materials-lighting instructionsEngine versions and upgrade policy

Shared collection installation

Install the complete upstream collection with its router and keep each skill’s bundled references, scripts, and assets. The dispatcher selects an engine and the smallest relevant task set; a member listing is a focused entry into that shared package.

CommandeÀ quoi elle sert
npx skills add gamedev-skills/awesome-gamedev-agent-skillsKeep the router and supporting skill folders available together.

Upstream installation guide

Avant de l’utiliser

  • A browser project with the matching Phaser, PixiJS, or three.js dependency and a local HTTP server or existing build setup.

Agents compatibles

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

Sources et références

Les sources originales sont liées ci-dessous. Les pistes pratiques sont des suggestions de la rédaction de SkillHey.