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是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！