Question

我可以通过使用以下方法设置键控制来更改对象旋转方向：

 case 37:
      scene.rotation.x -= 0.01;
      break
 case 38:
      scene.rotation.z -= 0.01
      break

但这里的旋转是离散的，这意味着如果我停止按键盘，我的场景也将停止旋转。我知道我可以在渲染函数中设置requestAnimationFrame并指定旋转方向来制作动画。如何根据键盘输入更改旋转方向并仍然保持动画？

Answer 1

0）必须存储物体的旋转速度：

mesh.rotSpeed = { x: 0, y: 0};

1）通过单击改变围绕相应轴的旋转速度所需的箭头：

switch (e.keyCode){
    case 37:
      mesh.rotSpeed.x += 0.01;
      break;
    case 39:
      mesh.rotSpeed.x -= 0.01;
      break;               
    case 38:
      mesh.rotSpeed.y +=0.01;
      break;
    case 40:
      mesh.rotSpeed.y -=0.01;
      break;                
}

2）在动画循环中，以所需速度围绕轴旋转对象：

mesh.rotation.x += mesh.rotSpeed.x;
mesh.rotation.y += mesh.rotSpeed.y;

JSFiddle

基于键盘threejs更改对象旋转动画方向

1 个答案: