Question

我有一个立方体，我想通过键盘输入在3D空间中绕自己的轴旋转。立方体仍围绕世界轴旋转。

这是我的代码：

var rotation_matrix_y, rotation_matrix_x, rotation_matrix_z;

var geometry = new THREE.CubeGeometry(1,1,1);
var material = new THREE.MeshBasicMaterial({color: 0x00ff00, wireframe: true});
var cube = new THREE.Mesh(geometry, material);
var axisHelper = new THREE.AxisHelper( 5 );

cube.add( axisHelper );
scene.add(cube);
cube.rotation.set(0, 0, 0);
cube.matrix.makeRotationFromEuler(cube.rotation);

var render = function () {
document.addEventListener("keydown", onKeyDown, false);

    function onKeyDown(e) {                 
        // W - up
    if (e.keyCode == 87) {
        rotation_matrix_x = new THREE.Matrix4().makeRotationX(.0001);
    cube.applyMatrix(rotation_matrix_x);
        }               
    // S - down
    if (e.keyCode == 83) {
    rotation_matrix_x = new THREE.Matrix4().makeRotationX(-0.0001);
    cube.applyMatrix(rotation_matrix_x);
    }
        // D - right
    if (e.keyCode == 68) {
    rotation_matrix_y = new THREE.Matrix4().makeRotationY(-0.0001);
    cube.applyMatrix(rotation_matrix_y);
        }
        // A - left
    if (e.keyCode == 65) {
    rotation_matrix_y = new THREE.Matrix4().makeRotationY(0.0001);
    cube.applyMatrix(rotation_matrix_y);
        }

        requestAnimationFrame(render);

        stats.update();
    renderer.render(scene, camera); 
};

有几个类似于这个的问题，但它们似乎都已过时，并且一些方法已被弃用。

Answer 1

在自己的x轴上旋转对象的简单方法如下：

object.rotateX( radians );

还有object.rotateY( radians );和object.rotateZ( radians );

three.js r.66

为什么这个立方体不绕自己的轴旋转？

1 个答案: