成都网站建设设计

将想法与焦点和您一起共享

matterjs是什么-创新互联

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

成都创新互联公司是一家专业提供平罗企业网站建设,专注与成都网站制作、成都网站建设、H5响应式网站、小程序制作等业务。10年已为平罗众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

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文件中引入

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是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


本文名称:matterjs是什么-创新互联
标题URL:http://chengdu.cdxwcx.cn/article/cceeoe.html