Upgrade to Pro — share decks privately, control downloads, hide ads and more …

FlashToUnityについて

510ec964f5d26c2724c883fd7b671e3d?s=47 Cygames
November 30, 2015
Programming
1
4.3k

 FlashToUnityについて

2015/11/15 Cygames Tech Fes

510ec964f5d26c2724c883fd7b671e3d?s=128

Cygames

November 30, 2015
Tweet

More Decks by Cygames

See All by Cygames
ウマ娘 プリティーダービーのコンテ制作事例 ～コンテ制作専任チームの誕生とキャラクターを輝かせるコンテ術～
510ec964f5d26c2724c883fd7b671e3d?s=48 cygames
0
3.4k
ウマ娘 プリティーダービーの大規模シナリオ制作を効率化するソリューション～社内Webアプリ開発運用事例～
510ec964f5d26c2724c883fd7b671e3d?s=48 cygames
0
2.1k
ゲーム以外でも最高のコンテンツを！ゲーム会社の作る漫画アプリ『サイコミ』の開発と運用
510ec964f5d26c2724c883fd7b671e3d?s=48 cygames
0
170
ダイナミックな変更を可能にするCyllista Game Engineのオープンワールド向けプロシージャル背景制作ツールと描画機能
510ec964f5d26c2724c883fd7b671e3d?s=48 cygames
0
420
社内報とオウンドメディアの運営で得られた効果 ～企業カルチャーの浸透～
510ec964f5d26c2724c883fd7b671e3d?s=48 cygames
0
150
『プリンセスコネクト！Re:Dive』アニメ撮影におけるテクニカルアーティストの役割 ～最高のアニメRPGを作るための自動化制作事例～
510ec964f5d26c2724c883fd7b671e3d?s=48 cygames
0
960
AAAタイトル開発と在宅勤務を支えるゲームエンジンエンジニアとテクニカルアーティストの取り組み
510ec964f5d26c2724c883fd7b671e3d?s=48 cygames
0
3.2k
【メモあり】ダイナミックな変更を可能にするCyllista Game Engineのオープンワールド向けプロシージャル背景制作ツールと描画機能
510ec964f5d26c2724c883fd7b671e3d?s=48 cygames
0
1.7k
ゲーム制作効率化のためのAIによる画像認識・自然言語処理への取り組み
510ec964f5d26c2724c883fd7b671e3d?s=48 cygames
3
4.9k

Other Decks in Programming

See All in Programming
パラメタライズドテスト
4f8c3a1aedaf9aafd6c74ab077d9ad18?s=48 ledsun
0
220
Agile Tech EXPO_2022／カケハシ
79d1f8ec70d4c77a2eb30052bef0fe35?s=48 kakehashi
0
110
実践 SpiceDB - クライドネイティブ時代をサバイブできるパーミッション管理の実装を目指して / Practical SpiceDB
B1bddcb899ec3060fe9913f3cb70dbb6?s=48 lmt_swallow
0
140
FargateとAthenaで作る、機械学習システム
2e7553bdade564572b26060b4a58b98e?s=48 nayuts
0
190
リーダブルテストコード / #vstat
48a913a2e3bb5e68aae6f73079648e84?s=48 jnchito
48
36k
FullStack eXchange, July 2022
6f3ec7315ad0715ae2a5f89a52877218?s=48 brucel
0
200
Scaling Productivity- How we have improved our dev experience
63c8b0590595c3de58406678ef99a6bf?s=48 sockeqwe
1
120
僕が便利だと感じる Snow Monkey の特徴/20220723_Gifu_WordPress_Meetup
Dda24cce92447593513292ec748c70c4?s=48 oleindesign
0
110
Rust、何もわからない...#3
5d9c07f0c2044b1407a84d88362bc84d?s=48 estie
0
170
VIMRC 2022
E76db8a47bdae9ef76629ecb366483ed?s=48 achimnol
0
140
kintone × LINE Bot で餃子検定Botを作った話
9452778272d5d1a19e897f4b75204fb2?s=48 naberina
0
340
RustのWebフレームワーク周りの概観
E42cffccdc14c60a449caac8de0ce0e0?s=48 hayao
0
180

Featured

See All Featured
The Pragmatic Product Professional
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
19
3.1k
BBQ
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
74
7.9k
Building Applications with DynamoDB
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
84
4.8k
How New CSS Is Changing Everything About Graphic Design on the Web
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
213
11k
The Cult of Friendly URLs
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
68
4.8k
Debugging Ruby Performance
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
65
10k
Six Lessons from altMBA
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
14
1.4k
How GitHub Uses GitHub to Build GitHub
78b475797a14c84799063c7cd073962f?s=48 holman
465
280k
How GitHub (no longer) Works
78b475797a14c84799063c7cd073962f?s=48 holman
297
140k
Art Directing for the Web. Five minutes with CSS Template Areas
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
196
9.5k
Designing for Performance
245cee81a9c424266e5e401d844ea881?s=48 lara
597
64k
Java REST API Framework Comparison - PWX 2021
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
11
4.9k

Transcript

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

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

    ています。 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

  3. アジェンダ • FlashToUnityについて • Unityでの再生 • 開発経緯 • TIPS •

    まとめ $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

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

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

      

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

    

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

    "MM3JHIUT3FTFSWFE   

  8. 仕様は以下のような構成で ① export ここに入っているMCがプレファブに ② mc エクスポート外のMCの格納場所 ③ mc_image 原点中心の画像MC格納場所

    ④ tx_image ビットマップファイル ⑤ tx_symbol テクスチャ化するシンボル 1 ２ ３ ４ ５ $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

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

    "MM3JHIUT3FTFSWFE   

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

    *OD "MM3JHIUT3FTFSWFE   

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

    *OD "MM3JHIUT3FTFSWFE   

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

      

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

    *OD "MM3JHIUT3FTFSWFE   

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

    *OD "MM3JHIUT3FTFSWFE   

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

    *OD "MM3JHIUT3FTFSWFE   

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

    $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

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

      

  18. そのデータは構成は以下のとおり ① テクスチャアトラス情報を格納 ② 位置情報などの格納 ③ カラーとアルファテクスチャ ④ 出力プレファブ 1

    ２ ３ 4 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

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

    *OD "MM3JHIUT3FTFSWFE   

  20. Unityでのプログラム方法 • ルートコンポーネント取得 FlRoot flRoot = gameObject.GetComponentInChildren<FlRoot>(); • モーション（ムービークリップ）の取得 FlMotion

    motion = FlUtility.FindUI<FlMotion>(flRoot, rootObject, "MOT_test0"); • モーション（ムービークリップ）の再生 motion.SetMotionPlay("Loop"); $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

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

    "MM3JHIUT3FTFSWFE   

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

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

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

    "MM3JHIUT3FTFSWFE   

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

    *OD "MM3JHIUT3FTFSWFE   

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

    "MM3JHIUT3FTFSWFE   

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

     

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

     

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

    *OD "MM3JHIUT3FTFSWFE   

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

    ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

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

     

  32. TIPS $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

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

    ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

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

    理しています。 $POGJEFOUJBM $PQZSJHIU ˜$ZHBNFT  *OD "MM3JHIUT3FTFSWFE   

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

    *OD "MM3JHIUT3FTFSWFE   

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

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

    "MM3JHIUT3FTFSWFE   

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

     *OD "MM3JHIUT3FTFSWFE   

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