2014年くらいにやる adobe air スマフォゲーム開発
DESCRIPTION
Adobe AIR で iOS / Android 向けゲームを開発して商用リリースまでやったので、Adobe AIR 周辺のゲーム開発がどのようなものだったか、肌感覚をお伝えします。 関連まとめ:http://docs.tatsuya-koyama.com/dev-log/adobe-air-dev-summary/TRANSCRIPT
![Page 1: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/1.jpg)
2014 年くらいにやるAdobe AIRスマフォゲーム開発
2014-09-22
Copyright (C) 2014 DeNA Co.,Ltd. All Rights Reserved.
Tatsuya KoyamaDeNA Co., Ltd.
Japan リージョン ゲーム事業本部
![Page 2: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/2.jpg)
今日話すこと i
![Page 3: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/3.jpg)
・Adobe AIR で iOS / Android 向け ゲームをつくってリリースしました
・2D ゲームつくるなら Unity, Cocos2D と並ぶ選択肢になるよ
・Flash できるアーティストと 相性よくて嬉しい
![Page 4: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/4.jpg)
わたしは誰
![Page 5: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/5.jpg)
Tatsuya Koyama
tatsuya-koyama.com
つくったものとかソースコード
ゲームプログラマです
![Page 6: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/6.jpg)
学生時代につくったゲーム
C++ & DirectX
Flash
Java App
![Page 7: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/7.jpg)
最近趣味でつくったゲーム
Adobe AIR(AS3)
![Page 8: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/8.jpg)
仕事でつくったゲーム
Client (JS)
Server (Perl + JS)
![Page 9: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/9.jpg)
今回つくったゲーム
![Page 10: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/10.jpg)
Copyright ©1999-2014 DeNA Co.,Ltd. All rights reserved
![Page 11: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/11.jpg)
ねこがかわいいおしゃれカジュアルパズル
わりとうごく!
![Page 12: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/12.jpg)
Adobe AIR でつくったよ!
![Page 13: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/13.jpg)
Adobe AIR とFlash
ふたりは なかよし
![Page 14: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/14.jpg)
Flash をとりまく悲しい歴史
![Page 15: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/15.jpg)
悪いな、Flash 君の席は無いんだ
えっ…
2010年 4月
![Page 16: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/16.jpg)
わたしたち、もう別れたほうがいいと思うの
えっ…
2013年 4月
![Page 17: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/17.jpg)
Flash は終わってしまったのか?
![Page 18: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/18.jpg)
Adobe AIR は終わってない
![Page 19: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/19.jpg)
2011年 11月Adobe はモバイル向けを AIR に注力
あとは俺に任せろ…
![Page 20: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/20.jpg)
Adobe AIR ならFlash のアセットも組み込みやすい
![Page 21: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/21.jpg)
実際 AIR でどれくらいできるのか
![Page 22: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/22.jpg)
今回実際につくったもの
・iOS / Android・パズルとデコ要素
・Game Server あり・課金あり・外部サービス連携あり・動的アセット DL あり
わりと よくある要件!
![Page 23: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/23.jpg)
チーム開発の規模感
・Producer・PM / Level Designer
・Client Programmer・Server Engineer
・Art Director・Artist・Technical Artist
・Assistant
フルスクラッチで10人 x 8ヶ月くらい
わりと だとう!
![Page 24: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/24.jpg)
【AIR 質問あるある】Adobe AIR って
描画とか遅くないの?
![Page 25: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/25.jpg)
・最近はふつうに Flash / AIR で GPU レンダリングができる
・OpenGL とかの上に乗っている 抽象化レイヤー
Stage3D
![Page 26: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/26.jpg)
・AIR SDK 3.2 にて iOS / Android でも Stage3D が利用可能に
・ここから先はほぼ ネイティブ相当の速度が出る
2012年 3月
![Page 27: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/27.jpg)
パフォーマンス
これくらいのゲームなら普通に FPS 60 出るよ
( iPhone4S とか 2012 年くらいの Android)
![Page 28: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/28.jpg)
普通に使えるよ!(なんかあまり知られてないけど)
![Page 29: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/29.jpg)
アーキテクチャと開発フロー どんな感じ
![Page 30: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/30.jpg)
全体観
GPU
OpenGL DirectX
Stage3D
Mac / Win / iOS / Android
Starling
自前フレームワーク
ゲームのコード(AS3)
Adobe AIR Flash Player
周辺ライブラリ
IDE / プロファイラ
![Page 31: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/31.jpg)
周辺ライブラリ
Starling・Stage3D を Flash のノリで扱える・Adobe 公式サポート・AIR で 2D 向けゲーム作るなら定番
・ゲームフレームワーク のレイヤーは自作 (オープンソースです)
![Page 32: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/32.jpg)
周辺ライブラリ
DragonBones・ボーンアニメーションのライブラリ・Adobe 公式サポート
・Flash で作ったアセットを GPU レンダリングするのに使う
![Page 33: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/33.jpg)
・Flash からデータを吐き出す Extension と その再生ライブラリ(AS3 / JS)から成る
![Page 34: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/34.jpg)
・UI の外観やアニメーションなどは アーティストが Flash で制作
・見た目をハードコードとかしない!
![Page 35: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/35.jpg)
・こういう 2D アニメは 他だと Spine とか Sprite Studio とか あるけど
・枯れてる定番ツールの Flash をそのまま 使えるというのは嬉しい
・過去の Flash 資産も 利用しやすい
![Page 36: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/36.jpg)
・スマフォっぽいリストの UI(それでいてグラフィカルなやつ) は を利用
・Starling 上でタッチデバイス 向け UI を扱えるライブラリ
![Page 37: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/37.jpg)
・パズルの猫など 小さくて物量があるところは パフォーマンス優先で パラパラ Sprite アニメ
・これも Flash から書き出し
・Starling には MovieClip を フレームアニメとして 再生する機能が最初からある
![Page 38: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/38.jpg)
周辺ツール
Adobe Scout
![Page 39: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/39.jpg)
・かっこいいプロファイラ・使い勝手よい / 実際に業務レベルで役に立った・全フレームの Stage3D の描画命令をキャプチャ してくれるので、描画のボトルネックを見つけやすい
![Page 40: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/40.jpg)
まとめ
![Page 41: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/41.jpg)
・Adobe AIR はスマフォゲーム開発 に十分耐えうるよ
・言語、企業サポート、周辺ツール などの観点で好みに合わせて選ぼう
![Page 42: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/42.jpg)
・周辺ライブラリは一通り揃っていて そんなに困ることはなかった
・Flash と相性よいのがメリット (Adobe 製品使うアーティストは多い)
・見た目をアーティスト駆動にするのは ゲームのチーム開発では重要!
![Page 43: 2014年くらいにやる Adobe AIR スマフォゲーム開発](https://reader034.vdocuments.mx/reader034/viewer/2022042816/5594aa751a28abbf018b45bf/html5/thumbnails/43.jpg)
おしまい