【Android, WebGL】Unity, PUN2でクロスプレイを実装する方法【iOSはわからない】

PUN2(Photon Unity Networking 2):

を使ってオンライン機能をもったゲームをUnityで作る時に、android, webGL, iOSなど、異なるプラットフォーム同士でも同じ部屋でもちゃんと遊べるようにしたいですね。私の最初のゲーム「直進パズルオンライン」

google play(android)

unityroom(webGL)

でもそうしたのですが、そこで少し躓いたのでここにメモします。

【前提】

Unity ver. 2021.3.30f

PUN2 ver. PUN: 2.40 Photon lib: 4.1.6.11

同じプラットフォームでの通信はOK


【最初にやったこと】

PUN2の設定項目を以下のようにしていました。
















これでgoogle playに登録し、androidスマホ同士でオンライン対戦ができていました。ただし、この設定のままWebGL形式でビルドしてunityroomに登録したところ、android同士、WebGL(unityroom)同士では同じ部屋に入ってオンライン対戦できるのに、androidとWebGLのクロスプレイができませんでした。具体的には、同じ部屋に入ったつもりでも、互いに認識せず、違う部屋の判定になっているようでした。


【解決法】

PUN2の設定項目を以下のように変更しました。

























通信ProtocolをUDPからWeb Socket Secure(WSS)に変更しました。そのうえでandroid/webGLでビルドし、それぞれgoogle play/unityroom双方に登録したところ、互いに通信ができました。ちなみに、Tcpではうまくいかなかったと思います。(WSSでも最初うまくいかないときがあった。原因は謎。)これでなぜ解決できたのかというとWebGL側にあって、株式会社フレームシンセシス様によると、”WebGLビルドでもそこそこいい感じに動く（ただしトランスポートにWebSocketが使用されTCP通信になる）”とあり、少なくともudp通信はしないみたいです。(私はいまいち意味はわかっていない)そういうわけで、上記対応でうまくいきました。

android, WebGLとiOS間でも通信がうまくいくかどうかも気になるところですが、今Mac/iOSの開発環境がありませんので、調査できません。今後(の収益)に期待。





コメント

コメントを投稿

このブログの人気の投稿

写真・イラストからドット絵を作る方法

ドット絵って良いですよね。私が小学生の時はスーファミが全盛期だったので、ドット絵には非常になじみがあります。私のゲームでも使いたい！と思ったので、ドット絵を簡単に作る方法を調べました。 【概要】 １．写真からドット絵： ドット絵こんばーた である程度のドット絵を作る ２．ドット絵の編集： Piskel で読み込み、編集する ３．参考：ドット絵の心得 【１．写真からドット絵： ドット絵こんばーた である程度のドット絵を作る】 ドット絵こんばーた を使えば、非常に簡単にドット化(低解像度化)ができます。色を二色にすれば白黒、色数を増やせば元の画像に近い色使いでドット化できます。作られたドット絵をローカルにpngとかで保存しておきます。 【２．ドット絵の編集： Piskel で読み込み、編集する】 Piskel を使えば、１．で保存した画像を読み込み、編集できます。ソフトでドット化した画像はところどころ違和感があるので、手で直します。Piskelは無料ですが、 Aseprite は現在19.99ドルで、有料な分機能が良いらしいです。 【３．参考：ドット絵の心得】 ひろはすさんのYoutubeチャンネル のドット絵の描き方講座が参考になりそうです。
続きを読む

Boss Room: a Co-op, Multiplayer RPG Sampleを触ってみる

イメージ
Unity公式のマルチプレイヤーゲームのサンプル： Boss Room: a Co-op, Multiplayer RPG Sample を使おうということで、以下勉強中に書いたメモを残しておきます。 基本的には公式からのdocument: Getting Started with Boss Room の通りに進めていきますので、新しいことはないかもしれませんが、 元のマニュアルは英語なので、日本語訳がてらメモを残そう、ということです。 (後の自分のためにもなるからね) 結構DeepLの直訳です。早いからね。 【目的】 ・Boss Roomをインストールして、色々触ってみる、動かしてみる。 ・最終的には2Dのゲームを作りたいので、2Dのゲームに移行できるように、 　マルチプレイヤー・ネットワーク関連の動作の原理を理解する。 (・せっかくなので3Dのマルチのゲームを作れるようにもなりたい) 【前提】 ・windows環境 ・Unityそのものの使い方はちょっと知っている 　(私は2Dのパズルゲームを一つリリースしている程度なので、大した経験はない) (・PUN2は使ったことがある) 【Boss Room Overview　Boss Roomの概要】 Boss Roomは、キャラクタの能力、遅延を見えなくするためのキャスティング・アニメーション、複製オブジェクト、RPC、Relay、Lobby、Authenticationサービスとの統合など、マルチプレイヤー・ゲーム・フローの背後にあるコンセプトやパターンを探求するのに役立つように設計されています。 このプロジェクトは、あなた自身のUnityゲームのための参考出発点として使用することも、要素を個別に使用することもできます。 【Getting the project　Boss Roomの始め方】 Git からダウンロードして使います。私はDirect Downloadのところに書いている通り、Code ButtonからDownkiad Zipでダウンロードしました。Zipを解凍(展開)して、Unityの他のゲームプロジェクトと同じ場所に移動します。 【Opening the project for the first time　Boss Roomを最初に開く時】 プロジェクトをダウンロードしたら、以下のステップに従ってプ...
続きを読む

Unity, 3D↔2Dの変更

イメージ
Boss Roomが3Dのプロジェクトで 私の目的は2Dなので、３D↔２Dの変更ができればいいなと思ってググったらありました。 いんでぃーづ様 メニューから Edit > Project Setting > Editor と開き、 Default Behaviour Modeを2Dにすると、 新規にシーンを作成した際、2Dの設定で立ち上がるそうです。 Boss Roomでやってみましょう。 上記の設定を行っても特に変化はわかりませんでした。 というのも、既存のシーンは3Dなので、新規で作り直す必要があるようです。 MainMenuというシーンがあるので、MainMenu2Dというシーンを作ってみたら、 めっちゃ3Dでした。 > カメラをOrthographic設定にします。 > この設定にすることで二次元感が出ます。 という記述があったのでカメラを確認したところ、2Dで作ったシーンなのでカメラも 自動的にOrthographicでした。 なんでやろと思ったら、 右上の2Dのところ(電球みたいなマークの左、三日月みたいなマークの右) がオフになっていたので、クリックすると2Dになりました。（画像はオンの状態） あとはCanvasに色々置くとカメラに映るはずですね。 とりあえずおわり。
続きを読む