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 仮想メモリ設定のチュートリアルと実践

推薦する

Navicat Premium15 でクラウド サーバーに接続する際のデータベースの問題と落とし穴

クラウドサーバーを使用するとデータベースに接続できる場合もありますが、Navicat Premium...

MySQL query_cache_type パラメータと使用方法の詳細

MySQL クエリ キャッシュを設定する目的は次のとおりです。クエリ結果をキャッシュしておくと、次回...

大規模なMySQLデータベース用のマスタースレーブシステムを構築するアイデアを共有する

今週は戦争のように忙しかったです。他人に操られているような気がします。毎日朝早く出勤して夜遅く帰り、...

MySQL の接続数が多すぎるエラーの原因と解決策

目次概要本日正午、開発およびテスト環境の MySQL サービスで接続数が多すぎるというエラーが報告さ...

CSS スティッキーフッター実装コード

この記事では、CSS スティッキー フッターの実装コードを紹介し、共有します。詳細は次のとおりです。...

HTMLタグのデフォルトスタイルの配置

html、address、blockquote、body、dd、div、dl、dt、fieldset...

Linux 環境で crontab コマンドを使用して、スケジュールされた定期的な実行タスクを設定します (PHP 実行コードを含む)

この記事では、Linux 環境で crontab コマンドを使用して、タスクの定期的な実行をスケジュ...

npm 淘宝ミラー変更説明

1. トップレベルの使用法1. cnpmをインストールする npm i -g cnpm --regi...

シェルを使用してMySQLデータバックアップスクリプトを作成する

アイデアそれは実はとても簡単ですシェル スクリプトを記述して、mysql の mysqldump を...

JSはオンラインでのアナウンスのスクロール効果を実現します

この記事では、オンラインアナウンスのスクロール効果を実現するためのJSの具体的なコードを参考までに共...

CentOS7にPostgreSQL11をインストールする方法

CentOS 7にPostgreSQL 11をインストールする PostgreSQL: 世界で最も先...

UI を通じて Docker を管理する方法

Docker はますます多くのシナリオで使用されています。コマンドラインツールに慣れていない人にとっ...

この記事では、Vueのフロントエンドページングとバックエンドページングを実装する方法を説明します。

目次1: フロントエンドの手書きページング(データ量が少ない場合) 2: バックエンドのページング、...

複数のフィールドを変更するためのMysql更新の構文の詳細な分析

MySQL でレコードを更新すると、構文は正しいのですが、レコードが更新されません...質問文実行前...

HTML リスト ボックス、テキスト フィールド、ファイル フィールドのサンプル コード

ドロップダウンボックス、テキストフィールド、ファイルフィールド 上半分はデモンストレーション効果、下...