FlashToUnityについて

by Cygames

Slide 1

Slide 1 text

あとで画像を貼り付けます。

Slide 2

Slide 2 text

自己紹介 • 諫山英世 • テクニカルデザイナー（一般的にはテクニカルアーティストの位置づけ） • エンジニアとデザイナーの間にたって、ゲーム開発がしやすいようなデータ構成を考えたり、 DCCツールの便利なスクリプトを開発したりしています。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 3

Slide 3 text

アジェンダ • FlashToUnityについて • Unityでの再生 • 開発経緯 • TIPS • まとめ $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 4

Slide 4 text

FlashToUnityについて $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 5

Slide 5 text

FlashToUnityとは・・・！ FlashをUnityで再生するツールです！わかりやすい・・・！ $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 6

Slide 6 text

で・・・どんなことができるのか？ $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 7

Slide 7 text

その１複雑なFlashアニメが再生可能ですただし仕様があります。用法を正しく守って頂く事が必要です $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 8

Slide 8 text

仕様は以下のような構成で ① export ここに入っているMCがプレファブに ② mc エクスポート外のMCの格納場所 ③ mc_image 原点中心の画像MC格納場所 ④ tx_image ビットマップファイル ⑤ tx_symbol テクスチャ化するシンボル 1 ２３４５ $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 9

Slide 9 text

その 2 ラベル再生に対応していますアクションスクリプトは gotoAndPlay（）、ｓtop()に対応 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 10

Slide 10 text

その 3 テクスチャは自動アトラス化しています 2048*2048を超え始めたら自動で二枚目のテクスチャに振り分けします。 JSFLで判定し、分けています。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 11

Slide 11 text

その 4 テクスチャは基本的にカラー、アルファに分割しています圧縮テクスチャを使って容量削減 ※他のフォーマットも使えるように対応しています。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 12

Slide 12 text

その 5 Unityで階層構造の視覚化しています Flashがなくてもプログラムが書けます $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 13

Slide 13 text

その 6 通常、加算、乗算などのブレンドに対応しています異なるブレンドはドローコールが増えるのですが、線形で増えないように最適化しています。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 14

Slide 14 text

その 7 テキストに対応しています枠、影に対応しています。最終的にUnityのTextMeshなので RichTextもそのまま使えるようにしています。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 15

Slide 15 text

その 8 アンカー対応をしていますフラグを付けることで、画面の角にくっつけたりできます。ちょっとしたUIも組めます。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 16

Slide 16 text

その 9 レイヤー、ソーティングオーダー、ソーティングレイヤーに対応しています。基本的にUnityベースで考えているので、独自のソートではないので、他の半透明系との相性が考えやすいです。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 17

Slide 17 text

その 10 データはScriptableObjectに格納容量最小化と読取りの高速化 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 18

Slide 18 text

そのデータは構成は以下のとおり ① テクスチャアトラス情報を格納 ② 位置情報などの格納 ③ カラーとアルファテクスチャ ④ 出力プレファブ 1 ２３ 4 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 19

Slide 19 text

その 11 プログラムは専用のFindなどを用意使うのはクラスは FlRoot、FlMotion、FlPlane、FｌText など限られたものとなります。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 20

Slide 20 text

Unityでのプログラム方法 • ルートコンポーネント取得 FlRoot flRoot = gameObject.GetComponentInChildren(); • モーション（ムービークリップ）の取得 FlMotion motion = FlUtility.FindUI(flRoot, rootObject, "MOT_test0"); • モーション（ムービークリップ）の再生 motion.SetMotionPlay("Loop"); $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 21

Slide 21 text

その 12 動くUIを作成可能 Cygamesの一部タイトルは FlashでUIや２Dアニメーションが組まれています。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 22

Slide 22 text

Unityでの再生 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 23

Slide 23 text

開発経緯 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 24

Slide 24 text

凄く動くUIを作りたい！という思いで、あるアプリ開発とともに FlashToUnityの開発が始まりました $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 25

Slide 25 text

ところで・・・ Unityでしっかりしたアニメーションをつけたことありますでしょうか？非常に面倒ですし、大変ですよね・・・。なので他のツールからコンバートできないかと考えました。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 26

Slide 26 text

２Dアニメーションを組むにはFlash、AfterEffect などなどのDCCツールがあります。 FlashはScaleformで採用されていること、ムービークリップの入れ子構造が便利なため採用しました。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 27

Slide 27 text

またCygamesにはFlashデザイナーが多く在籍しています。将来的に人材を活かせるので採用しました。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 28

Slide 28 text

そもそも世の中にFlashをUnityで動かすツールは多く存在しています。まずそれらを検索して、実際に検証しました。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 29

Slide 29 text

検証したFlash系アセットは主に以下となります。・Scaleform ・LWF ・GAF ・UniSWF など $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 30

Slide 30 text

Cygamesの要望は以下のとおり 60FPSでも処理負荷少なく・UIが作れる・テクスチャのとりまわしができる・ソースコードが存在しているなどこれらの要望を満たすツールは正直ありませんでした・・・。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 31

Slide 31 text

そこで開発を自社ですることにしました。結果、臨機応変に要望やバグに対応できるツールとなり、発展しております。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 32

Slide 32 text

TIPS $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 33

Slide 33 text

TIPS その１テキストデータ、XMLデータなどからデータを読むのは、非常に遅いです。 UnityのScriptableObjectはバイナリ形式になりますし、データを格納する手段として非常に有効でした。容量的にも速度的にも有用だと思います。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 34

Slide 34 text

TIPS その2 MonoBehaviourの多用はやめましょう。開発当初は右図のGameobject全てにアタッチしていたのですが、ロードや処理負荷が重すぎてやめました。現在はMOT_rootにFlRootがアタッチされているだけとなっています。これが下層オブジェクトの更新を管理しています。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 35

Slide 35 text

TIPS その3 Gameobjectはランタイムで作成したほうが速い。 Gameobjectをプレファブにあらかじめ格納するか、ランタイムで作り出すかを比較したところ、あるゲームではロード時間が約3倍改善しました。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 36

Slide 36 text

おわりに $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 37

Slide 37 text

実は私はMayaなどのDCCツールのスクリプト開発がメインだったのですが、動くUIを作りたいという思いから、 Unity、C#を勉強してツールの開発をさせていただきました。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 38

Slide 38 text

Cygameｓはチャレンジできる会社ですので、今後も大きな挑戦をしていくために、協力していただける方を募集しております。 ※エンジニアだけでなく、テクニカルデザイナー、３D、２Dデザイナーも広く募集しております。詳しくは採用ページをご覧ください。よろしくお願い致します。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE

Slide 39

Slide 39 text

以上となります。ご清聴ありがとうございました。 $POGJEFOUJBM $PQZSJHIU $ZHBNFT *OD "MM3JHIUT3FTFSWFE