大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本篇内容介绍了“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是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!