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

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

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

Diskussion über Standard-Rand- und Füllwerte allgemeiner Elemente

Heute haben wir die Frage besprochen, wie hoch de...

Vue hält den Benutzer angemeldet (verschiedene Token-Speichermethoden)

Inhaltsverzeichnis So setzen Sie Cookies Nachteil...

So implementieren Sie ein responsives Layout mit CSS

Implementieren eines responsiven Layouts mit CSS ...

Tutorial zur Installation der Dekomprimierungsversion von MySQL 8.0.12

In diesem Artikel finden Sie das Installations-Tu...

Zusammenfassung zum Sharding von MySQL-Datenbanken und -Tabellen

Während der Projektentwicklung werden unsere Date...

Detaillierte Erläuterung des Installationsprozesses von Jenkins auf CentOS 7

Installieren Sie Jenkins über Yum 1. Installation...

jQuery implementiert die Funktion zum Ziehen von Bildern mit der Maus

In diesem Beispiel wird jQuery verwendet, um eine...

So verwenden Sie Web-Frontend-Vektorsymbole

Vorwort Beim Schreiben von Frontend-Seiten verwen...

So erstellen Sie Ihre eigene Angular-Komponentenbibliothek mit DevUI

Inhaltsverzeichnis Vorwort Erstellen einer Kompon...

Empfehlen Sie einen coolen blinkenden Alarmknopf

Die Wirkung ist wie folgt: Der Code lautet wie fo...

Erste Erkundung gängiger Befehle für Docker-Anfänger

Bevor wir Docker offiziell verwenden, machen wir ...

Implementierung der Nginx-Arbeitsprozessschleife

Nach dem Start initialisiert der Worker-Prozess z...

Empfohlene Tipps für Web-Frontend-Ingenieure

Lassen Sie uns zunächst über den Wert von Web-Fro...