Three.js 移動と回転を使って車でカーブしたい

Question

Three.jsを用いて、車（読み込んだobj）を直進・右折・左折させたいです。

現在、設定したキーボードを押して、rotationで車の角度は変わるのですが、その後、positionで前進させると車体が傾いたまま前に動いてしまいます。

角度を変えた後も、車体の向いている方向にまっすぐ進むようにしたいです。

また、positionやrotationを使わなくてもできる方法などあれば回答していただけると、とても助かります。よろしくお願いします。

var keydown={w:true,s:true,a:true,d:true};
        function onKeyDown ( event ) {
        switch( event.keyCode ) {
        //case 38: /*前進*/
        case 87: /*W*/ 	keydown.w = car.position.z += -5; break;
        //case 40: /*後進*/
        case 83: /*S*/ 	keydown.s = car.position.z += 5; break;
        //case 37: /*左折*/
        case 65: /*A*/  keydown.a = car.rotation.y += 0.1; break;
        //case 39: /*右折*/
        case 68: /*D*/  keydown.d = car.rotation.y += -0.1; break;

Comments

[ozwk]

コード貼ってください

Answer 1

現在の方向にかかわらず常にz軸方向にしか動かないようにコーディングされています。
前後退処理に、現在の車の方向を加味して移動するように修正しましょう。
三角関数とベクトルの基本的な知識が必要です。

Comments

[snow]

回答ありがとうございます。色々なものを参考にしつつ、勉強してみます。