matter js是什么

本篇內(nèi)容介紹了“matter js是什么”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

　　matter.js是一個(gè)用于Web的JavaScript2D物理引擎庫，該項(xiàng)目誕生于2014年2月28號（0.5.0-alpha版本），目前已更新迭代了11個(gè)版本（最新為0.12.0版本），它相較于老牌的Box2D引擎庫，Matter.js更為輕量級（壓縮版僅有87KB），并且在性能和功能方面也不遜色。在Matter.js中任何的物體都需要一個(gè)容身處，而存放這些物體的地方，我們稱之為世界，物體必須添加到世界里，然后由引擎運(yùn)行這個(gè)世界。

　　Matter.js的用法

　　1.html文件中引入

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

　　2.創(chuàng)建引擎，渲染器，添加世界，生成身體模型。

　　varEngine=Matter.Engine,

　　Render=Matter.Render,

　　World=Matter.World,

　　Bodies=Matter.Bodies；

　　Engine是引擎，Render是渲染器，World是表演環(huán)境，Bodies可以用來創(chuàng)建各種形狀的物體。

　　3.創(chuàng)建引擎實(shí)例與引擎世界。

　　varengine=Engine.create(),

　　world=engine.world；

　　4.創(chuàng)建渲染器實(shí)例。

　　varrender=Render.create({

　　engine:engine,

　　element:document.body

　　});

　　render(渲染器)將要渲染的物理引擎是之前所創(chuàng)建的engine，而渲染的對象是html網(wǎng)頁的body。

　　5.運(yùn)行渲染器，運(yùn)行引擎。

　　Engine.run(engine);

　　Render.run(render);

　　Matter.js常用模塊

　　1.Matter.Engine //物理引擎的核心發(fā)動機(jī), 相當(dāng)于陣法當(dāng)中的陣眼

　　                          //它可以用來創(chuàng)建 引擎,并且操縱它

　　2.Matter.World //物理世界的展示平臺,給發(fā)動機(jī)提供運(yùn)行平臺, 就像飛機(jī)發(fā)動機(jī) 裝在機(jī)體上才能體現(xiàn)最大價(jià)值一樣

　　                          //用來創(chuàng)建物理世界, 并操作世界

　　3.Matter.Body  //創(chuàng)建物體,并操作物體 , 更多的用于操作物體,Bodyd對象中有很多操作剛體的方法

　　4.Matter.Bodies  //用來創(chuàng)建剛體的對象 ,圓/多邊形/矩形/梯形/組合圖形

“matter js是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！