Invertieren Sie das Bild der Kugel in three.js

Question

Ich verwende ein Plugin, das 360/VR-Video in unseren Video-Player implementiert. Dazu verwendet man Three.js, um eine Sphäre zu erstellen und das Video selbst zu dem Material zu machen, aus dem die Sphäre erschaffen wurde. Das Ansichtsfenster wird dann innerhalb der Kugel positioniert, um die 360-Grad-Ansicht zu erhalten.

Das Problem, das ich renne ist, dass das Material auf der Kugel mit THREE.DoubleSide (THREE.BackSide würde auch funktionieren, da wir es nur von der Innenseite der Kugel anzeigen), aber das Bild ist invertiert, da wir es von innen betrachten.

Gibt es eine Möglichkeit, das Bildmaterial, das auf der Kugel platziert ist, umzukehren?

Answer 1

Eine Möglichkeit, ein sphärisches Panorama zu schaffen, das nicht invertiert wird, ist dieses Muster zu verwenden:

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); 

es im Allgemeinen nicht ratsam ist negativ Skalenwerte in three.js zu setzen, aber in diesem Fall, Da Sie MeshBasicMaterial verwenden, die keine Normalen verwendet, ist es in Ordnung, dies zu tun.

three.js r.75