Unityで作ったゲームをWebGLでBuildしてGitHubでプレイする

動作環境

1. Windows 10 Home 21H2
2. Unity version 2021.1.21f1

Unityで作ったゲームをWegGLでBuildする

Unityを開いて操作します。

1. 「Edit」->「Project Setting...」

2. 「Publishing Settings」->「Compression Format」をDisabledに変更する。

3. 「File」->「Build Settings...」

4. 「WebGL」に設定->「Build」

5. 保存先フォルダを指定。ここでは新規フォルダ「Buildgithub」を作成して保存先に指定

BuildしたデータをGitHubにアップする

1. GitHubで新しいRepositoriesを作成

2. Repositoriesの名前と公開設定などを指定。「Public」にしないとうまくいかなかった（6.で詳細について説明あり）

「Repository name」を入力（->「Description」の記入はどっちでも）->「Public」->「Create repository」

3. GitHub Desktopを使用してBuildしたファイルをクローンする

HTTPSを選択し「Set up in Desktop」をクリック
「clone」をクリック

4. cloneしたrepositoryにBuildしたファイルをアップする

Buildしたデータ（1.Build, 2.TemplateData, 3.index）をコピー（or切り取り）して、gitHubのフォルダ貼り付ける

5. GitHub Desktopでmainにcommitする

Summary (required)に何か記入する。ここではtestと入力 -> 「Commit to main」
「Publish branch」をクリック

6. GitHubでBuildしたゲームのURLを取得する

「Settings」->「GitHub Pages」->「Chenk it out here!」※2.でPublicにしないとGitHub Pagesから次に進まなくなる

「GitHub Pages」->「Source」->「None」を「main」に変更->「Save」

得られたURLをコピーする。ちなみにクリックしたら遊べます

7. GitHubのCode画面にゲームのURLを貼り付ける

「Code」->「About ⚙」->「Descriptin」にコメント記入->「Website」に取得したゲームのURLを張り付ける->「Save Changes」

終了

実際に遊んでみる

「About ⚙」欄のURLをクリック

参考サイト

1. WebGL のブラウザー間での互換性
2. UnityのWebGLビルドをWeb上にパブリッシュしてテストする
3. Roll a Ball