CocosCreator Skelettanimation Drachenknochen

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

Artikel empfehlen

Verwenden Sie CSS, um spezielle Logos oder Grafiken zu implementieren

1. Einleitung Da Bilder viel Platz beanspruchen u...

Detaillierte Erklärung der Destrukturierungszuweisungssyntax in Javascript

Vorwort Die erstmals in ES6 eingeführte „Destruct...

Docker startet den Implementierungsprozess der MySQL-Konfiguration

Inhaltsverzeichnis Tatsächlicher Kampfprozess Beg...

So führen Sie eine Spring Boot-Anwendung in Docker aus

In den letzten Tagen habe ich gelernt, wie man Sp...

Implementierungsprinzip und Skriptcode der HTML-Rabattpreisberechnung

Code kopieren Der Code lautet wie folgt: <!DOC...

Detaillierte Erläuterung der SSHD-Dienste und Dienstverwaltungsbefehle unter Linux

sshd SSH ist die Abkürzung für Secure Shell, ein ...

Detaillierte Erklärung der Softwarekonfiguration mit Docker-Compose unter Linux

Vorwort In diesem Artikel werden einige Docker-Co...

Vant+postcss-pxtorem implementiert Browser-Anpassungsfunktion

Rem-Layout-Anpassung Die Stile in Vant verwenden ...

SQL Get gespeicherte Prozedur gibt Datenprozessanalyse zurück

Dieser Artikel stellt hauptsächlich die Analyse d...