DragonBones 概要とインストール

DragonBonesはFlash Professional(CS6以降)を利用したアニメーションツールです。StarlingFrameworkとも連携ができます。

今回は以下の条件で試してみました。
Adobe Flash Pro CC (リンク先へ)
Adobe Extension Manager CC (リンク先へ)
Adobe FlashBuilder 4.6
DragonBones 2.2 (リンク先へ)

作業は大きく２つに分けると、アニメーションデータ作成とソースコード組み込みがあります。

アニメーションデータ作成

Flash Proffesional(CS6以降)で行う作業

1.タイムラインでアニメーションを作成

2.DragonBonesDesignPanelに作成したアニメーションをImportする

3.DragonBonesDesignPanelでアニメーションの調整を行う

4.DragonBonesDesignPanelのExportからデータを書き出す

ソースコード組み込み作業

1.書きだしたアニメーションデータをインポートして使用する

DragonBonesを使用する方法ですが、DragonBones 2.2のダウンロードファイル内にあるDragonBonesDesignPanel.zxpをAdobe Extension Manager CC経由でFlashProCCにインストールする事で使用が可能になります。

Adobe Extension Manager CCを利用して、DragonBonesDesignPanelをインストール