Aframe 球形环境地图模糊

Aframe 球形环境地图模糊,aframe,three.js,Aframe,Three.js,我从球体上看起来很锐利的地方,拍摄了一张等矩形环境贴图 如果使用以下参数将相同材质加载到场景中 material=“球形环境贴图:/assets/models/1/envtest.jpeg;粗糙度:0;金属度:1” 它看起来像这样模糊 我做错了什么 通过故障再现的示例: 设置故障时,我注意到: 使用帧1.0.3时,图像模糊 使用Aframe 1.2.0无论我做什么,它都会保持黑色 发生这种情况是因为您在代码中使用了PBR材质,因为a-Frame的默认材质为。意思是试图呈现物理上正确的材质。

我从球体上看起来很锐利的地方,拍摄了一张
等矩形环境贴图

如果使用以下参数将相同材质加载到场景中

material=“球形环境贴图:/assets/models/1/envtest.jpeg;粗糙度:0;金属度:1”
它看起来像这样模糊

我做错了什么

通过故障再现的示例:

设置故障时,我注意到:

  • 使用帧1.0.3时,图像模糊
  • 使用
    Aframe 1.2.0
    无论我做什么,它都会保持黑色

发生这种情况是因为您在代码中使用了PBR材质,因为a-Frame的默认材质为。意思是试图呈现物理上正确的材质。官方的
three.js
示例使用的不是PBR材料。这两种材质实现环境贴图的方式不同


使用PBR材质时,建议使用HDR环境贴图,该贴图也使用
PMREMGenerator
进行预处理,如本例所示:

谢谢!我不知道如何在中实现
PREMGenerator
。我确实有一个
.hdr
文件可用于环境,但是在使用
球形环境映射时,它根本没有加载(也没有错误消息)。不幸的是,几乎没有关于这方面的文档,我感谢任何提示!您可以尝试(应用MeshLambertMaterial),或仅使用
entity.getObject3D(“mesh”).material
引用应用任何“原始”三种材质(如中)。