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

この例では、キューブを回転させ、立方体の周りをカメラを回転させたい場合、イベントリスナーのコードは異なりますが、リスナーの取り付け方法は変わりません。