关于 threejs-lighting
threejs-lighting 是用于规划和验证 Three.js 场景光照与阴影的技能,涵盖环境光、阴影配置、性能取舍和视觉检查,并建议查阅对应版本的文档。
主要功能
- 01规划氛围与材质可读性
- 02配置环境光照
- 03调整阴影覆盖范围与偏差
- 04选择烘焙或动态光照
- 05检查瑕疵与设备开销
适用场景
- 01为 PBR 对象设置光照
- 02减少阴影瑕疵
- 03评估目标设备上的阴影开销
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ cesartevisual/ threejs-skills --skill threejs-lighting安装后在 Claude Code 中输入/threejs-lighting确认已加载。
详细介绍
光照与阴影
使用项目中已安装的版本和现有架构。这些说明用于补充用户的任务,不授权进行无关更改或外部操作。
添加灯光前,先确定预期氛围,并确保材质清晰可辨。对于 PBR 对象,测试环境光照与受控主光的组合。金属表面需要反射周围环境;提高环境光强度无法替代有意义的反射效果。
根据渲染器和版本,使用恰当的环境预处理与映射方式。确定背景和照明是否共用一张图像。释放自己拥有的预处理资源和已替换的环境,但不要释放共享的加载器缓存条目。
仅在必要的灯光和对象上启用阴影。提高贴图分辨率前,先收紧方向光和聚光灯的阴影覆盖范围。使用辅助对象检查阴影相机;根据场景比例调整偏差和法线偏差。偏差过大会导致接触阴影脱离物体。点光源阴影需要多个视角,且开销可能很高。
对于动态灯光价值不大的静态场景,选择烘焙光照。对于受支持的静态布置,让阴影按需更新。仅在交互过程中仍然可信时,才添加接触阴影近似效果。
检查阴影痤疮、脚部脱离地面、薄表面、在阴影视锥边缘移动的对象、暗色金属表面和纹理接缝。在目标设备上比较有无阴影时的场景效果,再决定是否接受其开销。
API 参考
有关准确的签名和特定版本的行为,请参阅官方文档。如果无法访问文档,请检查已安装的类型定义或源代码,并说明仍存在哪些不确定之处。
评论
支持 Markdown