Blender Three.js ガラスその1（Cyclesレンダー）

公開日： 2016/11/01 : brender, Three.js, WebGL

blender 環境テクスチャ

Blenderでガラスの靴をモデリングしてみました。
最終的にはthree.jsで表示しようと思います。
それは次回にして、このページはCyclesレンダーでガラスの質感やってみます。

Blender ガラス Cyclesレンダー

Cyclesレンダーで、リアルな感じにしたいと思います。

Cyclesレンダーとは？

Cyclesレンダーは、Blender 2.61 以上で利用可能な新しいレンダーエンジンで、フォトリアルな効果を簡易に得られる物理ベースのレンダーです。

マテリアルを新規追加して、Cyclesレンダーにします。

サーフェスのノードを使用ボタンを押します。

サーフェイスの一覧からグラスBSDFを選択します。

Blender Cyclesレンダー暗い

表示モードをレンダーにしてみます。

暗いのでワールド設定のサーフェスのカラーを白にします。

Blender Cyclesレンダー背景

映りこみがあるとガラスっぽいので、背景を設定しようと思います。
ワールド設定も、ノードを使用ボタンを押してCyclesレンダーを試してみようと思います。

サーフェスを一覧から背景を選択し、カラー：ノイズテクスチャにしてみます。

ちょっとまだ靴が暗いです。

マテリアルのサーフェスのカラーを明るく（R：0.970 G：0.970 B：0.970）にしました。

Blender Cyclesレンダー背景環境テクスチャ

今度は背景をワールド設定の、環境テクスチャで試してみようと思います。
HDRIと呼ばれる環境マップに使用される画像をダウンロードしてきます。

HDRI（High Dynamic Range Image）とは？

HDRIは3Dにおいて、背景画像をよりフォトリアルな画像を生成する際にも使われる画像です。環境マップの素材としては、360度パノラマ撮影された高画質の画像が必要になります。

環境マップ画像のダウンロードサイト

など、他にもあります。

今回は、sIBL Archiveから、Frozen_Waterfallをダウンロードしました。

Cyclesレンダーで環境テクスチャを設定する

ワールド設定のサーフェスを背景にして、カラー：一覧から環境テクスチャを選択します。

開くボタンからダウンロードしてきたファイルの中から、Frozen_Waterfall_HiRes_TMap.jpg というファイルを選択します。

レンダーのサンプリングを最終結果にして、レンダリングしてみます。
ノイズがある場合はレンダーのサンプリング間接値を制限：1にするらしいです。

透明だし、背景も映り込んでいて、綺麗にガラスの質感になりました。