CocosCreator スケルトンアニメーション ドラゴンボーン

CocosCreator スケルトンアニメーション ドラゴンボーン

CocosCreator バージョン 2.3.4

ドラゴンボーンアニメーション

キールアニメーションを Cocos アセットの下に配置します。ここでのドラゴンボーンアニメーションは、Dragonbones によってエクスポートされたバイナリアニメーションです。

キールアニメーション(骨のアイコン)をステージに直接ドラッグします

スケルタルアニメーション、DragonAtlasAsset イメージ、アニメーションアクション、PlayTime ループ再生などのプロパティを設定します。

コード生成キールアニメーション

ドラゴンボーンのリソース パスは、assets/resources/dragonbones であり、loadResDir では dragonbones のみを入力する必要があります。

//パスに従ってリソースをロードします cc.loader.loadResDir("dragonbones",cc.Asset,null,(err, resource)=>{
      console.log("リソース:",リソース);
      // スケルトンアニメーションを生成 let node:cc.Node = new cc.Node();
      アーマチュアディスプレイを追加します:dragonBones.ArmatureDisplay = node.addComponent(dragonBones.ArmatureDisplay);
      アーマチュアディスプレイ.ドラゴンアセット = リソース[0];
      armatureDisplay.dragonAtlasAsset = リソース[3];
      アーマチュアディスプレイ.アーマチュア名 = "role3";
      armatureDisplay.playAnimation("move",0);
      ノードx = 100;
      ノードy = 100;
      ノードに子を追加します。
});

スキンの交換

//リソースをロードcc.loader.loadResDir("dragonbones",cc.Asset,null,(err, resource)=>{
     console.log("リソース:",リソース);
 
    //アニメーション1を生成
    node:cc.Node = new cc.Node(); とします。
    アーマチュアディスプレイを追加します:dragonBones.ArmatureDisplay = node.addComponent(dragonBones.ArmatureDisplay);
    アーマチュアディスプレイ.ドラゴンアセット = リソース[0];
    armatureDisplay.dragonAtlasAsset = リソース[3];
    アーマチュアディスプレイ.アーマチュア名 = "role3";
    armatureDisplay.playAnimation("move",0);
    ノードx = 100;
    ノードy = 100;
    ノードに子を追加します。
 
    //アニメーション2を生成
    node2:cc.Node = new cc.Node(); とします。
    armatureDisplay2:dragonBones.ArmatureDisplay = node2.addComponent(dragonBones.ArmatureDisplay); を追加します。
    armatureDisplay2.dragonAsset = リソース[4];
    armatureDisplay2.dragonAtlasAsset = リソース[7];
    アーマチュアディスプレイ2.アーマチュア名 = "role4";
    armatureDisplay2.playAnimation("move",0);
    ノード2.x = 150;
    ノード2.y = 150;
    ノード2に子を追加します。
     
 
    //アニメーション 2 のスキンをアニメーション 1 に適用します。let factory = dragonBones.CCFactory.getInstance();
    factory.replaceSkin(armatureDisplay.armature(), (armatureDisplay2.armature() を dragonBones.Armature).armatureData.defaultSkin, true として)。
});

以上がCocosCreatorスケルトンアニメーションDragonBonesの詳細な内容です。CocosCreatorスケルトンアニメーションDragonBonesの詳細については、123WORDPRESS.COMの他の関連記事に注目してください。

以下もご興味があるかもしれません:
  • Unity は物理エンジンを使用してマルチロータードローンの飛行をシミュレートします
  • Android 向け 2D 物理エンジン Box2d を使用する簡単な例
  • CocosCreator ソースコードの解釈: エンジンの起動とメインループ
  • CocosCreator 一般的なフレームワーク設計リソース管理
  • CocosCreatorでリストを作成する方法
  • CocosCreator の新しいリソース管理システムの分析
  • CocosCreatorでシューティングゲームを作る詳しい解説
  • CocosCreatorでクールなレーダーチャートを描く方法
  • CocosCreator MVCアーキテクチャの詳細な説明
  • CocosCreator で物理エンジン ジョイントを使用する方法

<<:  MySQL の一般的な SQL ステートメントの概要

>>:  Linux 仮想メモリ設定のチュートリアルと実践

推薦する

CSSは固定比率のブロックレベルコンテナを簡単に実装できる

H5 レイアウトを設計する場合、通常はバナーに遭遇することになります。例えば、2:1 で表示したい場...

マウスをホバーすると画像が折りたたまれる効果を実現する CSS

マウスをホバーすると画像が折りたたまれる効果を実現する CSS 1. 実施のポイント折り畳みは複数の...

Linux の高並列性とパフォーマンス最適化の落とし穴の紹介

目次序文Linux アプリケーション実行中に開いているファイルが多すぎる問題の分析と解決Linux ...

MYSQLが中国語を認識できない問題の恒久的な解決策

ほとんどの場合、MySQL はインストールしたばかりのときは中国語をサポートしません。これはエンコー...

Docker+K8S+GitLab/SVN+Jenkins+Harbor をベースにした継続的インテグレーション配信環境の構築に関する詳細なチュートリアル

目次環境設定の概要1.K8Sとは何ですか? 2. K8S を使用する理由3. K8S を使用する利点...

MySQL でテーブルを削除する 3 つの方法 (要約)

ドロップテーブルドロップはテーブル情報を直接削除するため、最も高速ですが、データを取得することはでき...

HTML タグのメタ概要、HTML5 のヘッド メタ属性の概要

序文metaはhtml言語のhead領域にある補助タグです。おそらく、これらのコードは不要だと思うで...

MySQL pt-slave-restart ツールの使い方の紹介

目次MySQL マスター スレーブ レプリケーション環境を設定する場合、マスター データベースとスレ...

nginx リクエスト ヘッダー データ読み取りプロセスの詳細な説明

前回の記事では、nginx がリクエスト ラインのデータを読み取って、リクエスト ラインを解析する方...

Docker で FastDFS ファイル システムを構築する (マルチイメージ チュートリアル)

目次FastDFSについて1. 画像を検索する2. イメージをインストールする3.1. 必要なディレ...

写真とテキストによる MySQL と sqlyog のインストール チュートリアル

1. MySQL 1.1 MySQLのインストールmysql-5.5.27-winx64 ダウンロー...

WeChat ミニプログラム 宝くじ番号ジェネレーター

この記事では、WeChatアプレットの宝くじ番号ジェネレータの具体的なコードを参考までに紹介します。...

WindowsでのMySQLインストールチュートリアルの詳細な紹介

目次1. ダウンロードする前に理解しておくべき概念2. 必要なバージョンを選択する3. MySQLサ...

SQLはLeetCodeを実装します(180.連続した数字)

[LeetCode] 180. 連続した数字少なくとも 3 回連続して出現するすべての数字を検索す...

CSS3 オーバーフロープロパティの説明

1. オーバーフローOverflow はオーバーフロー(コンテナ)です。コンテンツがコンテナを越える...