matter js是什么

本篇内容介绍了“matter js是什么”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

　　matter.js是一个用于Web的JavaScript2D物理引擎库，该项目诞生于2014年2月28号（0.5.0-alpha版本），目前已更新迭代了11个版本（最新为0.12.0版本），它相较于老牌的Box2D引擎库，Matter.js更为轻量级（压缩版仅有87KB），并且在性能和功能方面也不逊色。在Matter.js中任何的物体都需要一个容身处，而存放这些物体的地方，我们称之为世界，物体必须添加到世界里，然后由引擎运行这个世界。

　　Matter.js的用法

　　1.html文件中引入

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

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

　　varEngine=Matter.Engine,

　　Render=Matter.Render,

　　World=Matter.World,

　　Bodies=Matter.Bodies；

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

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

　　varengine=Engine.create(),

　　world=engine.world；

　　4.创建渲染器实例。

　　varrender=Render.create({

　　engine:engine,

　　element:document.body

　　});

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

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

　　Engine.run(engine);

　　Render.run(render);

　　Matter.js常用模块

　　1.Matter.Engine //物理引擎的核心发动机, 相当于阵法当中的阵眼

　　                          //它可以用来创建 引擎,并且操纵它

　　2.Matter.World //物理世界的展示平台,给发动机提供运行平台, 就像飞机发动机 装在机体上才能体现最大价值一样

　　                          //用来创建物理世界, 并操作世界

　　3.Matter.Body  //创建物体,并操作物体 , 更多的用于操作物体,Bodyd对象中有很多操作刚体的方法

　　4.Matter.Bodies  //用来创建刚体的对象 ,圆/多边形/矩形/梯形/组合图形

“matter js是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！