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

Attribute und Verwendung von INS- und DEL-Tags

ins und del wurden in HTML 4.0 eingeführt, um Auto...

Detaillierte Erläuterung des MySQL InnoDB-Sekundärindex-Sortierbeispiels

Sortierproblem Ich habe kürzlich auf Geek Time „4...

So installieren und konfigurieren Sie MySQL 5.7.19 unter CentOS 6.5

Die detaillierten Schritte zur Installation von m...

js realisiert 3D-Soundeffekte durch audioContext

In diesem Artikel wird der spezifische Code von j...

Detaillierte Erklärung, wie eine SQL-Anweisung in MySQL ausgeführt wird

Überblick Ich habe vor Kurzem begonnen, mir Wisse...

Beispiele für einige Verwendungstipps für META-Tags in HTML

HTML-Meta-Tag HTML-Meta-Tags können verwendet wer...

Lassen Sie uns über den Unterschied zwischen MyISAM und InnoDB sprechen

Die Hauptunterschiede sind folgende: 1. MySQL ver...

Die Implementierung der Ereignisbindung in React verweist auf drei Methoden

1. Pfeilfunktion 1. Nutzen Sie die Tatsache, dass...

Schritte zur VMware-Konfiguration des VMnet8-Netzwerks

Inhaltsverzeichnis 1. Einleitung 2. Konfiguration...