三.js轮播答案

【问题标题】：Three.js rotation三.js轮播
【发布时间】：2014-08-09 02:00:37
【问题描述】：

我正在尝试在 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) 完全可以正常工作。

其余的都出现了，但轮换全错了，不匹配。

我是否以正确的方式使用旋转？

【问题讨论】：

object.rotation 的单位是弧度，而不是度数。

标签： javascript three.js

【解决方案1】：

lookAt(camera.position);是怎么回事

【讨论】：