● pile-park · physics sandbox
matter.js でブラウザだけで動く 2D 物理サンドボックス。 形を選んでクリックで落とす、 ドラッグで掴んで投げる、 重力を月や無重力に 切替える — 物理エンジンの楽しさを 設定不要・サインアップ不要・完全無料 で。 プリセット 4 種 (タワー / 振り子 / 鎖 / ピンボール) も用意。
[ ./how_it_works ]
step / 01
上のツールバーで 円 / 矩形 / 三角 / 五角形 を選び、 キャンバスをクリックするとその位置から物体が降ってくる。 サイズはランダム、 カラーも玩具パレットからランダム。
step / 02
重力を Earth (1G) / Moon (0.17G) / Zero G (無重力) / 反転 (上に落ちる) に切替。 プリセットは Tower (タワー) / Pendulum (振り子) / Chain (鎖) / Pinball (ピンボール) / Empty (空)。 物理エンジンの違いを直感で味わえる。
step / 03
物体をマウスでドラッグすると掴んで動かせる。 勢いをつけて離せば飛ぶ。 ⚡ シェイク で全物体にランダム力を加え、 ✕ 全消去 / ⟳ プリセット復元 でリセット可。
[ ./faq ]
JavaScript で書かれた 2D 物理エンジンのオープンソースライブラリです (MIT ライセンス)。 剛体力学 + 衝突 + 制約 (constraint) を扱え、 ブラウザだけで物理シミュレーションが動かせます。 本ツールは matter.js v0.20 を使い、 描画は自前 Canvas 2D で玩具っぽい visual を当てています。
Tower (6 × 7 ブロックの小さなレンガタワー) / Pendulum (3 つの振り子、 最初の 1 つは持ち上げ位置) / Chain (12 連のリンクが 2 本垂れ下がる) / Pinball (28 個の peg = ピンが格子配置) / Empty (空のキャンバスから自分で組む)。 5 つから選択。
v1 では peg (ピン) だけ配置していて、 ボールは自分で形を選んで落とす形です。 円形を落とすと peg にぶつかって弾みます。 ターゲット / フリッパーは IMPROVE で。
リアルタイムに反映されます。 Earth → Moon に切替えると今飛んでる物体もゆっくり落ちるようになり、 Zero G では浮かびます。 反転にすると上向きに落ちる (= 天井に積み上がる) 挙動になります。
物理計算 + 描画 + 入力処理はすべてブラウザ内で完結します。 サーバー往復は静的アセット (HTML / JS / CSS) の取得のみ。 物体の状態 / 操作ログ等はサーバーに送られません。 サインアップ不要、 完全無料。
ai-lab.org の シミュレーター thesis 枠の 1本目 (charter 8 thesis 枠で、 incident-sim は障害対応シミュ = 別領域なので別扱い)。 計算ツール (CoinStack / RoofFund) / 占い (FateNum) / データ可視化 (WikiOrbit) / ジェネレーター (TypeForge) / インタラクティブ学習 (ToneQuest) / on-device ML 14本 とは別 thesis。