three.js - chrome与firefox中PlaneBufferGeometry的不同方向

Question

我创建了一个示例来展示我所看到的：https ://haddons.net/threejs/chrome_firefox.html

我有一个基本模型，它将纹理加载到平面上，并拉入一些高度图数据。如果我将它加载到 chrome 中，则纹理朝向一个方向，如果我将其加载到 Firefox 中，它会旋转 180 度。

我做错了什么还是这是一个 Firefox、chrome 或three.js 错误？

标签： three.js

Answer 1

不幸的是，这是three.js( R102) 的当前版本中的一个错误。此PR将在下一个版本中修复它。

问题是如果需要调整大小，纹理会被翻转。如果您尝试将 mipmapping 与 NPOT 纹理一起使用，这种情况总是会发生。一种解决方法是像下面这样配置您的纹理，以使用 POT 纹理或 WebGL 2：

texture.minFilter = THREE.LinearFilter;