在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不使用法线，因此可以这样做。

three.js r.75