A-Frame项目光照系统升级：从传统模式到物理正确光照

背景介绍

A-Frame作为基于Three.js的WebVR框架，在升级到Three.js r165版本后，光照系统发生了重大变化。Three.js移除了WebGLRenderer.useLegacyLights属性，这意味着所有光照计算将强制使用物理正确的光照模型（physicallyCorrectLights=true）。这一变化导致默认场景看起来比之前版本暗很多。

技术变更细节

移除的API

在Three.js r165版本中，WebGLRenderer.useLegacyLights属性被完全移除，这意味着开发者无法再选择使用传统的光照计算方式。A-Frame中对应的renderer.physicallyCorrectLights属性也随之变得无效，因为光照计算现在总是基于物理模型。

光照强度调整

物理正确光照模型与旧版光照模型的主要区别在于光照强度的计算方式。在物理模型中，环境光(AmbientLight)、半球光(HemisphereLight)、方向光(DirectionalLight)和光照贴图(LightMap)的强度需要乘以π(约3.1416)才能达到与传统模型相似的视觉效果。

衰减参数标准化

物理正确光照模型还要求使用标准的光衰减参数：

1. 点光源(PointLight)和聚光灯(SpotLight)的衰减(decay)值应保持默认值2
2. 场景应采用真实世界比例（1单位=1米）

A-Frame的应对方案

A-Frame团队采取了以下措施来平滑过渡到物理正确光照模型：

1. 移除废弃属性：完全移除了renderer.physicallyCorrectLights属性，因为该设置已不再有意义。

2. 调整默认光照：更新了A-Frame的默认光照设置，通过调整光照强度来尽可能接近旧版视觉效果。

3. 环境组件更新：对环境组件(environment component)中的所有预设光照强度进行了相应调整。

4. 文档更新：在1.7.0版本的变更说明中明确记录了这一重大变更，提醒开发者需要调整自己的光照设置。

开发者注意事项

对于使用A-Frame的开发者来说，升级到支持Three.js r165及更高版本的A-Frame时需要注意：

1. 现有项目中的光照可能需要重新调整，特别是自定义光照设置。

2. 点光源和聚光灯的衰减参数应保持默认值2，除非有特殊需求。

3. 场景比例应尽量接近真实世界比例（1单位=1米）以获得最佳效果。

4. 如果从旧版本迁移，可能需要将环境光、半球光等的光照强度乘以π来保持相似的视觉效果。

总结

这次光照系统的升级是A-Frame向更真实、更物理准确的渲染迈出的重要一步。虽然带来了短暂的兼容性挑战，但从长远来看，这将使A-Frame项目的光照效果更加真实可靠，与其他现代3D引擎保持一致。开发者需要理解这些变化背后的原理，才能更好地利用新的光照系统创造出更逼真的VR体验。