three.js 材质与灯光

gamedev-skills/awesome-gamedev-agent-skills

选择 PBR 或无光照材质、搭建灯光、匹配阴影贴图,并使用环境光照与反射。

最近更新于:

查看 GitHub 项目
npx skills add gamedev-skills/awesome-gamedev-agent-skills
8,771Stars894Forks仓库最近推送

关于这个 Skill

选择 PBR 或无光照材质、搭建灯光、匹配阴影贴图,并使用环境光照与反射。

为什么推荐

围绕“three.js 材质与灯光”提供专项流程、实现模式与常见失败检查;按任务与对应引擎和相关系统组合使用。

适合用来做什么

  • 适合需要“three.js 材质与灯光”的游戏开发任务。

这个 Skill 帮助完成什么

选择 PBR 或无光照材质、搭建灯光、匹配阴影贴图,并使用环境光照与反射。

原始 threejs-materials-lighting 指引

上游指引中的实现模式

上游指引包含以下实现模式(使用原始英文标题):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。

原始 threejs-materials-lighting 指引

在项目中使用

  1. 检查现有项目

    描述目标行为,提供相关项目文件、引擎版本、当前问题或希望达到的结果。

  2. 应用专项指引

    选择 PBR 或无光照材质、搭建灯光、匹配阴影贴图,并使用环境光照与反射。

  3. 在对应运行环境中验证

    使用真实依赖运行项目或工作流,检查变更后的行为再验收。

原始 threejs-materials-lighting 指引引擎版本与升级政策

共享合集安装

安装包含路由的完整上游合集,并保留各技能附带的参考文件、脚本与素材。路由选择引擎和当前任务所需的最小技能组合;成员条目对应共享包中的专项入口。

命令用途与使用时机
npx skills add gamedev-skills/awesome-gamedev-agent-skills同时保留路由与配套技能目录。

上游安装指南

使用前需要了解

  • 需要安装对应 Phaser、PixiJS 或 three.js 的浏览器项目,以及本地 HTTP 服务或现有构建环境。

支持的 Agent

Claude CodeCodex CLICursorGitHub CopilotDeepSeek HarnessGemini CLIGrok BuildHermes AgentOpenCodePiKiroRovo DevQoderMistral VibeGoogle Antigravity

资料与来源

原始资料见下方链接;文中的上手建议由 SkillHey 编辑整理。