UnityRoomへの投稿方法

# UnityRoomとは
インターネット上のブラウザでゲームを公開することができるサイトです！
[UnityRoom](https://unityroom.com/) ⬅︎こちらから飛んでください！
<img width="500" alt="無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/91edd842-fc90-f4af-d1c5-f03c72ec9986.jpeg">

## 登録方法
Twitterのアカウントを使って登録するのでTwitterのアカウントを持っていない人はそれを作ってからにしてください。

| 画像 | 説明 |
|:-:|:-:|
| <img width="500" alt="無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう-1.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/8f923422-5acb-ab48-50c3-99f632e46fc6.jpeg"> | サイトの右上の新規ユーザ登録ボタンをクリック|
| <img width="500" alt="新規ユーザー登録 _ ログイン  無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう-1.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/7caf92d7-8097-a017-0e84-4d9336f3a900.jpeg"> | TwitterでログインをクリックしてTwitterアカウントと連携させてください。  |
|<img width="500" alt="プロフィール設定  無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/80b804bb-68fa-93eb-a15e-03c5fcea1e8f.jpeg">|プロフィール設定を程よく設定しておいてください。|

## Unity側の設定からの投稿まで
目次
1. BuildSettingsの設定
2. UnityRoomへの投稿

### 1. BuildSettingsの設定
ここではUnity側の設定を説明していきます。

| 画像 | 説明 |
|:-:|:-:|
| <img width="400" alt="スクリーンショット 2018-05-11 3.44.32.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/b1861e9c-d549-7d9f-3555-5e0cba6bbe15.jpeg">  | File -> Build Settingsを選択  |
| <img width="1081" alt="Build Settings-1.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/ff8f7155-3be1-18bb-e868-09673c3bed72.jpeg">  | WebGLを選択してからSwitch Platformを選択。 <br> buildをクリック <br> **注意！Scene in Buildのなかにシーンが入っていることを確認する！**  |
|<img width="400" alt="Build WebGL.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/fecd2be9-926a-7c3f-2be1-8edcdc9c8df4.jpeg">|わかりやすいところに保存をする。<br>基本的にはプロジェクトのフォルダの直下にbuildというフォルダを作りそこに保存します。|
|<img width="400" alt="デスクトップ.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/f4b82933-902f-a4c1-7a5f-6ebacbd70e76.jpeg">|buildすると必要なファイルが書き出されます。|

一旦ここでUnity側の設定は終了です！
もし、解像度を決めているひとは必ずビルド後に設定するようにして、メモしておくことをおすすめします。

### 2. UnityRoomへの投稿
ここではUnityRoomのサイト側の設定を説明していきます。

| 画像 | 説明 |
|:-:|:-:|
| <img width="1808" alt="無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう-2.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/fb27f46f-35a4-d1e9-92e7-d69868953e61.jpeg">  | ログインした状態で右上にあるゲームの登録をクリック  |
| <img width="1028" alt="新規ゲーム登録 無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/1e602bb5-9815-6ba1-d884-9bed8558adf1.jpeg">  | 「タイトル」「ゲームid」「紹介文」をつけて登録しましょう　<br> ゲームidはなるべくシンプルでわかりやすいようにつけるとあとからみた時にみやすいので少し考えてつけてみよう。  |

WebGL設定

| 画像 | 説明 |
|:-:|:-:|
|<img width="1224" alt="cubeの基本情報編集  無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/61c2490b-d5de-9280-bfd6-b113e144c754.jpeg">|まずはWebGL設定をしていきます。|
|<img width="1216" alt="cubeのWebGL設定  無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/a4ec4f8c-2092-b9f6-cca5-2c4ec91e481b.jpeg">|書き出しに使ったUnityのバージョンを選択する。 <br>　もし画面サイズ指定がある場合はここにちゃんと書いて変更すること|

WebGLアップロード

| 画像 | 説明 |
|:-:|:-:|
| <img width="1317" alt="cubeのWebGLアップロード  無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/5a9794d7-f02a-639b-caf2-bdd033edf963.jpeg"> | 左側のWebGLアップロードをクリックする  |
| <img width="1808" alt="スクリーンショット 2018-05-11 4.21.08.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/a524a21e-534b-cfb5-e247-71581eddea6b.jpeg">  | 拡張子(.jsonなど)をよくみて該当するファイルを選択して、アップロードしてください。  |
|<img width="1313" alt="cubeのWebGLアップロード  無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう-2.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/04af7234-80f7-ee96-ff26-e4ad525a6e6a.jpeg">|ファイルのアップロード状況をみて全てが完了になっていたら完璧です！|

公開設定
パブリックかプライベート公開か決める

| 画像 | 説明 |
|:-:|:-:|
| <img width="1313" alt="cubeのWebGLアップロード  無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう-3.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/ced5e22e-b79c-82c8-289c-79701ded8caa.jpeg">  | 公開設定をクリックしよう  |
|  <img width="1083" alt="cubeの公開設定  無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/f14d91c6-c0d5-f50b-19b3-2e3acc67de1b.jpeg"> | なるべく一般公開にしよう　<br> いろんなひとにみてもらうことでフィードバックを受けたりなどいいことが多いので恐れずに公開していこう |
|<img width="1808" alt="cubeの公開設定  無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう-1.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/27d33ebb-ef9e-c5fc-a0d6-9713c06affa2.jpeg">|URLを開けばゲームが遊べる状態になっています！|

もし、ゲームが遊べない状態だとしたら、WebGLの設定かアップロードでミスをしているので再確認してみましょう。

さあ！たくさんの人に自分のゲームをやってもらいましょう！
<img width="1802" alt="cube | 無料ゲーム投稿サイト unityroom - Unityのゲームをアップロードして公開しよう.jpg" src="https://qiita-image-store.s3.amazonaws.com/0/125038/fedee022-a3f1-7c86-2507-fb531d4d5037.jpeg">