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を使用しているので、これを行うことはOKです。

ここthree.js r.75