javascript - 在three.js中反转球体的材质图像

Question

我正在使用将 360 / VR 视频实现到我们的视频播放器中的插件。它通过使用 Three.js 创建一个球体并获取视频本身并将其作为创建球体的材料来实现这一点。然后将视口设置在球体内部以提供 360 度视图。

我遇到的问题是使用 THREE.DoubleSide 将材料放置在球体上（THREE.BackSide 也可以，因为我们只从球体内部查看它），但是图像是倒置的，因为我们是从里面看。

有没有办法反转放置在球体上的图像材料？

Answer 1

创建不倒置的球形全景图的一种方法是使用以下模式：

var geometry = new THREE.SphereBufferGeometry( 100, 32, 16 );
var material = new THREE.MeshBasicMaterial( { map: texture } );

var mesh = new THREE.Mesh( geometry, material );
mesh.scale.set( - 1, 1, 1 );
scene.add( mesh );

在 three.js 中通常不建议设置负比例值，但在这种情况下，由于您使用MeshBasicMaterial的是不使用法线的，因此可以这样做。

三.js r.75