如何水平翻转Three.js纹理

Question

我正在制作一个360度观看者,所以纹理在圆柱体内.问题是它们看起来是水平倒置的.

我知道texture.flipY,但我还没有找到一个texture.flipX对的来源.

那么如何直接在代码中水平或沿x轴翻转纹理呢？(不使用图像编辑器)

Answer 1

要水平翻转纹理,您可以执行以下操作:

texture.wrapS = THREE.RepeatWrapping;
texture.repeat.x = - 1;

正如评论中所提到的,这种方法要求纹理的大小为2的幂.

three.js r.87

Answer 2

答案比我想的要容易。

cylinder.scale.x = -1;

并且不要忘记添加

material.side = THREE.DoubleSide;