【Unity】360度全天球をUnityに取り込んでみた

環境メモ
⭐️Mac OS Mojave バージョン10.14
⭐️Unity 2018.2.15f1


↓↓完成内容
![SKY2.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/f498bc4c-af13-2b9f-e9f6-2fee96616c4c.gif)


↓↓↓↓↓↓類似内容
https://twitter.com/nonnonkapibara/status/1142279959416696833
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">🎁Unity🎁<br>🌠360度全天球🌠をUnityに取り込んでみたよぉ🤩<br>「福岡市文学館（赤煉瓦文化館）」の建物を<br>「カシャっ！！」ってスマホで撮って📱GIMPで軽く加工してみたよぉ😆（思い付きで色をつけてみた。）<br>Unityでマウスぐりぐりして360度みれるのね〜<a href="https://twitter.com/hashtag/unity?src=hash&amp;ref_src=twsrc%5Etfw">#unity</a> <a href="https://twitter.com/hashtag/unity3d?src=hash&amp;ref_src=twsrc%5Etfw">#unity3d</a> <a href="https://t.co/3jdZhmbi0P">pic.twitter.com/3jdZhmbi0P</a></p>&mdash; non (@nonnonkapibara) <a href="https://twitter.com/nonnonkapibara/status/1142279959416696833?ref_src=twsrc%5Etfw">June 22, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


1.「360度写真」を下記からダウンロードする
http://www.hdrlabs.com/sibl/archive.html

360度写真は複数枚の写真を繋ぎ合わせた1枚のJPG写真エクイレクタングラー（equirectangular）という。


<img width="908" alt="スクリーンショット 2019-06-18 20.00.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/1bc606a9-ef68-802e-dd84-bce25f526585.png">

<img width="680" alt="スクリーンショット 2019-06-18 20.01.50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/15c30f52-28f4-4935-ba22-a2bd647007b3.png">

2.ダウンロードしたjpgファイルをAssetsに取り込む
<img width="1236" alt="スクリーンショット 2019-06-18 20.07.00.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/842c1c0a-eb9e-74ea-b3b7-91e658efa270.png">


3.「Sphere100.fbx」のダウンロード。
「Sphere100.fbx」360動画用全天球用FBXモデルを下記のサイトからダウンロードする
https://t.co/kJSLDQuMWh

4.AssetsにFBXを取り込み、HierarchyにDrag&Dropで配置する
<img width="1179" alt="スクリーンショット 2019-06-18 20.09.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/c72e6c16-df08-0255-279c-70d5493d8a7f.png">

5.Sphere100のマテリアルに、jpgをDrag&Dropでセットする
<img width="1165" alt="スクリーンショット 2019-06-18 20.11.34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/eb171e06-cf63-1ac5-7d19-fecf2f8141e0.png">

6.シェダーを「Unity/Texture」にする
<img width="1148" alt="スクリーンショット 2019-06-18 20.12.41.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/93155/5121f0fe-5efd-e63a-cd42-2751153ec9b2.png">


完成！！


<br>
↓↓↓類似内容
【WebVR】360度全天球を試してみた。A-FrameでWebVR 表示してみたよぉ。
https://qiita.com/nonkapibara/items/1419e55bae2c4c611523

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">💕WebVR 💕A-Frame<br>🌠360度🌠全天球を試してみたよぉ。<br>InkscapeとGIMPを使って絵を描いて😍A-FrameのWebブラウザでVR表示できるのね<br>🌸＼( ^ｏ^ )／🌸<br>デフォルトで２眼表示にも切り替わるのでVRゴーグルで試してみたよぉ。🤩めっちゃ楽しい💕💕<a href="https://twitter.com/hashtag/VR?src=hash&amp;ref_src=twsrc%5Etfw">#VR</a> <a href="https://twitter.com/hashtag/WebVR?src=hash&amp;ref_src=twsrc%5Etfw">#WebVR</a> <a href="https://t.co/iANmvyVGMf">pic.twitter.com/iANmvyVGMf</a></p>&mdash; non (@nonnonkapibara) <a href="https://twitter.com/nonnonkapibara/status/1141685386537623552?ref_src=twsrc%5Etfw">June 20, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>



<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">🎁Unity🎁<br>🌠360度全天球🌠をUnityに取り込んでみたよぉ🤩<br>「福岡市文学館（赤煉瓦文化館）」の建物を<br>「カシャっ！！」ってスマホで撮って📱GIMPで軽く加工してみたよぉ😆（思い付きで色をつけてみた。）<br>Unityでマウスぐりぐりして360度みれるのね〜<a href="https://twitter.com/hashtag/unity?src=hash&amp;ref_src=twsrc%5Etfw">#unity</a> <a href="https://twitter.com/hashtag/unity3d?src=hash&amp;ref_src=twsrc%5Etfw">#unity3d</a> <a href="https://t.co/3jdZhmbi0P">pic.twitter.com/3jdZhmbi0P</a></p>&mdash; non (@nonnonkapibara) <a href="https://twitter.com/nonnonkapibara/status/1142279959416696833?ref_src=twsrc%5Etfw">June 22, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


【Unity】360度全天球をSkyBoxに設定する（Skybox/Cubemap）
https://qiita.com/nonkapibara/items/27aac80da1fb4ff03d0f