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

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

本文题目:matterjs是什么-创新互联
URL分享:https://www.cdcxhl.com/article4/cceeoe.html

成都网站建设公司_创新互联,为您提供云服务器微信小程序微信公众号网站维护响应式网站企业网站制作

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站建设