LoginSignup
3
2

初めてのUnityRoom、ここで躓いた!

Posted at

1.私はUnity歴が浅い

はじめから「自分語り」というのはよくないのかもしれませんが、

この時私は Unityを初めて1ヶ月 経ったとこでした。

1weekが終わったタイミングで、プロジェクトマネージャーさんに

「せっかくなのでUnityRoomで公開しませんか?」

公開することには大賛成だったので、すぐOKしました。

公開する上でデメリットはほぼない。

むしろ就活でも話のネタにできる。
学校外でも多職種でも、幅広くコミュニケーションが取れる人間であると証明される。

実際に制作したゲーム

よしUnityRoomにあげてもらおう!!

私「ビルドupしておきました!」

・・・数時間後・・・

プロマネ「WebGLでビルドし直してください」

WebGL?なにそれ?

ここからプロマネ要望の嵐が来ます

2.「WebGLでビルドし直してください」

WebGLというのはプラットフォームの一種である。

ファイルの拡張子が .exe ではなく .html になるのだ。

Unityのアイコンがついているものが、今ビルド設定されているプラットフォームです。
これをWebGLにかえるみたいです。
Untitled (5).png

そもそもインストールできてない人が多いと思うので、そこから解説していきます~!!

WebGLをインストールする

下のInstallボタンを押すとUnityHubへ飛びます
Untitled (5).png

右下のインストールボタンを押して、インストール終わり次第プロジェクト立ち上げてください
Untitled (6).png

インストール完了したら…

Untitled (6).png
右下に Switch Platform があるので押します。

押すとエディタの方でコンパイルが始まります。
Untitled (7).png

これでプラットフォームの変更はできました!

3.「画面サイズは960×540でお願いします」

え????

最初に1920×1080って言ってたじゃん!!!!

UnityRoomの仕様上、画面サイズというものが存在する。

もちろん1920×1080でも可能ではあるが、大きすぎる。

ブラウザ上でゲームが遊べるようにするためには、ページが拡縮された時でも、画面が収まるようにしなければならない。

それでは設定がんばろう、、!!

アスペクト比変更

ゲーム画面ウィンドウに960×540を追加・設定する
Untitled (8).png

Player Setting の変更

まず下の画面からPlayerSettingを開く(左下にボタンあります)
Untitled (9).png

Untitled (10).png

上の画面になってたらOK!

真ん中あたりにあるResolutionの部分を指定されたサイズに変える
Untitled (11).png

CanvasとかUI周りの修正

正直これが一番めんどくさかった。

ただこのあたりの設定はプロジェクトによって大きく違うので、

Canvas Scaler の変更点だけ記述しておきます。

Canvas → Canvas Scaler → UI Scale Mode を
Scale With Screen Size に変更
Untitled (12).png

Canvas を修正しても表示がうまくいかない場合は
他の箇所(特にanchor周り)を修正した方がいいと思います。

anchorの仕組みを解説してくれている記事があったのでおいておきます。
https://hirokuma.blog/?p=664

4.「データがbrになっているのでできないです。」

有識者さんにききました。

「どうすればいいんですか?」

「gzにしないといけないよ」

ということで調べました。

PlayerSettingの画面です。
Untitled (13).png

以下の部分を見つけてGZipに変えてあげてください。
Untitled (14).png
Publishing Settingsの上から2つ目です。

5.終わった~!!

プロマネ「UnityRoom にあがりました~!」

早速UnityRoomで遊んでみるぞ!!

… あれタイトルの音は?
… なんか速くない?遅くない?

まだまだ穴だらけです。

WebGLでは画面をクリックしないと初めの音がならない仕組みになっています。
また可変フレームレートに対応しておかないと、ゲーム速度が崩れます。(マシンによってFPSが変化するため)

これからもまだまだ伸びしろがあるのでがんばります。

参考文献

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2