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

Javascript 在three.js中反转球体的材质图像,javascript,three.js,virtual-reality,360-virtual-reality,Javascript,Three.js,Virtual Reality,360 Virtual Reality,我正在使用一个插件,在我们的视频播放器中实现360/VR视频。它通过使用Three.js创建一个球体,并拍摄视频本身,使其成为创建球体的材质。然后将视口设置在球体内部,使其具有360度视图 我遇到的问题是,材质是使用THREE.DoubleSide(THREE.BackSide)放置在球体上的(THREE.BackSide也可以,因为我们仅从球体内部查看),但是图像是反转的,因为我们从内部查看 有没有一种方法可以反转放置在球体上的图像材质?创建不反转的球形全景的一种方法是使用以下模式: var

我正在使用一个插件,在我们的视频播放器中实现360/VR视频。它通过使用Three.js创建一个球体,并拍摄视频本身,使其成为创建球体的材质。然后将视口设置在球体内部,使其具有360度视图

我遇到的问题是,材质是使用THREE.DoubleSide(THREE.BackSide)放置在球体上的(THREE.BackSide也可以,因为我们仅从球体内部查看),但是图像是反转的,因为我们从内部查看


有没有一种方法可以反转放置在球体上的图像材质?

创建不反转的球形全景的一种方法是使用以下模式:

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
,因此可以这样做


three.js r.75

这是我的当前代码:如果我添加scale.set代码,它将加载而不出错,但除了黑色外,没有显示任何内容。将更新我的代码,但我确实收到以下错误:three.SphereBufferGeometry不是当前版本的构造函数更新。如果需要,可以使用
THREE.SphereGeometry