2024-08-07
#vr 
物体が落ちる。
物体同士がぶつかると跳ね返る。
現実での当たり前をコンピューターの世界に持ち込むのが物理シミュレーション。

3次元物理シミュレーションエンジン、cannon.jsのESモジュール版、cannon-esを使ったシンプルなARアプリをつくりました。egxr.jsに手を加え、Vision Proにも対応。メニュー表示中はVision ProでもARで体験できます。


「boxes100」
src on ss.sabae.cc
1.5m先、3m上空から300ミリ秒ごとに箱が生成され、次々と落ちてきます。CANNONとTHREEを組み合わせるシンプルな例です。



cannon.jsをフォークしたcanon-es/code4fukuiでは、コンパクトなESモジュールファイルをつくるビルドコマンド min/package.json を追加して、GitHub Pagesでimportで利用できるようにしています。 import * as CANNON from "https://code4fukui.github.io/cannon-es/dist/cannon-es.min.js"; なので、ES-Jamからもサクッと使えるようになって便利です!

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS