2D PHYSICS ENGINE FOR THE WEB

物理エンジンって、
こんなに面白い

Matter.js は、ブラウザだけで動く軽量な2D物理エンジン。落下・衝突・振り子・ゼリー・破壊まで、「触って分かる」11の実演でその実力を体感してください。

↑ この背景の図形もドラッグで動かせます

PLAYGROUND

触って分かる、11の実演

0 FPS
drag to play

ABOUT MATTER.JS

できることの全体像

Matter.js は剛体力学を中心に、拘束・複合ボディ・イベント・レンダラまでを含む統合型の物理エンジンです。 ゲーム・教育コンテンツ・インタラクティブ表現まで、Webで物理を扱うあらゆる場面で使えます。

剛体シミュレーション

円・矩形・多角形・凹形状まで、衝突・摩擦・反発を物理法則どおりに計算。何百個積み上げても破綻しません。

拘束(Constraint)

バネ・ロープ・関節を一行で表現。振り子・吊り橋・乗り物・ラグドールなど、つながる動きが自在に作れます。

ソフトボディ

粒子とバネのネットを組むだけで、ゼリーや布のように柔らかく変形する物体を剛体エンジン上で再現できます。

マウス操作

MouseConstraint でどのボディも直感的にドラッグ。タッチにも対応し、遊べるUIがすぐに組めます。

軽量・依存ゼロ

約 90KB(min+gzip)の純JavaScript。ビルド不要でブラウザでもNode.jsでも動き、描画も内蔵です。

イベント駆動

衝突開始・終了・更新前後などのイベントを購読でき、スコア計算や効果音・破壊判定に組み込めます。