使用键盘键在three.js中旋转立方体

Question

如何使用键盘键旋转立方体对象？

Answer 1

HERE是使用箭头键旋转立方体的示例 你要注意的主要部分是..

添加关键事件监听器：

document.body.addEventListener('keydown', keyPressed);

响应键盘事件：

function keyPressed(e){
  switch(e.key) {
    case 'ArrowUp':
        mesh.rotateX(-0.1);
        break;
    case 'ArrowDown':
        mesh.rotateX(0.1);
        break;
    case 'ArrowLeft':
        mesh.rotateY(-0.1);
        break;
    case 'ArrowRight':
        mesh.rotateY(0.1);
        break;
  }
  e.preventDefault();
  render();
}

此示例旋转多维数据集，如果您想围绕多维数据集旋转相机，则事件侦听器中的代码会有所不同，但侦听器的连接方式将保持不变。