2014年くらいにやる adobe air スマフォゲーム開発

43
2014 年くらいにやる Adobe AIR スマフォゲーム開発 2014-09-22 Copyright (C) 2014 DeNA Co.,Ltd. All Rights Reserved. Tatsuya Koyama DeNA Co., Ltd. Japan リージョン ゲーム事業本部

Upload: tatsuya-koyama

Post on 02-Jul-2015

728 views

Category:

Software


1 download

DESCRIPTION

Adobe AIR で iOS / Android 向けゲームを開発して商用リリースまでやったので、Adobe AIR 周辺のゲーム開発がどのようなものだったか、肌感覚をお伝えします。 関連まとめ:http://docs.tatsuya-koyama.com/dev-log/adobe-air-dev-summary/

TRANSCRIPT

Page 1: 2014年くらいにやる Adobe AIR スマフォゲーム開発

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 スマフォゲーム開発

今日話すこと i

Page 3: 2014年くらいにやる Adobe AIR スマフォゲーム開発

・Adobe AIR で iOS / Android 向け ゲームをつくってリリースしました

・2D ゲームつくるなら Unity, Cocos2D と並ぶ選択肢になるよ

・Flash できるアーティストと 相性よくて嬉しい

Page 4: 2014年くらいにやる Adobe AIR スマフォゲーム開発

わたしは誰

Page 5: 2014年くらいにやる Adobe AIR スマフォゲーム開発

Tatsuya Koyama

tatsuya-koyama.com

つくったものとかソースコード

ゲームプログラマです

Page 6: 2014年くらいにやる Adobe AIR スマフォゲーム開発

学生時代につくったゲーム

C++ & DirectX

Flash

Java App

Page 7: 2014年くらいにやる Adobe AIR スマフォゲーム開発

最近趣味でつくったゲーム

Adobe AIR(AS3)

Page 8: 2014年くらいにやる Adobe AIR スマフォゲーム開発

仕事でつくったゲーム

Client (JS)

Server (Perl + JS)

Page 9: 2014年くらいにやる Adobe AIR スマフォゲーム開発

今回つくったゲーム

Page 10: 2014年くらいにやる Adobe AIR スマフォゲーム開発

Copyright ©1999-2014 DeNA Co.,Ltd. All rights reserved

Page 11: 2014年くらいにやる Adobe AIR スマフォゲーム開発

ねこがかわいいおしゃれカジュアルパズル

わりとうごく!

Page 12: 2014年くらいにやる Adobe AIR スマフォゲーム開発

Adobe AIR でつくったよ!

Page 13: 2014年くらいにやる Adobe AIR スマフォゲーム開発

Adobe AIR とFlash

ふたりは なかよし

Page 14: 2014年くらいにやる Adobe AIR スマフォゲーム開発

Flash をとりまく悲しい歴史

Page 15: 2014年くらいにやる Adobe AIR スマフォゲーム開発

悪いな、Flash 君の席は無いんだ

えっ…

2010年 4月

Page 16: 2014年くらいにやる Adobe AIR スマフォゲーム開発

わたしたち、もう別れたほうがいいと思うの

えっ…

2013年 4月

Page 17: 2014年くらいにやる Adobe AIR スマフォゲーム開発

Flash は終わってしまったのか?

Page 18: 2014年くらいにやる Adobe AIR スマフォゲーム開発

Adobe AIR は終わってない

Page 19: 2014年くらいにやる Adobe AIR スマフォゲーム開発

2011年 11月Adobe はモバイル向けを AIR に注力

あとは俺に任せろ…

Page 20: 2014年くらいにやる Adobe AIR スマフォゲーム開発

Adobe AIR ならFlash のアセットも組み込みやすい

Page 21: 2014年くらいにやる Adobe AIR スマフォゲーム開発

実際 AIR でどれくらいできるのか

Page 22: 2014年くらいにやる Adobe AIR スマフォゲーム開発

今回実際につくったもの

・iOS / Android・パズルとデコ要素

・Game Server あり・課金あり・外部サービス連携あり・動的アセット DL あり

わりと よくある要件!

Page 23: 2014年くらいにやる Adobe AIR スマフォゲーム開発

チーム開発の規模感

・Producer・PM / Level Designer

・Client Programmer・Server Engineer

・Art Director・Artist・Technical Artist

・Assistant

フルスクラッチで10人 x 8ヶ月くらい

わりと だとう!

Page 24: 2014年くらいにやる Adobe AIR スマフォゲーム開発

【AIR 質問あるある】Adobe AIR って

描画とか遅くないの?

Page 25: 2014年くらいにやる Adobe AIR スマフォゲーム開発

・最近はふつうに Flash / AIR で GPU レンダリングができる

・OpenGL とかの上に乗っている 抽象化レイヤー

Stage3D

Page 26: 2014年くらいにやる Adobe AIR スマフォゲーム開発

・AIR SDK 3.2 にて iOS / Android でも Stage3D が利用可能に

・ここから先はほぼ ネイティブ相当の速度が出る

2012年 3月

Page 27: 2014年くらいにやる Adobe AIR スマフォゲーム開発

パフォーマンス

これくらいのゲームなら普通に FPS 60 出るよ

( iPhone4S とか  2012 年くらいの Android)

Page 28: 2014年くらいにやる Adobe AIR スマフォゲーム開発

普通に使えるよ!(なんかあまり知られてないけど)

Page 29: 2014年くらいにやる Adobe AIR スマフォゲーム開発

アーキテクチャと開発フロー どんな感じ

Page 30: 2014年くらいにやる Adobe AIR スマフォゲーム開発

全体観

GPU

OpenGL DirectX

Stage3D

Mac / Win / iOS / Android

Starling

自前フレームワーク

ゲームのコード(AS3)

Adobe AIR Flash Player

周辺ライブラリ

IDE / プロファイラ

Page 31: 2014年くらいにやる Adobe AIR スマフォゲーム開発

周辺ライブラリ

Starling・Stage3D を Flash のノリで扱える・Adobe 公式サポート・AIR で 2D 向けゲーム作るなら定番

・ゲームフレームワーク のレイヤーは自作 (オープンソースです)

Page 32: 2014年くらいにやる Adobe AIR スマフォゲーム開発

周辺ライブラリ

DragonBones・ボーンアニメーションのライブラリ・Adobe 公式サポート

・Flash で作ったアセットを GPU レンダリングするのに使う

Page 33: 2014年くらいにやる Adobe AIR スマフォゲーム開発

・Flash からデータを吐き出す Extension と その再生ライブラリ(AS3 / JS)から成る

Page 34: 2014年くらいにやる Adobe AIR スマフォゲーム開発

・UI の外観やアニメーションなどは アーティストが Flash で制作

・見た目をハードコードとかしない!

Page 35: 2014年くらいにやる Adobe AIR スマフォゲーム開発

・こういう 2D アニメは 他だと Spine とか Sprite Studio とか あるけど

・枯れてる定番ツールの Flash をそのまま 使えるというのは嬉しい

・過去の Flash 資産も 利用しやすい

Page 36: 2014年くらいにやる Adobe AIR スマフォゲーム開発

・スマフォっぽいリストの UI(それでいてグラフィカルなやつ) は      を利用

・Starling 上でタッチデバイス 向け UI を扱えるライブラリ

Page 37: 2014年くらいにやる Adobe AIR スマフォゲーム開発

・パズルの猫など 小さくて物量があるところは パフォーマンス優先で パラパラ Sprite アニメ

・これも Flash から書き出し

・Starling には MovieClip を フレームアニメとして 再生する機能が最初からある

Page 38: 2014年くらいにやる Adobe AIR スマフォゲーム開発

周辺ツール

Adobe Scout

Page 39: 2014年くらいにやる Adobe AIR スマフォゲーム開発

・かっこいいプロファイラ・使い勝手よい / 実際に業務レベルで役に立った・全フレームの Stage3D の描画命令をキャプチャ してくれるので、描画のボトルネックを見つけやすい

Page 40: 2014年くらいにやる Adobe AIR スマフォゲーム開発

まとめ

Page 41: 2014年くらいにやる Adobe AIR スマフォゲーム開発

・Adobe AIR はスマフォゲーム開発 に十分耐えうるよ

・言語、企業サポート、周辺ツール などの観点で好みに合わせて選ぼう

Page 42: 2014年くらいにやる Adobe AIR スマフォゲーム開発

・周辺ライブラリは一通り揃っていて そんなに困ることはなかった

・Flash と相性よいのがメリット (Adobe 製品使うアーティストは多い)

・見た目をアーティスト駆動にするのは ゲームのチーム開発では重要!

Page 43: 2014年くらいにやる Adobe AIR スマフォゲーム開発

おしまい