Photon×WebGL（1）はじめの1歩

やりたいこと
・WebGLを利用したPhotonの復習（ここまでやったことのまとめ）
・新しいUnityバージョンで軽快にWebGLが表示されたらうれしい

--

利用したバージョン
Unity 2020.1.5f1

--
Unity 2020.1でUnityfile作成でいきなりいきなりエラー（1）

![01.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/0ca973db-1645-ea43-1bb6-9ab726d31c85.png)

This can happen if layout containsで検索

【参考サイト】カスタムウィンドウのクラス名とファイル名は同じでないといけない
https://qiita.com/MARQUE/items/41e142d5a4308fdb4a63

前回と閉じた時のレイアウトがカスタムなのが悪いと理解（適当）
その時のファイルを読み込みしてレイアウトをデフォルトに変更した。

沼脱出

--
まずは簡単な環境でスタート
Goalイメージ：A氏B氏互いのパソコンで表示される
![スクリーンショット 2020-10-10 132521.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/7da3b958-f93f-b60e-0af6-ad1e2d7529c3.png)

（対象動画）
[Unityでオンラインゲーム開発Photon Unity Networking 2の導入](https://www.youtube.com/watch?time_continue=12&v=S20gzSh14CM&feature=emb_logo)
（Photon2 参考サイト）
[PUN2で始めるオンラインゲーム開発入門【その１】](https://connect.unity.com/p/pun2deshi-meruonraingemukai-fa-ru-men-sono1)
[PUN2で始めるオンラインゲーム開発入門【その２】](https://connect.unity.com/p/pun2deshi-meruonraingemukai-fa-ru-men-sono2)

<dl>
<dt>1）photonの導入</dt>
<dd>PhotonServerSettingなど動画参照がわかりやすかった</dd>
<dd>以下簡単に</dd>
<dd>・Photonにログイン</dd>
<dd>・アセットストアでPUN2をインポート</dd>
<dd>・unityでPUN2を設定</dd>
</dl>
　　
　　

<dt>（注意1）2個目のアプリケーションもCREATE A NEW APPで追加）</dt>


![キャプチャ.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/9b260927-fd6c-4d4c-6b12-4c9256940f4c.png)
　　
　　
<dt>（注意2）Photonアセットを使いたいのに、、</dt>
<dd>unity アセットストア 表示されない</dd>

![キャプチャ2.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/f095599a-a117-ff80-1a2d-d33d3207f2b8.png)
<dd>Unityのメニューの「Window」にある「AssetStore」をクリックしたら出たけど、、、</dd>
　　
　　
　　
<dt>（注意3）出たけど様子がおかしい、、</dt>
![スクリーンショット 2020-10-10 143913.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/20529b85-a9ed-3f0d-5d8c-cee4796adf81.png)

The Asset Store has moveed？？

[Unity2020からUnity Editor内のAsset Storeが無くなりました。](https://qiita.com/hanapage/items/8f7883809c76734c0333)
<dd>アセットダウンロードしてたらWindow →Package Managerからインポートする感じでOkでした。</dd>
　　
　　
　　

ここからちょっとだけ手を動かすところ
<dl>
<dt>2）Cubeを同期させる手順</dt>
<dd>①Cube作成（ネットワークオブジェクトを作成）</dd>
<dd>②PhotonView追加</dd>
<dd>③プレファブ化</dd>
<dd>④Assets>Resourcesにプレファブ入れる</dd>
<dd>Resourcesはフォルダは新しく作る。</dd>
<dd>ここがネットワークオブジェクトの居場所</dd>
<dd>⑤クリエイトエンプティにスクリプトくっつける
スクリプトは参考サイトよりお借りする


###結果、、、
<dt>表示できず。。エラー</dt>
![キャプチャ3.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/dc044529-f605-be7f-1205-32b75e6fdcbf.png)
<dd>DNS.GetHostEntry() failed for: jp. Exception: System.Net.Sockets.SocketException (0x80004005): Could not resolve host 'jp'</dd>
<dd>DNS.GetHostEntry（）が失敗しました：jp。例外：System.Net.Sockets.SocketException（0x80004005）：ホスト 'jp'を解決できませんでした</dd>
　　
　　
<dt>（情報収集）</dt>
<dd>DNS.GetHostEntry：.NET Framework クラス</dd>
<dd>IPHostEntry：ホストについてのアドレス情報を格納</dd>
<dd>System.Net.Sockets.SocketException：SocketExceptionエラーはaddress を解決するときにエラーが発生</dd>
　　
<dt>なんとなくだけどJPのaddressでエラーが発生してそう。。</dt>
<dt>その後、凡ミス無事発見</dt>

![Inked04_LI.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/94156d4a-c906-de6b-da8e-15d7ae3d94bc.jpeg)

![Inked05_LI.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/c43b12a7-426f-dc14-9a3f-9871974d650d.jpeg)


###・「JP」はFixed Regionに入力すること

###と、

###・PhotonUnityNetworkingフォルダのResourcesフォルダに置かないと怒られた。
<dd>④Assets>Resourcesにプレファブ入れてた</dd>
![06.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/4c786207-4b19-e94b-6dba-62eb3558ba2e.png)



#（結果）
出た！！！希望の光やー
![07.PNG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/232643/bb65c5d4-58ba-f490-0c31-5a3feacfcfc9.png)