mieki256's diary



2016/04/03() [n年前の日記]

#1 [cg_tools] Vue 5 Easelをインストールして色々試してたり

昔、Shade と一緒に購入した Vue 5 Easel が手元にあるので、Windows10上にインストールして動くかどうかテスト。一応動いたことは動いた。レンダリング結果を pict画像として保存しようとするとフリーズしてしまうのがちょっと気になるけど。bmp なら保存できた。

ビルボード用の樹木の画像を生成できないか試してたのだけど、どうやら Vue 5 Easel はアルファチャンネルを保存する機能すら省かれていた版らしくて、背景と一体になったレンダリング画像しか得られないから、素材画像制作用のツールとして使うのは無理っぽいなと。

一応、大気のプリセットの中に「空を真っ白にするセットやで。マスク用として使えや」的セットもあるのだけど、レンダリング画像をGIMPで開いて周りを透明にしようとしても思ったような結果にならなくて、これはちょっと厳しいなと。GIMPの達人なら透明化できるのかもしれないけど…。

せめて、オブジェクトかシーンをエクスポートして、Shade でインポートできれば…。と思って調べてみたけど、シーンもオブジェクトもVue独自の形式でしか保存できないし、エクスポートなんてメニュー項目も無い。他のアプリにデータを持っていくための機能についても全て省かれた版だったらしい。

当時の自分は、なんでこんなもんを買ってしまったのだろう…。使えねえアプリだ…。いや、当時としては、背景画っぽい3DCGに特化してレンダリングできるだけでも面白かったんだろう…。

遠景BG用のパノラマ画像をレンダリングするぐらいなら使えなくもないのだろうか…。

正直、樹木のレンダリング結果も、フリーソフトの Tree[d]より落ちるんだよな…。

#2 [proce55ing][processing] Processingを使って cube map とやらのテスト

背景描画を2D的にやろうとかと思ってたけど、3Dでポリゴンを配置してそのまま回したほうがらしく見えるのだろうかと思えてきたので、とりあえずキューブマップ(Cubemap)だかスカイボックス(SkyBox)だかそのあたりができそうかどうかをテスト。

sketch_cubemap_test_ss.png
_sketch_cubemap_test (Processing.js版)
_sketch_cubemap_test.pde (ソース)
_tex.png (使用画像)
クリッピング処理等一切してない手抜きソースなのに、なんだかそれっぽくなったような気がする。

ただ、ポリゴンの境界が見える…。テクスチャの透明部分を拾ってきて描画しちゃってるのか、それともポリゴンを少し大き目にして重なるように配置しないとダメなのか…。

しかし、この手法、パノラマ画像を作るところが一番大変かもしれないなと。

テクスチャの作成方法。 :

Vue 5 Easel でパノラマ画像をレンダリング。

パノラマ画像をキューブマップ画像に変換するツールを探したところ、 _PanoramaToCubemapConverter - ge56@web でツールを公開されてる方が。ありがたや。

件のツールは、横:縦 = 2:1の画像を渡すことを前提にして作られているらしいのだけど、Vue 5 Easel は出力画像の縦横比率を自由に設定できなくて、あらかじめ決められた比率の中から選ぶしかないので、Vue 5 Easel でレンダリングした画像を GIMP 等で2:1の画像に変更。

変換すると6枚の画像が出力されるので、GIMPで1枚のテクスチャ画像に統合。GIMPのグリッド設定を、画像1枚分のサイズに設定して、グリッド表示on、グリッドにスナップをonにすれば、移動ツールで配置しやすくなる。

他に関係ありそうなページをメモ。

_javascript - Convert 2:1 equirectangular panorama to cube map - Stack Overflow
_キューブマップ ツール | Unreal Engine

NVIDIA Texture Tools でキューブマップ画像に変換できるのかと思いきや、既に出来上がってるキューブマップ画像を既定の並びにしてくれるツール、だったようで。

ウインドウサイズピッタリで表示できるポリゴンの配置。 :

ついでに、先日書いてた、ウインドウサイズにピッタリの大きさで表示できるポリゴンを配置する実験ソースもアップ。

sketch_perspective_test_ss.png
_sketch_perspective_test (Processing.js版)
_sketch_perspective_test.pde (ソース)
_tex.png (使用画像)

距離 * tan(視野角 / 2) で、縦幅 / 2 を求めてポリゴンを作るだけですけど。一応図解も。
perspective.png

ソースも画像も CC0 / Public Domain ってことで。

以上、1 日分です。

過去ログ表示

Prev - 2016/04 - Next
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

カテゴリで表示

検索機能は Namazu for hns で提供されています。(詳細指定/ヘルプ


注意: 現在使用の日記自動生成システムは Version 2.19.6 です。
公開されている日記自動生成システムは Version 2.19.5 です。

Powered by hns-2.19.6, HyperNikkiSystem Project