ようやくJavaScriptで物理エンジンつかってオリジナルのコードが動かせつつある

この記事は@kjunichiの2017年パーソナルアドベントカレンダーの13日目の記事です 。

ammo.jsでやってる

WASM版もあるので、古くてあたらいい感じのするammo.js

この記事の話は、ammo.jsの車のサンプルコードをベースにしている。

github.com

Tips

JSONで読み込んだモデルの複製

geom,materialを保持して起き、 オブジェクトごとにnew THREE.Meshする必要がある。 これ、Three.jsネタかｗ

               function createChassisMesh(w, l, h) {
                    const mesh = new THREE.Mesh(bodyGeom, bodyMat);

                    mesh.rotation.y=Math.PI;
                    const root = new THREE.Object3D();
                    mesh.scale.x=1.5;
                    mesh.scale.y=1.5;
                    mesh.scale.z=1.5;
                    root.add(mesh);
            

                    scene.add(root);
                    return root;
                }

前後のホイールベースやトレッド調整

ammo.jsのRaycast Vehicleのパラメータの調整のはなし。

以下のパラメータを調整することで、サイズを合わせたタイヤ＆ホイールがいい感じに 配置された。

const wheelAxisPositionBack = -1.70;
const wheelAxisFrontPosition = 1.5;
const wheelHalfTrackBack = 1.1;
const wheelHalfTrackFront = 1;

関連記事

• Three.jsでexamplesの高級車たちをblenderにExportしたが残念な結果に
• gopherくんのjsonデータがthree.jsのr85以降表示されなくてはまったjsonデータがthree.jsのr85以降表示されなくてはまった
• Ammo.jsのbtRaycastVehicleを基準にしたThree.jsのカメラの指定ではまった件

13年前の記事

• SH901iC

12年前の記事

• これだけでXbox360をS2110Wにつなげます

5年前の記事

• cloud9 IDEのコンパイルが出来なくなった場合の対処

3年前の記事

• 俺がroot権限のない不自由なサーバーへファイル転送する場合

2年前の記事

• ElectronはHTTP2が喋れないのか？

1年前の記事

• 2016年の俺のBlender学習の進捗