Three.jsオブジェクトをtranslateZなしで前方に移動

Question

他の同様の質問と同様、オブジェクトをその回転に基づいてthree.jsに移動したいと思います。違いは、object.translateZは使用できません。これは物理シミュレータを使用しているためです。そのようなオブジェクトを更新すると混乱します。ここに私の問題のfiddleの例がある。私のフィドルで遊んで、あなたの答えにあなたの更新版を加えてください。

mesh.rotation.yに基づいてmesh.position.xとmesh.position.zを更新することで、キューブを前進させたいと思います。

mesh.rotation.yを使用してアクセスすると、時々three.jsローテーションがちょっと変わったことに気づくことがあります。

ありがとうございます！

function animate() { 
     mesh.position.x += 0.1; 
     requestAnimationFrame(animate); 
     renderer.render(scene, camera); 
    } 

をこのコード例は増加します：次のように、単にあなたに行くためにあなたのメッシュが代わりにinit関数の（）関数をアニメーション化したい位置の値を増加例をごメッシュを移動するには

Answer 1

メッシュを移動する方向を取得するには、mesh.getWorldDirection（）を使用することをお勧めします。次に、スカラーで乗算して移動速度を調整することができます。

direction = mesh.getWorldDirection(); 

mesh.position.add(direction.multiplyScalar(moveSpeed)); 

フィドル：https://jsfiddle.net/k1swrxjr/1/

幸運！

Answer 2

animate（）が実行されるたびにメッシュのx位置を0.1回転させます。