matter.js 介绍
matter.js是 一个 用于 Web 的 JavaScript 2D 物理引擎库,该项目诞生于 2014 年 2 月 28 号(0.5.0-alpha 版本),目前已更新迭代了 11 个版本(最新为 0.12.0 版本),它相较于老牌的 Box 2D 引擎库,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/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。