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
泉源：简书

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

思源资源网：分类流动

1.阿里云: 本站现在使用的是阿里云主机，平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动，优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台，若是你有流量，可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/nav/1517

发表于 2021-04-05 14:57
阅读 ( 182 )
分类：互联网

matter.js

用法

1. html文件中引入

2. 建立引擎，渲染器，添加天下，天生身体模子。

3. 建立引擎实例与引擎天下。

4.建立渲染器实例。

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

0 条评论

你可能感兴趣的文章

相关问题