Fork
2
Fav
0
View
2365
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 175 lines
  • HTML 7 lines
  • CSS 10 lines
Matter.js でドット絵を物理演算してみるテスト(その1)

Matter.js は、比較的、最近登場した物理演算ライブラリのようです。とりあえず、試してみました。
(ただ、現時点(2014.3.22)では alpha 版という扱いのようです。)

<対応した点>
・デモ「Stress 1」をベースに■の色をドット絵になるよう変更。
・Wireframe 設定をオフに設定。

<ライブラリの特徴>
他の物理演算ライブラリと比べて、サイズがコンパクトなようです。
・matter-0.5.0.js 124 KB
・matter-0.5.0.min.js 37 KB
・p2.js 291 KB
・p2.min.js 92 KB
・Box2dWeb-2.1.a.3.js 420 KB
・Box2dWeb-2.1.a.3.min.js 220 KB

<参考>
■ Matter.js - a 2D rigid body JavaScript physics engine
http://brm.io/matter-js/

■ Matter.js - Physics Engine Demo
http://brm.io/matter-js-demo/

■ liabru_matter-js - GitHub
https://github.com/liabru/matter-js

<その他の物理演算ライブラリ>
■ Physics libraries - bebraw jswiki Wiki - GitHub
https://github.com/bebraw/jswiki/wiki/Physics-libraries

■ box2dweb.js でドット絵を物理演算してみるテスト(その1)
http://jsdo.it/cx20/3PT8
  • Matter.js でドット絵を物理演算してみるテスト(その1)
  • Matter.js でドット絵を物理演算してみるテスト(その1)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

cx20

Author

プログラマ(マイクロソフト系の言語を使用することが多いです。) JavaScript のライブラリを色々と試して遊んでます。

■ 各種 WebGL ライブラリによる基本サンプル一覧 http://qiita.com/cx20/items/0fa19c96aa6470d98807

■ 各種 WebGLライブラリと3D物理演算ライブラリの組み合わせ一覧 http://qiita.com/cx20/items/3ebed669fb9c9e797935

■ glTF 対応ライブラリのサンプル一覧 https://github.com/cx20/gltf-test

■ Grimoire.js サンプル一覧 http://jsdo.it/tag/Grimoire.js

■ GLBoost サンプル一覧 http://jsdo.it/tag/GLBoost

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by