SuperAPI AI 工具集

threejs-impl-shadows

测试与质量

查看项目

更新于 10-15 22:18

技能介绍

用途:帮助在 Three.js 场景中正确启用阴影,并排查阴影痤疮、悬浮(peter panning)、分辨率过低等常见阴影问题。

主要能力:说明阴影需三项显式开启步骤——renderer.shadowMap.enabled = true、light.castShadow = true、以及网格的 mesh.castShadow / ground.receiveShadow;对比 BasicShadowMap、PCFShadowMap(r160+ 默认)、PCFSoftShadowMap、VSMShadowMap 的质量、开销与对 shadow.radius 的支持;给出 DirectionalLight、SpotLight、PointLight 的阴影配置方式,并强调平行光需手动设置正交视锥、PointLight 阴影每帧渲染 6 个立方体面、应优先用 SpotLight;提供用 CameraHelper 可视化视锥、各类伪影的诊断流程,以及静态阴影优化(关闭 shadowMap.autoUpdate)。

使用方式:按三步开启阴影,设置 shadow.mapSize 为 2 的幂,手动调整平行光阴影相机参数与 bias,必要时使用 CameraHelper 调试。用 renderer.info.render.calls 检查阴影渲染开销。

适用场景:Three.js 场景阴影启用、调试与性能优化。

限制:未提供该技能的具体安装方式与版本兼容细节;性能建议仅为经验性指引,实际需按场景验证。