Cocos2d-x 3.0を使ったゲーム “消滅都市” の開発事例

10. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • 使用したCocos2d-xの推移 – v2.2.5 (プロトタイプのみに使用) – v3.0 alpha0 (本開発開始後) – v3.0 beta2 – v3.0 rc1 • 消滅都市ロンチ時のCocos2d-x – v3.0 rc1 – 必要なパッチのcherry-pick – 幾つかの改造 Cocos2d-xのバージョン

11. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • 苦労した点 – v2系とv3系だとクラスの名前が違う – v3.0 betaでディレクトリ構成が変わる – v3.0系最初の頃はやはり不安定だった • バージョンアップが結構つらかった – 作業に一週間弱程度かかった – ロンチ以降はバージョンアップはしていない Cocos2d-xのバージョン

13. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • ゲームエンジン…？ – というよりはゲームフレームワーク – ツール類は標準のものがない – 自由に組み合わせて使う • 長所 – アプリ仕様やメンバー構成に応じて自由自在 – サードパーティSDKの組み込みやすさ • 短所 – 組み合わせを考えるのが大変 – 仕組みのセットアップが必要になる開発環境と周辺ライブラリ

15. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • メインのコーディング環境 – C++ 11 – MacOSX + Xcode – iOSデバイス or シミュレータで開発を行う • Androidの開発環境 – IDE等は使用していない – 問題が起こったらprintfデバッグ (笑) • ※そもそもあまり問題が起こらなかった開発環境と周辺ライブラリ

16. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • libdispatch – バックグラウンド処理を書きやすく – 主に通信関係の処理の部分で使用開発環境と周辺ライブラリ • Cricket Audio – マルチプラットフォーム – 基本的な機能を備えている – サポートが手厚い (英語のみ) – 低コスト (無料 or 低額) http://www.crickettechnology.com/

25. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • デザイナーの意向がそのままゲームに – ゲーム画面を直感的に作りこめた – 新しくツールを覚える必要がなかった • イマイチ – テクスチャがアトラス化されない (未対応) • やれば出来るけど本気出してないだけ – フォントの見た目が若干違う – エクスポートが遅い • 横展開 – Cocos2d-xで開発中の他ゲームでも使用 – レイヤー構造仕様にデザイナが慣れつつある UI制作環境

27. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • 消滅都市はアクションゲーム – ぬるぬる動く状態(60FPS)を目指したい • パフォーマンス – CPU, GPU – データ入出力 (ディスク、ネットワークetc) – メモリ消費量 • 重要なこと – パフォーマンスに囚われるとゲームは出ない – 消滅都市は4月～5月に最適化を実施パフォーマンス関連

28. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • CPUパフォーマンスの向上 – Xcode Instrumentsを使用して調査 • アプリ側のコードでの問題を修正 – オブジェクトの頻繁な作成と削除 • Sprite / Node → うまく使いまわす • ゲーム用のオブジェクト – ゲーム中にディスクアクセスをしていた – 見えていないLWFアニメーションが動いてたパフォーマンス関連

29. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • パーティクルエフェクトを削除 – ちょっとCPU的な負荷が大きかった – Cocos2d-xの最新版でどうなってるかな？ – LWFアニメーションで代替 • SpriteBatchNodeの明示的な使用 – ドローコールを削減する機能 – 自動にドローコールをまとめる機能がある • Cocos2d-x 3.x系以降 – 明示的に使うとCPU負荷が下がったパフォーマンス関連

31. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • GPUパフォーマンスの向上 – 頂点 (2Dゲームの場合はほぼ考慮不要) – ピクセルフィル (大きく影響) – ドローコール数 • CPU最適化によっても…？ – GPUがCPUの熱の影響を受ける – OS側から周波数ダウンのペナルティ • アプリ側が割り込む隙は無いパフォーマンス関連

36. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. パフォーマンス関連 glEnable(GL_SCISSOR_TEST); float bottomAreaHeight = viewRect.origin.y; if (bottomAreaHeight != 0.0f) { glScissor(0,0,frameSize.width, (int)bottomAreaHeight+1); glClear(GL_COLOR_BUFFER_BIT); } // (中略) glDisable(GL_SCISSOR_TEST);

38. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • Android ハードウエアスケーラ – (ほぼ？) ノーコストで引き伸ばしが可能 – 高解像度端末で効果大 • 特にタブレット向け • FPS37→60弱まで改善した端末も – API呼び出しによりバッファサイズを変更 • SDK : setFixedSize • NDK : ANativeWindow_setBufferGeometry パフォーマンス関連

39. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • Android ハードウエアスケーラ – Cocos2d-xの改造が一部必要 • 最新版では？ – 改造方法 (コードは省略) • JNI経由で物理サイズとバッファサイズ両方渡す • GLViewProtocol::_screenSizeの意味を変える • タッチ位置座標の計算方法を変更パフォーマンス関連

41. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • フォントデータのスリム化 – 運用により肥大化していく問題 – テクスチャサイズを大きくすると • メモリ消費量の増大 • 速度低下？ (実感としては無かった) –8bppにしても内部で32bppに変換される • Cocos2d-xを改造して8bppのまま扱えるように • 最新版では？パフォーマンス関連

42. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • フォントデータのスリム化 – PNG_COLOR_TYPE_GRAY – PixelFormat::I8からPixelFormat::A8に変更 • I8の場合、その後32bppに変換される – フォントの場合のみA8を使用するように • 引数としてフラグを追加パフォーマンス関連

44. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. パフォーマンス関連 float texVal = texture2D(CC_Texture0, v_texCoord).a; float intensity = texVal > 0.5 ? texVal * 2.0 - 1.0 : 0.0; vec4 color = vec4(intensity, intensity, intensity, texVal > 0.5 ? 1.0 : texVal * 2.0); gl_FragColor = v_fragmentColor * color;

48. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • シェーダ追加の注意点 – Androidでシェーダの再生成が必要 • EVENT_COME_TO_FOREGROUNDのハンドリング – いろんなタイミングで発生 • スリープ復帰時 • クレードルに乗せたとき – 独自アプリが立ち上がるものがある – 忘れるとシェーダが無効なままゲーム続行 • クラッシュすることは無い • 絵が崩れるカスタムシェーダとゲーム内表現

52. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • 消滅都市 – グリー社内で初のCocos2d-xゲーム • 社内にノウハウが少ない – Cocos2d-xを使った「良い設計」とは…？ • Cocos2d-xの便利な機能 “runAction” – これを使って書いていくのが”Cocos流” – 消滅都市でもたくさん使っていました – 普通のゲームではupdateで少しずつ更新 Cocos2d-xとアクションゲーム

53. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • アクションゲームの部分でも多用 – 通常のupdate処理 + runActionを併用 – だんだんとワケガワカラナイヨ状態に… • なぜ？ – 急に入るゲーム中の割り込み処理 – スキル発動時のカットイン演出 – チュートリアル – ポーズボタン Cocos2d-xとアクションゲーム

54. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • 割り込み対応 (ロンチ時) – ノードに対してpause関数を使用して止める • 問題が頻発 – 2回pauseしたあと1回resume – 動き出すタイミングでない状態での開始 • その場しのぎのパッチで乗り切る – だんだんとコードがカオス化 – QAで発覚するバグが頻発 (リリース遅延) – 「俺、ゲーム部分触りたくない」と言われる Cocos2d-xとアクションゲーム

55. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • 2014年秋にゲーム部分の全作り直し – ほぼ「消滅都市２」に – updateループによって動く設計に変更 • 止める場合はupdate呼び出さない • いわゆる「普通のゲーム」の作り方 – runActionを使用しないように • 引き続きゲーム画面以外では使用 Cocos2d-xとアクションゲーム

57. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. Cocos2d-xとアクションゲームアクションの開始コード pAction->startWithTarget(pSprite); pAction->retain(); 毎フレーム実行するコード pAction->step(delta); if (pAction->isDone()) { pAction->release(); }

59. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • iOS8以降でプチフリ問題が発生 – ゲーム開始5分後に1秒少々ハングする – 以後、ゲームを再起動するまで起きなくなる – アクションゲームでは致命的 • β版でも認識していた – 正式版で直るだろうと放置 – 正式版でも起こってしまい絶望 – その後のバージョンアップでも直る気配がない iOS8とプチフリ問題

60. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • タイミングが悪かった (同時期) iOS8とプチフリ問題 – iOS8のリリース – 消滅都市のランキング機能追加 • 「プチフリのせいで失敗」報告が続出 • 本当にごめんなさいぃぃ…(´；ω；｀) • 原因全く掴めず – 見当もつかない – 辛く憂鬱な年末年始を過ごす

61. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • 調査によって状況は判明 – EAGLContext presentRenderBuffer – 制御が返ってこなくなる • 30FPSに落とす実験 – プチフリが起こらなくなる(！) – とは言え、クオリティが低すぎて話にならない • 60FPSと30FPSの差異はなんだろう？ – presentRenderBufferにかかる時間 iOS8とプチフリ問題

63. Copyright © 2015 Wright Flyer Studios, Inc. All Right Reserved. • 長期の調査によって修正方法が判明 iOS8とプチフリ問題 if (_skipNextFrame) { _skipNextFrame = false; return; } CFTimeInterval frameStartTime = CACurrentMediaTime(); [EAGLContext setCurrentContext: [(CCEAGLView*)director->getOpenGLView() ->getEAGLView() context]]; director->mainLoop(); CFTimeInterval elapsed = CACurrentMediaTime() - frameStartTime; CFTimeInterval frameTime = [(CADisplayLink*)_displayLink duration] * [(CADisplayLink*)_displayLink frameInterval]; _skipNextFrame = ( frameTime < elapsed );

Cocos2d-x 3.0を使ったゲーム “消滅都市” の開発事例

gree_tech

Transcript

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Cocos2d-x 3.0を使ったゲーム “消滅都市” の開発事例

gree_tech

Transcript