三个js轨迹球控制 - 手动旋转

时间:2014-11-05 11:54:52

标签: javascript three.js

我在three.js中遇到了trackballControls的问题。我想手动旋转和定位相机。这是测试功能。

function rotateTest(){
    console.log(camera.rotation) // THREE.Euler {_x: 0, _y: 0.7853981462831776, _z: 0, _order: "XYZ", onChangeCallback: function…}

    camera.rotateZ(1);
    console.log(camera.rotation) // THREE.Euler {_x: 7.850462316470535e-17, _y: 0.7853981462831774, _z: 1, _order: "XYZ", onChangeCallback: function…} 
}

对象旋转似乎已更改,但实际上未发生任何更改。有人可以帮帮我。

谢谢,

1 个答案:

答案 0 :(得分:0)

您可以先创建一个立方体并对其进行聚焦。

移动立方体时可以旋转相机

cube = new THREE.Mesh(new THREE.BoxGeometry(10,10,10), new THREE.MeshPhongMaterial({color: 0x123876}));
camera.lookAt(cube);
//rotate: use cube.position.x++;
//camera: use camera.position.x++;

仍然可以使用trackBall。 如果你想要一些相机倾斜效果,请观看这​​个三个例子。

http://threejs.org/examples/#webgl_particles_billboards