用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(); 
} 

這個例子旋轉立方體，如果您想圍繞多維數據集旋轉攝像頭，事件監聽器中的代碼將會不同，但監聽器的連接方式將保持不變。