hibitekitou
UnityのSkybox用のテクスチャをVueから出力する
cg |2014-02-03
Skyboxes with Vue in ShiVa and Unity [YouTube]
ここのチュートリアルそのまんまだけど。ってか、なんでUnity触ってんだ、俺?
SkyboxはCube Mapの背景を作成しておいて、それを貼り付ければいいわけだけど、残念ながらVueの File → Export Sky... とかから一発で出力させることが出来ない感じです。なぜなら、Skyboxに貼り付けるテクスチャは6枚だから。具体的にはマニュアルによると「スカイボックスは、6 つのテクスチャの箱で、それぞれが主要な方向 (+/-X, +/-Y, +/-Z) に対応しています。」だそうです。
つまり、Z軸を正面にして、右、左、後、上、下の6面が必要というわけで。
ということで、Vue内でカメラを各方向に向けて6つ作ることになります。
作り方は、とりあえず正面のカメラを作成し、それを5つ複製して、各々の方向に向ける、という作業となります。
最初に作るカメラはスクリーンの形を正方形にして、画角を90度にしておきます。
![](https://blogimg.goo.ne.jp/user_image/43/64/e06e594965edd161798c1b5d71920e4d.jpg?random=61c31e722f3e8f0c86c8140a564bd3b3)
その上で、複製して各々を適切な向きにします。
![](https://blogimg.goo.ne.jp/user_image/3c/53/1e1c7c3a27b9e3c13c875cfee64554ee.jpg?random=2b8f4701d8a5c7843fb597cf0c450c53)
カメラ名を適切につけておくとたぶん幸せになれます。
でもって、レンダリングの設定をしておいて、レンダリング。地道に一枚ずつやってもいいのですけど、バッチレンダリングさせるのがたぶん簡単です(上のリンクのチュートリアルで初めて知った。バッチレンダリングの画面で、Add Currentってあんのね)。
![](https://blogimg.goo.ne.jp/user_image/32/e5/49ec8f8e2dce2c8ca922de43909b378c.jpg?random=bb326feb19809dfe592d9310d3acd8d7)
残念ながらでき上がる画像ファイルには適切な名前がついていないので、Finderやらエクスプローラ上で適切な名前に変えた後、Unityにインポート。
でもって、Skybox用のマテリアルにそれらテクスチャを適用して終了です。
![](https://blogimg.goo.ne.jp/user_image/51/60/7c7662f8da0273aad56489d7a34f9fd2.jpg?random=4709c17c41121d5e3574fbd4b24a5ff7)
なお、テクスチャの設定(Wrap Mode)をRepeatにしとくと継ぎ目が見えちゃうので注意。
![](https://blogimg.goo.ne.jp/user_image/7d/5b/422707cc7aa4194130bc76d7635bea76.jpg?random=1f16d5c3698b77056d3e15188bd24c04)
また、上の絵で面ごとに色が違っちゃっているのは、Vueの設定を間違っているから。
![](https://blogimg.goo.ne.jp/user_image/31/f5/d94cc8ed31700201e341cf8f0535cdca.jpg?random=ae452ef271bc797b73782ccadbe9c371)
Auto-exposureがオンになっているのはよろしくないですね。
まぁ、そんな感じです。
この、カメラを作成してバッチレンダリングを回すっての、スクリプトで自動化できそうなもんだけど、どうなもんだろ…
ここのチュートリアルそのまんまだけど。ってか、なんでUnity触ってんだ、俺?
SkyboxはCube Mapの背景を作成しておいて、それを貼り付ければいいわけだけど、残念ながらVueの File → Export Sky... とかから一発で出力させることが出来ない感じです。なぜなら、Skyboxに貼り付けるテクスチャは6枚だから。具体的にはマニュアルによると「スカイボックスは、6 つのテクスチャの箱で、それぞれが主要な方向 (+/-X, +/-Y, +/-Z) に対応しています。」だそうです。
つまり、Z軸を正面にして、右、左、後、上、下の6面が必要というわけで。
ということで、Vue内でカメラを各方向に向けて6つ作ることになります。
作り方は、とりあえず正面のカメラを作成し、それを5つ複製して、各々の方向に向ける、という作業となります。
最初に作るカメラはスクリーンの形を正方形にして、画角を90度にしておきます。
![](https://blogimg.goo.ne.jp/user_image/43/64/e06e594965edd161798c1b5d71920e4d.jpg?random=61c31e722f3e8f0c86c8140a564bd3b3)
その上で、複製して各々を適切な向きにします。
![](https://blogimg.goo.ne.jp/user_image/3c/53/1e1c7c3a27b9e3c13c875cfee64554ee.jpg?random=2b8f4701d8a5c7843fb597cf0c450c53)
カメラ名を適切につけておくとたぶん幸せになれます。
でもって、レンダリングの設定をしておいて、レンダリング。地道に一枚ずつやってもいいのですけど、バッチレンダリングさせるのがたぶん簡単です(上のリンクのチュートリアルで初めて知った。バッチレンダリングの画面で、Add Currentってあんのね)。
![](https://blogimg.goo.ne.jp/user_image/32/e5/49ec8f8e2dce2c8ca922de43909b378c.jpg?random=bb326feb19809dfe592d9310d3acd8d7)
残念ながらでき上がる画像ファイルには適切な名前がついていないので、Finderやらエクスプローラ上で適切な名前に変えた後、Unityにインポート。
でもって、Skybox用のマテリアルにそれらテクスチャを適用して終了です。
![](https://blogimg.goo.ne.jp/user_image/51/60/7c7662f8da0273aad56489d7a34f9fd2.jpg?random=4709c17c41121d5e3574fbd4b24a5ff7)
なお、テクスチャの設定(Wrap Mode)をRepeatにしとくと継ぎ目が見えちゃうので注意。
![](https://blogimg.goo.ne.jp/user_image/7d/5b/422707cc7aa4194130bc76d7635bea76.jpg?random=1f16d5c3698b77056d3e15188bd24c04)
また、上の絵で面ごとに色が違っちゃっているのは、Vueの設定を間違っているから。
![](https://blogimg.goo.ne.jp/user_image/31/f5/d94cc8ed31700201e341cf8f0535cdca.jpg?random=ae452ef271bc797b73782ccadbe9c371)
Auto-exposureがオンになっているのはよろしくないですね。
まぁ、そんな感じです。
この、カメラを作成してバッチレンダリングを回すっての、スクリプトで自動化できそうなもんだけど、どうなもんだろ…
コメント ( 0 )|Trackback ( )
・