CocosCreator Skelettanimation Drachenknochen

CocosCreator Version 2.3.4

Drachenknochenanimation

Platzieren Sie die Kielanimation unter Cocos-Assets. Bei der Drachenknochenanimation handelt es sich hier um die von Dragonbones exportierte Binäranimation.

Ziehen Sie die Kielanimation (Knochensymbol) direkt auf die Bühne

Legen Sie die Eigenschaften der Skelettanimation, der DragonAtlasAsset-Bilder, der Animationsaktionen, der PlayTime-Loop-Wiedergabe usw. fest.

Durch Code generierte Kielanimation

Der Drachenknochen-Ressourcenpfad lautet Assets/Resources/Dragonbones, und loadResDir muss nur Drachenknochen eintragen.

//Ressourcen entsprechend dem Pfad laden cc.loader.loadResDir("dragonbones",cc.Asset,null,(err, resource)=>{
      console.log("Ressource:",Ressource);
      //Skelettanimation generieren let node:cc.Node = new cc.Node();
      : Lassen Sie armatureDisplay:dragonBones.ArmatureDisplay = node.addComponent(dragonBones.ArmatureDisplay);
      armatureDisplay.dragonAsset = Ressource[0];
      armatureDisplay.dragonAtlasAsset = Ressource[3];
      armatureDisplay.armatureName = "Rolle3";
      armatureDisplay.playAnimation("bewegen",0);
      Knoten.x = 100;
      Knoten.y = 100;
      dies.node.addChild(Knoten);
});

Haut ersetzen

//Ressourcen ladencc.loader.loadResDir("dragonbones",cc.Asset,null,(err, resource)=>{
     console.log("Ressource:",Ressource);
 
    //Animation 1 generieren
    let node:cc.Node = neuer cc.Node();
    : Lassen Sie armatureDisplay:dragonBones.ArmatureDisplay = node.addComponent(dragonBones.ArmatureDisplay);
    armatureDisplay.dragonAsset = Ressource[0];
    armatureDisplay.dragonAtlasAsset = Ressource[3];
    armatureDisplay.armatureName = "Rolle3";
    armatureDisplay.playAnimation("bewegen",0);
    Knoten.x = 100;
    Knoten.y = 100;
    dies.node.addChild(Knoten);
 
    //Animation 2 generieren
    Lassen Sie node2:cc.Node = neuer cc.Node();
    : Lassen Sie armatureDisplay2:dragonBones.ArmatureDisplay = node2.addComponent(dragonBones.ArmatureDisplay);
    armatureDisplay2.dragonAsset = Ressource[4];
    armatureDisplay2.dragonAtlasAsset = Ressource[7];
    armatureDisplay2.armatureName = "Rolle4";
    armatureDisplay2.playAnimation("bewegen",0);
    Knoten2.x = 150;
    Knoten2.y = 150;
    dies.node.addChild(node2);
     
 
    //Wende den Skin von Animation 2 auf Animation 1 an let factory = dragonBones.CCFactory.getInstance();
    Fabrik.replaceSkin(armatureDisplay.armature(), (armatureDisplay2.armature() als dragonBones.Armature).armatureData.defaultSkin, true);
});

Oben finden Sie den detaillierten Inhalt der Skelettanimation DragonBones von CocosCreator. Weitere Informationen zu Skelettanimationen von CocosCreator finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!

Das könnte Sie auch interessieren:

Unity nutzt Physik-Engine zur Simulation des Flugs von Multirotor-Drohnen
Einfaches Beispiel für die Verwendung von Box2d, einer 2D-Physik-Engine für Android
Interpretation des CocosCreator-Quellcodes: Engine-Start und Hauptschleife
CocosCreator allgemeines Framework-Design Ressourcenmanagement
So erstellen Sie eine Liste in CocosCreator
Analyse des neuen Ressourcenmanagementsystems von CocosCreator
Detaillierte Erklärung zur Erstellung von Schießspielen mit CocosCreator
So zeichnen Sie in CocosCreator ein cooles Radardiagramm
Detaillierte Erklärung der CocosCreator MVC-Architektur
So verwenden Sie Verbindungen der Physik-Engine in CocosCreator

<<: Tutorial und Praxis zu den virtuellen Speichereinstellungen unter Linux

>>: Detaillierte Erklärung des MySQL-Prepare-Prinzips