こんばんは、次男がいまだにおむつが取れずに家計がピンチな@kjunichiです。

背景

子供たちとくるまのゲームを作ろうとWebベースで進めている。

先日、ようやく物理エンジンを導入したところ、自車のやや後ろから眺めた視点からのカメラの指定方法で苦戦した。

自車のやや後方からの視点を実現するには

Three.jsのObject3D.localToWorldの動きを誤解していた。これ呼び出すとObject3Dの位置が変更される模様。これで、これまでのカメラ画像がたまに乱れるのが、Ammo.jsのバグではなく、俺のコードだったっぽい。
— kjunichi (@kjunichi) 2018年1月20日

const campos = new THREE.Vector3();

// ...

campos.set(0, 2, -6.5);
const q = chassisMesh.getWorldQuaternion();
campos.applyQuaternion(q);
campos.add(chassisMesh.position);
camera.position.copy(campos);
camera.lookAt(chassisMesh.position);

Object3D#getWorldQuaternionで自車のメッシュからクォータニオンをワールド座標系で取得できる。このクォータニオンを自車の後方を指すベクトルに適用し、適用後のベクトルを自車の位置ベクトルに加えることでカメラの位置ベクトルが算出できる。カメラのターゲットは自社の位置ベクトルにして完成。