本篇內容介紹了“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分享：http://vcdvsql.cn/article4/cceeoe.html

成都網站建設公司_創新互聯，為您提供云服務器、微信小程序、微信公眾號、網站維護、響應式網站、企業網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯