我正在尝试在Three.js中创建一个简单的多分辨率全景图。
我有立方投影与此工作:
mesh = new THREE.Mesh(new THREE.BoxGeometry(512, 512, 512, 20, 20, 10,10), new THREE.MeshFaceMaterial(materials));
mesh.scale.x = -1;
scene.add(mesh);
我将图块添加到父对象,并且尝试获取多维数据集的面以与背景框匹配。
var face_b = new THREE.Object3D();
face_b.position.z = -511;
scene.add(face_b);
var face_f = new THREE.Object3D();
face_f.position.z = 511;
face_f.rotation.y = -180;
scene.add(face_f);
var face_l = new THREE.Object3D();
face_l.position.z = 0;
face_l.position.x = 512;
face_l.rotation.y = -90;
scene.add(face_l);
var face_r = new THREE.Object3D();
face_r.position.x = -512;
face_r.position.z = 0;
face_r.rotation.y = 90;
scene.add(face_r);
var face_u = new THREE.Object3D();
face_u.position.z = -511;
//scene.add(face_u);
var face_d = new THREE.Object3D();
face_d.position.z = -511;
//scene.add(face_d);
背面(b)完全可以正常工作。
它们的其余部分出现了,但是旋转都错了,并且不匹配。
我使用正确的旋转方式吗?
lookAt(camera.position); 是什么
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句