GLKSkyboxEffectの画像作成 < Shade

2012年02月26日

GLKSkyboxEffectの画像作成 @ Shade

sazamekiさんのUstreamを見てて、GLKSkyboxEffectのパノラマ画像をShadeでも簡単に出来たよなと思って試してみたので、手順の紹介です。

先ずは、Shade用のパノラマ画像作成スクリプトをダウンロードしてインストールします。

shadedev/exportvr - GitHub
>>関連リンク

Shadeでのモデリングなども書いていると長くなってしまうので、取りあえず、背景にパノラマ画像を貼り付けて、Cubic VR HTMLエクスポートをスクリプトメニューから選択して実行します。保存先と画像形式を設定するのですが、何故かPNGを選択すると上手く行かなかったので、JPEGを選択しました。(スクリプトを買い替えれば上手く行くのかも)

書き出すと以下の様な連番になります。

cubicvr0000.jpg
cubicvr0001.jpg
cubicvr0002.jpg
cubicvr0003.jpg
cubicvr0004.jpg
cubicvr0005.jpg

このままだと使えないので、画像編集ソフトで1-3-4-5-0-2の順番で左から並べて一枚の画像して保存すれば、GLKSkyboxEffect用の素材画像作成完了。レンダリングのサイズは、シーンのレンダリング設定の長辺が基準になっている様なので、解像度が足りない場合は、レンダリング画像のサイズを大きくすれば良さそうです。

GLKSkyboxEffectの使い方に関しては書籍『詳解iOS5プログラミング』にも書かれてあり、Ustreamの時と同様にTerragenを使った方法が紹介されてました。

Ustream.tv: ユーザー sazameki: GLES2.0 Skybox Effect, Recorded on 12/02/26. コンピュータ
>>関連リンク

Planetside - Terragen 2
>>関連リンク

2012年2月27日追記
PNGで書き出しが上手く行かなかったのは、書き出しの設定でアルファチャンネルが有効になっていた為でした。