CocosCreator骨骼動畫之龍骨DragonBones
CocosCreator版本2.3.4
龍骨動畫
將龍骨動畫放到cocos的assets下。我這里龍骨動畫是Dragonbones導(dǎo)出的二進制動畫。
直接拖拽龍骨動畫(骨頭圖標)到舞臺
設(shè)置骨骼動畫的屬性,DragonAltasAsset圖片,Animation動作,PlayTime循環(huán)播放等
代碼生成龍骨動畫
龍骨資源路徑是assets/resources/dragonbones,loadResDir只需要填dragonbones就行了。
//根據(jù)路徑加載資源 cc.loader.loadResDir("dragonbones",cc.Asset,null,(err, resource)=>{ console.log("資源:",resource); //生成骨骼動畫 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); //生成動畫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); //生成動畫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); //動畫2的皮膚應(yīng)用到動畫1上 let factory = dragonBones.CCFactory.getInstance(); factory.replaceSkin(armatureDisplay.armature(), (armatureDisplay2.armature() as dragonBones.Armature).armatureData.defaultSkin, true); });
以上就是CocosCreator骨骼動畫之龍骨DragonBones的詳細內(nèi)容,更多關(guān)于CocosCreator骨骼DragonBones的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
HTML+CSS+JS實現(xiàn)的簡單應(yīng)用小案例分享
這篇文章主要為大家分享四個用HTML+CSS+JS實現(xiàn)的簡單應(yīng)用小案例,有:猜數(shù)字、表白墻、切換日夜間模式和待辦事項,需要的可以參考一下2022-02-02Javascript獲取當前時間函數(shù)和時間操作小結(jié)
這篇文章主要介紹了Javascript獲取當前時間函數(shù)和時間操作小結(jié),本文根據(jù)項目實際需求總結(jié)而來,需要的朋友可以參考下2014-10-10javascript 小數(shù)乘法結(jié)果錯誤的處理方法
下面小編就為大家?guī)硪黄猨avascript 小數(shù)乘法結(jié)果錯誤的處理方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07javascript實現(xiàn)網(wǎng)站加入收藏功能
這篇文章主要介紹了javascript實現(xiàn)網(wǎng)站加入收藏功能的相關(guān)資料,需要的朋友可以參考下2015-12-12