CEDEC2014 SpriteStudio

ヘキサドライブ流 OPTPiX SpriteStudio の最適化術！

自己紹介

ヘキサドライブ

株式会社ヘキサドライブ２００７年２月設立

本社大阪開発、東京開発

社員数約６０名

ヘキサドライブ開発実績 The 3rd Birthday (PSP)

株式会社スクウェア・エニックス

METAL GEAR SOLID SNAKE EATER 3D (3DS)株式会社コナミデジタルエンタテインメント

大神絶景版 (PS3)株式会社カプコン

ZONE OF THE ENDERS HD EDITION (PS3)株式会社コナミデジタルエンタテインメント

MONSTER HUNTER PORTABLE 2nd G for iOS (iOS)株式会社カプコン

etc...

ヘキサドライブ

移植屋じゃないです！

講演者紹介

奥田仁一郎 Jin-ichiro Okuda

SEGA

Crazy Taxi (physics)

WCCF (chief programmer)

etc...

HEXADRIVE

The 3rd Birthday (lead programmer)

会社行くよ～

帰るよ～

ウォーキング中

呑むよ～

拡散性ミリオンアーサー

拡散性ミリオンアーサー

スマートフォン用のゲームアプリ

100万人のアーサー王と100万本のエクスカリバーが存在する世界でプレイヤーがアーサー王の一人となって戦うファンタジーRPG

販売：スクウェア・エニックス

©2012,2013 SQUARE ENIX CO., LTD. All Rights Reserved.

タイトル概要

基本無料、アイテム課金

カードバトルタイプのソーシャルゲーム

ｉＯＳ・Ａｎｄｒｏｉｄ両対応

ネイティブアプリ

２Ｄ表示のみ

Ｖｉｔａ版もあるが本件とは直接関係ありません©2012,2013 SQUARE ENIX CO., LTD. All Rights Reserved.

経緯

新しい運営・開発会社がローンチの会社から運営・開発を引き継いだ

新しい要素を追加する事が困難

テコ入れしたいが、運営維持で手が回らない

ヘキサドライブがお手伝い

ミッション

クライアントアプリのバージョンアップサーバーは変更しない

基本的にはベタ移植

アップデートを容易にする

出来ればＶｉｔａ版にある揺れに対応したい

アセットワークフローの改善旧開発会社内製のアニメーションツールからの脱却

構成

オリジナル OpenGLES 1.x

独自フレームワーク

新クライアント Cocos2D-X

CocosBuilder

SpriteStudio

CocosBuilder と SpriteStudio の組み込み

サンプル通りやれば両方簡単に組み込めた

Spriteクラスをそれぞれ継承するので共存できる

出すだけなら簡単！

問題になったところ

レイヤー化二つの環境を総合的に管理することをあきらめた

レイヤー指定はプログラマーがハードコーディング

アーティストが口頭で指示ｗ

SpriteStudioCocosBuilder


情報の欠落ループ等の設定がコンバート後、データから欠落していた

文字列対応ダメージの数字、スキル名などの文字列への対応が無い

ユーザーデータで対応情報をユーザーデータに格納して対応

ユーザーデータが文字列しか対応してないとか不備が多い


ランタイム（ＳＳプレイヤー）の処理が重い本セッションのメインディッシュ

ＳＳプレイヤーの最適化（ＣＰＵ）

毎フレームSpriteが生成されていた

事前に生成するよう変更

軽量化！！

何か重い

ＰＣだと平気だが実機だと重い

表示物も少ない単純なシーンでも重い

描画面積じゃね？

スマホあるある

コンシューマに迫るスペック

解像度とスペックのバランスが悪い

フルＨＤ以上の解像度！？

表示面積がネックになる事が多い

じゃぁ、我々のタイトルは？

表示面積がネックになってそう

いやいや、オリジナルと同じモノしか出してないし

SpriteStudioが最適化されていないΣΣ(ﾟдﾟlll)

そもそもオリジナルは余裕で表示できてるよ！？

ＳＳプレイヤーの最適化（ＧＰＵ）

ピクセル（フラグメント）シェーダーに分岐処理がorz

vec4 pixel = texture2D(u_texture, v_texCoord);

float rate = v_fragmentColor.a;

vec4 blend = v_fragmentColor * rate;

int selecter = u_selector;

vec4 _blend = (selecter == 3) ? -blend : blend;

vec4 _color = (selecter <= 1) ? pixel * (1.0 -rate) : pixel;

_color+=(selecter==1) ? (pixel * blend) : _blend;

pixel.rgb = _color.rgb ;

pixel *= u_alpha;

gl_FragColor = pixel;


ミックス

乗算

加算

減算

ポリゴン

テクスチャ


特化する事で分岐を排除アルファブレンドと加算ブレンドしか使わない

カラーブレンドは乗算のみ

それ以外の表現を使うと再現されない


ミックス

乗算

加算

減算

ポリゴン

テクスチャ


フル機能使っている場合は？


ミックス

乗算

加算

減算

カラー

テクスチャ

mul add


フル機能使っている場合は？データ構造を見直すべき

データを見直せなくてもＣＰＵで事前計算可能

最悪バーテックスシェーダーで処理

ダイコン王の野望ッッッン!!

ダイコン王の野望ッッッン!!

ダイコンの！ダイコンによる！

ダイコンのためのダイコンゲーム！

スマートフォン用のゲームアプリ

ヘキサドライブオリジナルタイトル

Copyright © 2014 HEXADRIVE Inc.

構成

Unity

NGUI

SpriteStudio


ＧＣによる強烈なスパイク

Newの撤廃

とにかくランタイム内のNewが多いorz


初回フレームの処理負荷が高い

ロジックの見直し

(ﾟдﾟ)Σ ２回呼ばれている！！


とにかく呼び出し関数が多い

各パラメータ参照のオーバーヘッド見直し

アニメーション更新処理が重い

パラメータのキャッシュ化やロジックの最適化


アニメーション参照処理負荷が高い

初期化時にインデックス化

(ﾟдﾟ)Σ 総当りで文字列比較してる！！

ＳＳプレイヤーの最適化

他にも… 使用しない機能はバンバンカット

コリジョン判定処理

サブアニメーション機能

etc...

まとめ

ＳＳプレイヤーの最適化まとめ

最適化はされていない！

とりあえず動く状態だと思え

凝ったゲームを作ろうとすると最適化が必要

要望

Editorで出力したファイルをprefab化する機能が欲しい作っちゃったYO

Drawcallが多くなる自動でアトラス化とか欲しいなぁ～

要望

アーティストが仕様を守ってくれない (^^; プロジェクト毎にデフォルトや機能のマスクを定義して配布

できる仕組みが欲しい！

実はできるらしい…orz

GitHub

オープンソース

https://github.com/SpriteStudio

って事らしいです

みんなで最適化してアップしてよ

質疑応答

ご清聴ありがとうございました

CEDEC2014 SpriteStudio

Engineering

Transcript of CEDEC2014 SpriteStudio