球形环境贴图模糊
Spherical environment map blurry
我从 three.js docs sample 中取出了一个 equirectangular envMap，它在球体上看起来很锋利。
如果我使用以下参数将相同的 material 加载到我的 aframe 场景中
material="spherical-env-map: /assets/models/1/envtest.jpeg; roughness: 0; metalness: 1"
看起来像这样模糊
我做错了什么？
通过故障重现的例子：https://glitch.com/edit/#!/sepia-forest-keyboard
我在设置故障时注意到的：
- 使用
Aframe 1.0.3它很模糊
- 使用
Aframe 1.2.0无论我做什么它都保持黑色
发生这种情况是因为您在代码中使用了 PBR material，因为 A 帧的默认 material 是 MeshStandardMaterial. Meaning a material that tries to render physically correct. The official three.js example uses MeshLambertMaterial，这不是 PBR material。两种类型的 material 实现环境映射的方式不同。
使用 PBR material 时，建议使用同样使用 PMREMGenerator 预处理的 HDR 环境贴图，如本例所示：https://threejs.org/examples/webgl_loader_gltf
我从 three.js docs sample 中取出了一个 equirectangular envMap，它在球体上看起来很锋利。
如果我使用以下参数将相同的 material 加载到我的 aframe 场景中
material="spherical-env-map: /assets/models/1/envtest.jpeg; roughness: 0; metalness: 1"
看起来像这样模糊
我做错了什么？
通过故障重现的例子：https://glitch.com/edit/#!/sepia-forest-keyboard
我在设置故障时注意到的：
- 使用
Aframe 1.0.3它很模糊 - 使用
Aframe 1.2.0无论我做什么它都保持黑色
发生这种情况是因为您在代码中使用了 PBR material，因为 A 帧的默认 material 是 MeshStandardMaterial. Meaning a material that tries to render physically correct. The official three.js example uses MeshLambertMaterial，这不是 PBR material。两种类型的 material 实现环境映射的方式不同。
使用 PBR material 时，建议使用同样使用 PMREMGenerator 预处理的 HDR 环境贴图，如本例所示：https://threejs.org/examples/webgl_loader_gltf