matter.js

matter.js 介绍

matter.js是一个用于 Web 的 JavaScript 2D 物理引擎库，该项目诞生于 2014 年 2 月 28 号（0.5.0-alpha 版本），目前已更新迭代了 11 个版本（最新为 0.12.0 版本），它相较于老牌的 Box2D 引擎库，Matter.js 更为轻量级（压缩版仅有 87 KB），并且在性能和功能方面也不逊色。  

在 Matter.js 中任何的物体都需要一个容身处，而存放这些物体的地方，我们称之为世界，物体必须添加到世界里，然后由引擎运行这个世界。 

用法

1. html文件中引入

<script src="../build/matter.js"></script>

2. 创建引擎，渲染器，添加世界，生成身体模型。

var Engine=Matter.Engine,

Render=Matter.Render,

World=Matter.World,

Bodies=Matter.Bodies；

Engine是引擎，Render是渲染器，World是表演环境，Bodies可以用来创建各种形状的物体。  

3. 创建引擎实例与引擎世界。

var engine=Engine.create(),

world=engine.world；

4.创建渲染器实例。

var render=Render.create({

engine:engine,

element:document.body

});

render(渲染器)将要渲染的物理引擎是之前所创建的engine，而渲染的对象是html网页的body。

5. 运行渲染器，运行引擎。

Engine.run(engine);

Render.run(render);

作者：DiligentLeo

链接：https://www.jianshu.com/p/f6ac9c293b74

来源：简书

简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。 

网站地址:http://brm.io/matter-js/

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

网站描述:一个 2D 刚体物理引擎

matter.js

官方网站：http://brm.io/matter-js/

小编说

以上是编程之家为你收集整理的matter.js全部内容。

如果觉得编程之家网站内容还不错，欢迎将编程之家推荐给好友。