Repolode
投稿する
liabru

liabru/matter-js

JavaScript製のWeb向け2D剛体物理エンジン。ブラウザとNode.jsで動作します。

GitHub で見る
スター
18,603
フォーク
2,001
未解決の Issue
280
最終コミット
先月

これは何？

Matter.jsは、Web向けにJavaScriptで書かれた2D剛体物理エンジンです。衝突、重力、摩擦、反発、拘束を扱えるため、独自に物理演算コードを書かなくても、canvasベースのゲームやインタラクティブなグラフィック、シミュレーションに説得力のある物理的な動きを加えられます。

剛体、複合体、凹形状のボディに対応しており、SVGパスや地形から形状を作成できます。レイキャスティングや領域テストなどの衝突判定クエリ、スローモーション効果のための時間スケーリング、ズームや平行移動ができるビュー、ベクトルやテクスチャを描画するcanvasレンダラーを備えています。静止中のボディをスリープ状態にでき、resurrect.jsを使ってワールドの状態をシリアライズできます。

Matter.jsはChrome、Firefox、Safari、IE8以降に加え、Node.jsでも動作します。npmまたはYarnでインストールでき、scriptタグ1つで読み込めます。また、プラグインシステムに加え、豊富なデモとAPIリファレンスを備えています。

主な機能

  • 01衝突検出に対応した剛体、複合体、凹形状のボディ
  • 02重力、摩擦、反発、拘束
  • 03衝突判定のためのレイキャスティングと領域クエリ
  • 04ベクター形状とテクスチャに対応したcanvasレンダラー
  • 05時間スケーリング、ズーム可能なビュー、スリープ状態のボディ
  • 06プラグインシステムを備え、ブラウザとNode.jsで動作

ユースケース

  • ブラウザで、スリングショットや積み上げパズルなどの2D物理ゲームを開発する
  • canvasベースのWebアニメーションに、インタラクティブな物理的動きを加える
  • Node.jsでヘッドレスの物理シミュレーションを実行する
  • 橋、車、振り子などの機械システムを試作する

クイックスタート

  1. 1

    npmからパッケージをインストールします

    npm install matter-js
  2. 2

    最小限の使用例については、Wikiの「Getting started」ページを参照してください

使う前に知っておきたいこと

  • READMEでは、masterブランチのアルファビルドは実験的とされています。

収録されている特集

ゲーム開発ツールとエンジンロボティクス・身体性AIプロジェクト

トピック

#physics-engine#javascript#canvas#2d-physics#game-development#simulation#physics#rigid-bodies#web

よくある質問

matter-js とは？
JavaScript製のWeb向け2D剛体物理エンジン。ブラウザとNode.jsで動作します。 Matter.jsは、Web向けにJavaScriptで書かれた2D剛体物理エンジンです。衝突、重力、摩擦、反発、拘束を扱えるため、独自に物理演算コードを書かなくても、canvasベースのゲームやインタラクティブなグラフィック、シミュレーションに説得力のある物理的な動きを加えられます。
matter-js は無料で使えますか？ライセンスは？
matter-js は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
matter-js は今もメンテナンスされていますか？
半年以内に更新あり。matter-js の最終コミットは 2026年9月30日 です。
matter-js は何に使えますか？
ブラウザで、スリングショットや積み上げパズルなどの2D物理ゲームを開発する canvasベースのWebアニメーションに、インタラクティブな物理的動きを加える Node.jsでヘッドレスの物理シミュレーションを実行する 橋、車、振り子などの機械システムを試作する
matter-js のインストール方法は？
npmからパッケージをインストールします: npm install matter-js 最小限の使用例については、Wikiの「Getting started」ページを参照してください
matter-js はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/liabru/matter-js

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト