CocosCreator骨骼動(dòng)畫(huà)之龍骨DragonBones
CocosCreator版本2.3.4
龍骨動(dòng)畫(huà)
將龍骨動(dòng)畫(huà)放到cocos的assets下。我這里龍骨動(dòng)畫(huà)是Dragonbones導(dǎo)出的二進(jìn)制動(dòng)畫(huà)。
直接拖拽龍骨動(dòng)畫(huà)(骨頭圖標(biāo))到舞臺(tái)
設(shè)置骨骼動(dòng)畫(huà)的屬性,DragonAltasAsset圖片,Animation動(dòng)作,PlayTime循環(huán)播放等
代碼生成龍骨動(dòng)畫(huà)
龍骨資源路徑是assets/resources/dragonbones,loadResDir只需要填dragonbones就行了。
//根據(jù)路徑加載資源 cc.loader.loadResDir("dragonbones",cc.Asset,null,(err, resource)=>{ console.log("資源:",resource); //生成骨骼動(dòng)畫(huà) let node:cc.Node = new cc.Node(); let armatureDisplay:dragonBones.ArmatureDisplay = node.addComponent(dragonBones.ArmatureDisplay); armatureDisplay.dragonAsset = resource[0]; armatureDisplay.dragonAtlasAsset = resource[3]; armatureDisplay.armatureName = "role3"; armatureDisplay.playAnimation("move",0); node.x = 100; node.y = 100; this.node.addChild(node); });
替換皮膚
//加載資源 cc.loader.loadResDir("dragonbones",cc.Asset,null,(err, resource)=>{ console.log("資源:",resource); //生成動(dòng)畫(huà)1 let node:cc.Node = new cc.Node(); let armatureDisplay:dragonBones.ArmatureDisplay = node.addComponent(dragonBones.ArmatureDisplay); armatureDisplay.dragonAsset = resource[0]; armatureDisplay.dragonAtlasAsset = resource[3]; armatureDisplay.armatureName = "role3"; armatureDisplay.playAnimation("move",0); node.x = 100; node.y = 100; this.node.addChild(node); //生成動(dòng)畫(huà)2 let node2:cc.Node = new cc.Node(); let armatureDisplay2:dragonBones.ArmatureDisplay = node2.addComponent(dragonBones.ArmatureDisplay); armatureDisplay2.dragonAsset = resource[4]; armatureDisplay2.dragonAtlasAsset = resource[7]; armatureDisplay2.armatureName = "role4"; armatureDisplay2.playAnimation("move",0); node2.x = 150; node2.y = 150; this.node.addChild(node2); //動(dòng)畫(huà)2的皮膚應(yīng)用到動(dòng)畫(huà)1上 let factory = dragonBones.CCFactory.getInstance(); factory.replaceSkin(armatureDisplay.armature(), (armatureDisplay2.armature() as dragonBones.Armature).armatureData.defaultSkin, true); });
以上就是CocosCreator骨骼動(dòng)畫(huà)之龍骨DragonBones的詳細(xì)內(nèi)容,更多關(guān)于CocosCreator骨骼DragonBones的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
- Unity使用物理引擎實(shí)現(xiàn)多旋翼無(wú)人機(jī)的模擬飛行
- Android下2d物理引擎Box2d用法簡(jiǎn)單實(shí)例
- 解讀CocosCreator源碼之引擎啟動(dòng)與主循環(huán)
- CocosCreator通用框架設(shè)計(jì)之資源管理
- 如何在CocosCreator中做一個(gè)List
- 剖析CocosCreator新資源管理系統(tǒng)
- 詳解CocosCreator制作射擊游戲
- 如何在CocosCreator里畫(huà)個(gè)炫酷的雷達(dá)圖
- 詳解CocosCreator MVC架構(gòu)
- 怎樣在CocosCreator中使用物理引擎關(guān)節(jié)
相關(guān)文章
JavaScript原生對(duì)象常用方法總結(jié)(推薦)
下面小編就為大家?guī)?lái)一篇JavaScript原生對(duì)象常用方法總結(jié)(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05HTML+CSS+JS實(shí)現(xiàn)的簡(jiǎn)單應(yīng)用小案例分享
這篇文章主要為大家分享四個(gè)用HTML+CSS+JS實(shí)現(xiàn)的簡(jiǎn)單應(yīng)用小案例,有:猜數(shù)字、表白墻、切換日夜間模式和待辦事項(xiàng),需要的可以參考一下2022-02-02非html5實(shí)現(xiàn)js版彈球游戲示例代碼
彈球游戲,一般都是使用html5來(lái)實(shí)現(xiàn)的,其實(shí)不然,使用js也可以實(shí)現(xiàn)類(lèi)似的效果,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-09-09Javascript獲取當(dāng)前時(shí)間函數(shù)和時(shí)間操作小結(jié)
這篇文章主要介紹了Javascript獲取當(dāng)前時(shí)間函數(shù)和時(shí)間操作小結(jié),本文根據(jù)項(xiàng)目實(shí)際需求總結(jié)而來(lái),需要的朋友可以參考下2014-10-10詳解JavaScript的計(jì)時(shí)器和按鈕效果設(shè)置
這篇文章主要為大家介紹了JavaScript的計(jì)時(shí)器和按鈕效果設(shè)置,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2021-12-12javascript 小數(shù)乘法結(jié)果錯(cuò)誤的處理方法
下面小編就為大家?guī)?lái)一篇javascript 小數(shù)乘法結(jié)果錯(cuò)誤的處理方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07chrome下img加載對(duì)height()的影響示例探討
這篇文章主要介紹了chrome下img加載對(duì)height()的影響,需要的朋友可以參考下2014-05-05javascript實(shí)現(xiàn)網(wǎng)站加入收藏功能
這篇文章主要介紹了javascript實(shí)現(xiàn)網(wǎng)站加入收藏功能的相關(guān)資料,需要的朋友可以參考下2015-12-12微信小程序?qū)崿F(xiàn)長(zhǎng)按刪除圖片的示例
本篇文章主要介紹了微信小程序?qū)崿F(xiàn)長(zhǎng)按刪除圖片的示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05JavaScript學(xué)習(xí)筆記之?dāng)?shù)組隨機(jī)排序
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之?dāng)?shù)組隨機(jī)排序的相關(guān)資料,需要的朋友可以參考下2016-03-03