THREE.js等矩形纹理/渲染质量问题

时间:2018-06-30 07:49:44

标签: javascript three.js panoramas

因此,将等矩形纹理的渲染质量设置为THREE.js中的立方体时,我遇到了一个问题。我已经与Roundme进行了并行比较,并且注意到从我的测试中得出的渲染质量明显低于Roundme。

出于本练习的目的,我将指向我发现的here这个示例代码,该代码允许为方便起见将等矩形图像渲染到THREE.js中的立方体上。这就是我用来进行质量测试的目的,试图确定问题所在。

下面是两个示例的并排比较,左边是THREE.js代码,右边是Roundme。如您所见,质量存在差异,并且几乎看起来THREE.js纹理变得模糊了。在Roundme版本中,墙上的黑线更加明显和清晰。将输出与实际图像本身进行比较,表明Roundme更类似于原始图像,这使我相信THREE.js中的某些内容会导致质量下降

Quality Comparison

我尝试了以下方法来解决此问题:

  1. 设置纹理各向异性设置
  2. 设置纹理minFilter和magFilter(各种组合)。

起初,我以为Roundme可能在上传图像时对图像做了一些处理,但这似乎是THREE.js中遇到的一个问题。希望在这里的某个地方可以阐明发生这种情况的原因。

为简便起见,我已将全景图上传到Roundme进行比较并发布了导览,您可以here找到它

此外,可以在here

中找到带有水印的全景图像本身

任何帮助将不胜感激。

0 个答案:

没有答案