Unity as a Libraryで実現する視聴者介入型ライブゲーミング

Transcript

1. Unity as a Libraryで実現する 視聴者介入型ライブゲーミング 〜動作の仕組みやネイティブとの役割分担をご紹介〜 ミラティブ 菅谷
2. 自己紹介 • 菅谷（twitter:tetsujp84） ◦ 2020〜 ミラティブ ◦ Unityエンジニアマネージャー ◦ エモモ開発・ライブゲーミング開発
3. Mirrativ • スマホでかんたんにアバター配信 ができる顔出しナシのゲーム配信 プラットフォーム • 画面共有機能を使って、スマート フォンゲームやMirrativのオリジ ナルゲームが遊びながら配信でき る
4. 今回のLT内容 • CEDEC 2022にてライブゲーミングについて紹介 ◦ ミラティブでのモバイル×ライブゲーミングへの取り組みと挑戦 https://cedil.cesa.or.jp/cedil_sessions/view/2644 • Unity as a Libraryを用いたライブゲーミングの仕組みにフォーカスし て解説
5. Mirrativのライブゲーミング • ライブ配信機能とゲームの機能とが密に連動したものを 「ライブゲーミング」と呼称 • Mirrativのアプリ内でライブゲーミングが遊べる
6. ライブゲーミングの機能例 視聴者から贈られたギフトがリアルタイムにゲームで使えるアイテムになります ギフトを贈ると配信者にお助けアイテムが届く 「視聴者介入型」のゲーム 視聴者 配信者
7. ライブゲーミングの実現方法 • 1つのアプリ上で配信をしながらゲームを動かす ◦ ライブ配信の機能が必要 ◦ ゲームの機能が必要 • ライブ配信やギフトはネイティブで、ゲームはUnityで実装し、 1つのアプリに両方の機能を入れる ◦ Unity as a Libraryでの実装例を紹介
8. Unity as a Library • Unityで開発した機能をネイティブモバイルアプリに直接挿入する技術 • ネイティブの機能とUnityの機能を1つのアプリとして同時に利用できる
9. MirrativとUnity as a Library • Mirrativアプリ内にUnityで開発した ゲームを含めて動かす Mirrativアプリ Unity as a Library WebGLゲーム
 ゲーム Unityで表示 ネイティブで表示
10. ギフトによる視聴者介入の流れ 1. 視聴者がギフトを送る 2. Mirrativサーバーにリクエストが届く 3. サーバーからBCSVRを使って配信者にギフト情報を送る BCSVR：Pub/Subを利用した双方向リアルタイム通信を実現する仕組み 4. 配信者のネイティブ領域がギフト情報を受け取る 5. ギフト情報をネイティブからUnityにメッセージング 6. メッセージの内容に応じてゲーム内処理を実行
11. ギフトによる視聴者介入の流れ 視聴者→サーバー→ネイティブ→Unityの順でメッセージングが行われる
12. ネイティブとUnity連携のサンプル • ネイティブからUnityへのメッセージングはsendMessageToGOを利用 • 起動中のゲームごとにパラメータに応じた処理を実行 // sendMessageToGOで情報を送る UnityFramework.getInstance()?.sendMessageToGO( withName: “ApiHandler”, functionName: “MiniGameInput”, message: “パラメータ”) iOS（Swift） // 同一名のオブジェクト、メソッドを用意して情報を受け取る public class ApiHandler : MonoBehaviour { public void MiniGameInput(string parameter) { // 起動中のゲームごとにパラメータに応じた処理を行う currentMiniGame.Input(parameter) Unity
13. Unity内でのパラメータ処理 • パラメータはフォーマットルールを決めて処理を分岐 • 「,」でKeyとValueを区切る、ValueはJsonで渡すフォーマット parameterの形式例：以下のようなフォーマットでネイティブから送られる 　gift,ギフト内容のJson（ID、贈ってくれたユーザー情報、時間、量など）のBase64エンコード public class MiniGame { public void Input(string parameter) { // 「,」でkey,valueを判定 var codes = parameter.Split(','); switch (codes[0]) { // パラメータがギフトのもの case “gift”: var input = Utility.Base64ToUtf8(codes[1]); var effect = JsonConvert.DeserializeObject(input); // ギフトの内容に応じた効果処理を実行 Unity
14. 通信処理の特徴 • サーバーからのギフト情報はネイティブが仲介する ◦ アプリに元からあるギフトの仕組みが使える ◦ ネイティブ/Unityが二重で受け取ることを避ける ◦ Unityに対応したBCSVRのPub/Subの仕組みがない • 所持アイテムの取得など、ゲーム固有のAPI通信はUnityが行う ◦ 以前はAPI通信もネイティブが行っていた ◦ ネイティブが中継するだけになることが多かったため、Unityとサー バーとが直接通信できるようにした
15. ライブゲーミングでのネイティブの役割 • BCSVRから受け取るコメント・ギフト情報の管理・表示 • Unity領域の起動・終了・初期化処理 ◦ UnityでAPI通信を行うためのログイン情報の共有 • 一部UIの表示 ◦ Mirrativ内で既にネイティブで実装しており、再利用したいUI ▪ コメント画面、ガチャ画面 ◦ Unityプロジェクトには含まれない画像を表示するようなUI ▪ ユーザーのアイコンを表示するランキング画面 • (メリット)ゲーム内容によらず共通化がしやすい
16. ライブゲーミングでのUnityの役割 • ゲーム本体の動作 ◦ ユーザーからのゲーム操作の受付 ◦ ゲーム内UIの表示 • APIサーバーとの通信 ◦ ユーザーのアイテム取得通信、ゲームクリア通信など • (メリット)通常のUnityでのゲーム開発と近い開発ができる
17. まとめ • ライブ配信とゲームとが連動したライブゲーミングに挑戦 • ライブゲーミングの例：ギフトを使った視聴者介入 • Unity as a Libraryを使ってネイティブとUnityとを連携させる • ネイティブ・Unityが持つそれぞれのメリットが活かせる