本篇內(nèi)容介紹了“matter js是什么”的有關(guān)知識,在實(shí)際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供平羅企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、小程序制作等業(yè)務(wù)。10年已為平羅眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。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ā)動(dòng)機(jī), 相當(dāng)于陣法當(dāng)中的陣眼
//它可以用來創(chuàng)建 引擎,并且操縱它
2.Matter.World //物理世界的展示平臺,給發(fā)動(dòng)機(jī)提供運(yùn)行平臺, 就像飛機(jī)發(fā)動(dòng)機(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)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
本文題目:matterjs是什么-創(chuàng)新互聯(lián)
URL分享:http://jinyejixie.com/article4/cceeoe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、微信小程序、微信公眾號、網(wǎng)站維護(hù)、響應(yīng)式網(wǎng)站、企業(yè)網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容