mcpField
T
threejs-lighting

threejs-lighting

github.com/cesartevisual开发11385 次安装7 周前更新
代码仓库

关于 threejs-lighting

threejs-lighting 是用于规划和验证 Three.js 场景光照与阴影的技能,涵盖环境光、阴影配置、性能取舍和视觉检查,并建议查阅对应版本的文档。

主要功能

  1. 01规划氛围与材质可读性
  2. 02配置环境光照
  3. 03调整阴影覆盖范围与偏差
  4. 04选择烘焙或动态光照
  5. 05检查瑕疵与设备开销

适用场景

  1. 01为 PBR 对象设置光照
  2. 02减少阴影瑕疵
  3. 03评估目标设备上的阴影开销

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/cesartevisual/threejs-skills --skill threejs-lighting

安装后在 Claude Code 中输入/threejs-lighting确认已加载。

详细介绍

光照与阴影

使用项目中已安装的版本和现有架构。这些说明用于补充用户的任务,不授权进行无关更改或外部操作。

添加灯光前,先确定预期氛围,并确保材质清晰可辨。对于 PBR 对象,测试环境光照与受控主光的组合。金属表面需要反射周围环境;提高环境光强度无法替代有意义的反射效果。

根据渲染器和版本,使用恰当的环境预处理与映射方式。确定背景和照明是否共用一张图像。释放自己拥有的预处理资源和已替换的环境,但不要释放共享的加载器缓存条目。

仅在必要的灯光和对象上启用阴影。提高贴图分辨率前,先收紧方向光和聚光灯的阴影覆盖范围。使用辅助对象检查阴影相机;根据场景比例调整偏差和法线偏差。偏差过大会导致接触阴影脱离物体。点光源阴影需要多个视角,且开销可能很高。

对于动态灯光价值不大的静态场景,选择烘焙光照。对于受支持的静态布置,让阴影按需更新。仅在交互过程中仍然可信时,才添加接触阴影近似效果。

检查阴影痤疮、脚部脱离地面、薄表面、在阴影视锥边缘移动的对象、暗色金属表面和纹理接缝。在目标设备上比较有无阴影时的场景效果,再决定是否接受其开销。

API 参考

有关准确的签名和特定版本的行为,请参阅官方文档。如果无法访问文档,请检查已安装的类型定义或源代码,并说明仍存在哪些不确定之处。

评论

支持 Markdown