Hey,
Ich habe ein Problem.. und zwar würde ich gerne für Google Cardboard / Gear VR eine kleine 3D Umgebung bauen.
Dafür gibt es von Google ein Beispiel das in HTML5 in Verbindung mit der Three.js aufgebaut ist.
Mein Problem hierbei ist nun leider, das egal was ich versuche.. die Perspektive wirkt als würde ich selbst oder
Objekte über dem Boden schweben obwohl sie genau auf dem Boden stehen. Ich bekomme es einfach nicht
hin das ganze Perspektivisch so anzuordnen, das es mit Brille auf "normal" wirkt.. also als würde man ganz normal auf dem Boden stehen.

Ich nutze hierfür das Example von https://vr.chromeexperiments.com/.
Ich füge in dieses Example ganz simpel einen Würfel ein, jedoch wirkt es immer als würde er in der Luft schweben.




Code für den Würfel:

Code:
var texture = THREE.ImageUtils.loadTexture('img/box.jpg');
texture.wrapS = THREE.RepeatWrapping;
texture.wrapT = THREE.RepeatWrapping;
texture.repeat.set(1,1);
texture.anisotropy = renderer.getMaxAnisotropy();
      
var boxy = new THREE.MeshPhongMaterial({
color: 0xffffff,
specular: 0xffffff,
shininess: 0,
shading: THREE.FlatShading,
map: texture
});

cube = new THREE.Mesh( new THREE.BoxGeometry(10,10,10), boxy );
cube.position.x = 15;
cube.position.y = 5;
cube.position.z = 7;

scene.add( cube );
Weiß jemand wie ich das Problem mit der Perspektive fixen könnte?
Ich habe bereits versucht den Würfel + Boden kleiner zu machen, allerdings funktionieren dann die StereoEffect.js Aspekte nicht mehr.
Wäre für eine Hilfe extrem Dankbar!

grüße