GTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセル
•
1 gefällt mir•811 views
アクセルでは、アルファムービーが利用可能なムービーミドルウェア「H2MD」、低遅延・低負荷再生が特徴のサウンドミドルウェア「C-FA」を提供しており、それらを利用したスマートフォン向けゲーム「夢幻のラビリズ」を開発しています。 当セッションでは、UnityやGoogleCloudPlatformを活用した開発手法や、それぞれのミドルウェアを実際に利用してみて分かった活用方法についてお話しします。
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie GTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセル
Ähnlich wie GTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセル (20)
Mehr von Game Tools & Middleware Forum
Mehr von Game Tools & Middleware Forum (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (9)
GTMF 2017 自社ミドルウェアを活用した「夢幻のラビリズ」の開発手法 株式会社アクセル
- 4. 4 • 株式会社アクセル http://www.axell.co.jp/ • 半導体の設計開発・販売が主事業 • 研究開発の知見を活かし、ソフトウェアIP/ミドルウェアを提供中 弊社について 会社紹介
- 6. 6 • 弊社が提供するミドルウェア・ソフトIPの総称 • https://ax-ip.com/ • 現在のラインナップは下記 AXIPとは？ AXIPについて WEB向け ムービーミドルウェア Unity向け ムービーミドルウェア 低負荷・低遅延 サウンドミドルウェア ※本日説明は割愛します
- 7. 7 アルファムービーミドルウェア https://h2md.jp/unity/ テクスチャやuGUIにアルファムービーを使用可能 イベントバナーにネットワーク経由で動画を使用可能 無償評価版ダウンロードやインディーズライセンスも準備 APIドキュメントは評価版ダウンロード後、閲覧可能 H2MD / H2MD for Unity AXIP
- 9. 9 もうすぐリリース 暗号化ストリーム対応（AES） 非同期APIの追加（フェードアウト、シーク） 入力素材のビット深度・サンプリングレート変換（44.1KHz以外もエンコード可に） Planning… SMPLヘッダ付きWaveファイル対応（ループ指定付き素材の読み込み） プレイヤにおけるループ設定の反映（ループのプレビュー） GUIエンコーダ（Macから） PCMキャッシュ Editor拡張によるシーケンスエディタ C-FA ロードマップ AXIP
- 11. 11 夢幻のラビリズ https://labyriz.com/ iOS / Android向けスマートフォンゲーム コスプレ・リズム・ダンジョンRPG 100種類以上の装備によるコスプレ要素 敵はリズムに合わせて行動する ランダム生成ダンジョンを冒険 2017年7月14日 事前登録開始！ 概要 夢幻のラビリズについて
- 16. 16 2016年8月〜 プロトタイピング 2016年9月〜 クライアントサイド設計 2016年12月〜 サーバサイド設計 2017年1月 社内アルファ版・レビュー 2017年4月 社内ベータ 2017年5月末 第1回ベータ 2017年7月7日 第2回オープンベータ 2017年7月14日 事前登録開始！ 2017年7月末 リリース予定 開発期間 「夢幻のラビリズ」開発について
- 17. 17 クライアントアプリ Unity（C#)＋H2MD（アルファムービー）＋C-FA（サウンド） サーバーサイド Google App Engine（Python） Push通知 Firebase for Unity アーキテクチャ 「夢幻のラビリズ」開発について
- 18. 18 Git（Bitbucket） Unity Cloud Build Google Drive Chatwork、Slack ゲーム内素材はUnityPackageをGoogleDriveでやりとり テトラ社で作成した素材を、アクセル側でマージ リモートワーク 「夢幻のラビリズ」開発について アクセル （秋葉原） テトラ （大塚）
- 29. 29 エンコーダはWindowsでもMacでも可能 クオリティを1（低音質）～20（高音質）でコントロール 例えばラビリズでは・・ BGM : 4 (150k bps) (ステレオ) SE : 4 (150k bps) (ステレオ) VOICE : 8 (118k bps) (モノラル) C-FA 圧縮率のコントロール 「夢幻のラビリズ」開発について
- 30. 30 複数のトラックを同時に再生し、ボリュームを個別に変更 プレイヤーが攻撃する -> リズムトラックを追加 プレイヤーが走る -> リズムトラックを2倍速のものに差し替え 次の階へ行けるようになる -> メロディトラックを追加 BGMの動的変更 「夢幻のラビリズ」開発について ※波形はイメージです
- 31. 31 UnityでBGMを16トラック同時再生（Streamingモードで比較） iPhone 5S、Instrumentsプロファイラでcputimeを計測、実行時間で除算 Vorbis： 21.1% ADPCM： 5.1％ C-FA： 8.6% CPU負荷の比較（C-FA） 「夢幻のラビリズ」開発について ※当社調べ
- 34. 34 ユニットテスト （Unity Test Runnner） 「夢幻のラビリズ」の開発手法 ●テスト実行のためGUIのViewとActionのクラスを分離しておく ●Actionのメソッドに対して単体テストを適用 ●検証のカバレッジを上げる ●Unity Cloud Buildでもユニットテストは実行可能
- 37. 37 Cloud BuildでFirebaseによるPush通知が使用できない CloudBuildがpodコマンドをサポートしていない Capabilityの追加をサポートしていない Firebaseを手元でビルドして.soと.aをPluginsフォルダにコピー PostBuildProcess.csでiOSの.xcodeprojを書き換え com.apple.Pushを有効化 Unity Cloud Build 「夢幻のラビリズ」の開発手法 －クライアントサイド Tips－
- 38. 38 Firebase Analytics 「夢幻のラビリズ」の開発手法 －クライアントサイド Tips－ ●解析にはFirebaseを使用 ●初回のベータテストでは解析項目が不足 ●カスタムイベントをできるだけ細かく導入
- 39. 39 マルチカメラによるuGUIパーティクル 「夢幻のラビリズ」の開発手法 －クライアントサイド Tips－ ●uGUIでパーティクルをどうしても使いたい場合 ●uGUIでパーティクルを使用するには3D描画モード（Screen Space – Camera設定）が必要 ●上記にするとuGUIよりもZ値が小さいとuGUIのプレーンを突き抜けてモデルが表示されてしまう ●よって、ボタンがクリックできなくなる ●シーンにカメラを複数置き、3Dシーンを最初のカメラでレンダリングした後、2つ目のカメラのClear Flags = Depth OnlyにしてZバッファをクリア、2つ目のカメラでUIとパーティクルをレンダリング する（2パスレンダリング的な方法） ●3DモデルがuGUIを突き抜けることを抑制できる ●ただしレンダリングコストが高い（H2MDを使えば解決できるかも？）
- 40. 40 AssetBundleのCloudBuild 「夢幻のラビリズ」の開発手法 －クライアントサイド Tips－ ●Google Playではマスタバイナリの100MB制約がある ●GooglePlayが対応するAPK拡張ファイルはUnity Cloud Buildで作成できない ●結果、リソースはAssetBundleに分離 ●Unity Cloud BuildでAsset BundleをビルドしてStreaming Assetsにコピー ●ipaとapkの拡張子をzipに変更して展開 ●クライアントはLoadFromCacheOrDownloadで読み込み ●安定版が出来た時点で、Asset Bundleを取り出してGoogle App Engineにアップロード ●CRCは同時に生成される.manifestをそのままアップロードし、クライアントでパースして取得
- 41. 41 unity-webviewのバウンス無効化 「夢幻のラビリズ」の開発手法 －クライアントサイド Tips－ ●unity-webviewを使用した際、デフォルトではiOSでバウンスが発生する ●webview外の灰色が表示されてしまうため見た目がよくない ●Assets/Plugins/iOS/WebView.mmにおいて((UIScrollView *)subview).bounces = NOを挿入する ことでバウンスを止めることができる - (id)initWithGameObjectName:(const char *)gameObjectName_ transparent:(BOOL)transparent enableWKWebView:(BOOL)enableWKWebView { self = [super init]; ... //追加 id subview = [[webView subviews] objectAtIndex:0]; if([[subview class] isSubclassOfClass:[UIScrollView class]]){ ((UIScrollView *)subview).bounces = NO; } return self; }
- 42. 42 Multi Scene Editing 「夢幻のラビリズ」の開発手法 －クライアントサイド Tips－ ●ロード時間を短縮するために1シーンにUIを入れ込むとiPhome6でメモリが不足 ●UIをPrefab化して動的ロードしたいが参照が崩れる ●Prefabのネストの代用としてUIをシーン化し、Unity 5.3からのMulti Scene Editingを活用 ●SceneManager.LoadScene("main", LoadSceneMode.Additive)でUIを追加読み込み ●ただし、ブロッキングAPIでも追加読み込み後、画面反映まで1フレーム遅延 ●GameObject.Findを行う場合は1フレーム遅延を考慮する必要がある home.unity home_home.unity home_town.unity OR＋
- 44. 44 バックエンド AppEngine (ゲームサーバ) BigQuery (分析) Firebase (通知) フロントエンド React + Redux サーバーサイド アーキテクチャ 「夢幻のラビリズ」開発について
- 45. 45 セーブデータ管理、機種変更対応 アセット（ゲームデータ）の配信と更新 イベントガチャの予約 ショップ商品の設定 イベントクエストの管理 メッセージの発行 メンテナンスモードへの移行 ゲームサーバーの機能 「夢幻のラビリズ」開発について
- 46. 46 stagingサーバ（US） beta / productionサーバ（JP） stagingで開発し、正式版はproductionにDeploy サーバー構成 「夢幻のラビリズ」開発について
- 50. 50 cron.yamlでDataStoreからCloudStorageにデイリーで転送 - description: backup-staging url: /_ah/datastore_admin/backup.create?name=BackupToCloud&kind=SaveData& filesystem=gs&gs_bucket_name=labyriz-backup-staging schedule: every 24 hours target: ah-builtin-python-bundle バックアップ 「夢幻のラビリズ」開発について
- 51. 51 セーブデータ保存時（日付変更をチェック）にStreaming APIで BigQueryに転送し、Google Data Studioで可視化 BigQuery 「夢幻のラビリズ」開発について
- 52. 52 APIの単体テストはコマンドラインから実行 npm run test サーバーロジックのテストは、AppEngineでテスト用のdatastore_stubを作成して利用 class LabyrizTest(unittest.TestCase): def setUp(self): self.testbed = testbed.Testbed() self.testbed.activate() self.testbed.init_datastore_v3_stub() self.testbed.init_memcache_stub() self.testbed.init_user_stub() サーバーサイド ユニットテスト 「夢幻のラビリズ」開発について
- 58. 株式会社アクセル まとめ
- 59. 59 UnityとGoogle Cloud Platformを使用することで小人数で効率的に開発 H2MDとC-FAを使用することで機種依存を吸収 アルファムービーとゲーム進行に応じたサウンド表現によりリッチ化 ミドルウェアの詳細は各WEBサイトをご覧下さい H2MD for Unity https://h2md.jp/unity/ C-FA https://c-fa.jp/ さらに詳細が聞きたい方は、アクセル（AXIP）展示ブースまでお越し下さい！ 全体を通して まとめ
- 60. 60 ご清聴有り難うございました