※このページではアフィリエイト広告を紹介しています

blenderで作った部屋に、unityでガラス透過などのマテリアル設定してVRで見てみた備忘録

3Dモデリング

バーチャル3Dクリエイター神部まゆみです(*^-^*)

 

前回blenderのarchimeshアドオンで窓やドアを作ったから、今回はunityに持って行ってマテリアル設定してみます。

前回の記事はこちら。

blenderのarchimeshアドオンで掃き出し窓と欄間窓を作って、unityに持って行った備忘録
バーチャル3Dクリエイター神部まゆみです(*^-^*)この記事は前回の続きで、blenderのarchimeshアドオンを使って部屋を作ってみたよ。前回までやったこと前回はblenderのarchmeshアドオンを使って、部屋の窓とドアを作...

またwebVRビルドしてみて、途中経過をVRで見るところまでやってみたいかな。

■PR■

現在200個以上の新規unityアセットが最大50%オフで買える New Releaseセールをやっているみたいです。

unityアセット New Release割引 最大50%OFF

欲しいアセットはこの機会に買っておくと良いかも。

 
 

 

 

窓をいい感じに透過させる

アルファ値0にしたスタンダードシェーダーを設定してみた。

けど、これ片方の窓ガラスが曇った感じになっている(-_-;)

unity 窓 曇る

マテリアルは同じなんだけどなぁ…。

裏側から見ると、曇るガラスが変わる(~_~;)

謎。

2022/01/30追記:ガラスの左右で法線の向きが違うっぽい

blenderで法線の向きを表示してみたら、左右のガラスの法線の向きが違うっぽいです。これはarchimeshの仕様かな?

青が表、赤が裏。

blender 法線 面の向き

これガラスは厚みのない平面なのかな…?法線の向きを統一するだけだと、部屋の外側の表示がおかしくなるかもしれない。

厚みをつけて法線を調整したり、ガラス部分をコピペして部屋の外側にも表面を表示できるようにしたほうがいいかも。

ガラスはちょっと試行錯誤してみたいから、別に記事を書くかもしれない。

2022/02/08追記:両方とも表になるように法線を整えてみた

こちらの記事で書きました。

blender archimeshアドオンの、窓法線の裏表を反転して整えたメモ
バーチャル3Dクリエイター神部まゆみです(*^-^*)前回blenderのarchimeshアドオンで部屋を作ってみたけど、法線が整ってなかったから調整してみました。前回の記事はこちら。窓ガラスの法線が逆だったので直す前回archimesh...

勉強のためにいじってみたけど、結局はどういう風に見せたいかによって変わってくるかな?

 

追記おわり。

Mesh Rendererのライティング ⇒ 投影(Cast Shadow) ⇒ シャドウのみ(Shadows Only) にしたら透明になったが…

「投影」を「シャドウのみ」にしたら透明になった。

けど窓枠まで消えてしまった。

これはガラスと同一オブジェクトで、マテリアルだけ分かれているから。

blenderでガラス部分を別オブジェクトに分離してみる

編集モードにして、ガラス部分だけ面選択。Pキーを押して「選択」部分で分離します。

これでunityに持って、ガラス部分だけ「シャドウのみ」にしたら行けた!

unity ライティング シャドウのみ

注意:シャドウのみ(Shadows Only)にするとメッシュが表示されなくなるっぽい?

unityの公式マニュアルによると、

メッシュからの影は表示されますが、メッシュ自体は表示されません。

らしいです。

Mesh Renderer - Unity マニュアル
MeshRenderer(メッシュレンダラー)はメッシュフィルターからジオメトリを受け取り、ゲームオブジェクトのTransformコンポーネントによって決められた位置にそれをレンダリングします。

メッシュが表示されないから透明になっている感じっぽい。

まぁ別にガラスだから透明でいいか…。でも反射とかができなくなるかもしれない。

 

以前鏡面反射の記事を書いたけど、ちょっと反射するとクールな感じになって良いかもしれない。

unityとblenderの鏡面反射についての備忘録。反射平面とリフレクションプローブなど
バーチャル3Dクリエイター神部まゆみです(*^-^*)この記事は、blenderとunityの鏡面反射について調べて動かしてみた備忘録です。要は鏡の作り方なんだけど、案外簡単にできました。シェーダーいじったりしないと作れないのかと思ってたけ...

この時はただの鏡だったけど、アルファ値を変えて透明にすればいけるかな?

Rendering ModeをFadeにしてアルファ値0でいけた!

これでもちゃんとガラスが透明になった。

unity fade

メタリックの値を下げたらTransparentでもいけた(;^_^A

メタリックが1のほうが反射して良いだろうと思っていたけど、高すぎると曇っちゃうっぽい?

unity metalic

ガラスの場合はTransparentのほうがいいかも?

unityの公式ドキュメントにもそう書いてある。

Transparent – 透明なプラスチックやガラスなどの現実的な透明なマテリアルのようなレンダリングに適しています。このモードでは、マテリアル自体は、(テクスチャのアルファチャンネルとティントカラーのアルファに基づいた)透明度の値になります。しかし、本物の透明なマテリアルの場合と同様に、反射や照明のハイライトは、完全な明快さで表示されたままになります。

Rendering Mode - Unity マニュアル
標準シェーダーの一つ目のマテリアルパラメータは、RenderingModeです。ここでは、オブジェクトで透明度を使うかどうかを選択することができ、透明度を使う場合、どのブレンディングモードにするかを選びます。

微妙に詰まったけど、今回はStandardシェーダーの勉強のためにやっているので良いかな。

あとはうっすら反射してくれると嬉しいんだけど、もう少しいじってまた記事にするかもしれない。

サッシ部分を金属っぽくする

灰色とか白でもいいけど、家庭用だと微妙に茶色っぽいのが多いかな?

というか家によるっぽいけど、このあたりは好みかな。

 

見る角度によっても変わってくると思うから、実際に動かして見てみないとわからないかも。

ドアのマテリアル作成

適当にベッド用に作った木のマテリアルでも割り当てようかな…と思ったらなんかテクスチャが表示されない?

タイリングをいじっても茶色一色。

blenderでテクスチャ貼り付けてみたけど同じ感じ。

これはUV展開とかの問題かな?

普通に床のPlaneにテクスチャD&Dしただけでも普通にテクスチャ表示されるんだけど、ドアはダメなのか…?

BaseBoardは普通にこのマテリアルでテクスチャ表示されたんだけど…。

blenderでドアをUV展開したらいけた

ドアをUV展開したらblenderでちゃんとテクスチャ表示された!

unityでもタイリングをいじってちゃんとテクスチャが表示された。

baseboardとか壁はUV展開しなくてもいけたんだけどなぁ。

まぁできたから良いかな。

【webVRあり】ここまでの経過をVRで見てみる

だいたいベースはできてきたから、この段階でまたVRで見てみよう。

あんまり見る人いないと思うけど、私が見る用に貼っておく(笑)。

↓Oculus Quest2で見れるwebVR
Room-webvr

 

ちなみにこんな感じ。

blender unity 部屋

 

私のリアルの部屋が広ければ歩いてドアまで行けるんだけど、Oculus Quest2のガーディアンに引っかかってダメでした(笑)。

でもかなり部屋っぽくなってきたぞ( *´艸`)

 

あとは窓の向きとか配置とか特に考えずに作ったから、いくつか部屋の写真を探して参考にして作ったほうが良いかな。

一応PC用のwebGLもビルドしてみた

Room-webgl

カーソルはESCキーで抜けられると思う。

今回は下着を履かせたから動き回れるようにした(笑)。

 

それにしてもwebGLって便利だなぁ…。スマホから見れたらもっと良いんだけど。

おわりに

細かい部分で気になるところはあるけど、大体それっぽくなってきたから良かった。

次はカーペットとか家具とかを作っていきたいかな。

ある程度作ってしまえばコピペで他の部屋も作れるような気がする。

 

でもこの部屋を作るシリーズはぼちぼち進めていけばいいかな。

プログラムの勉強とか他にも色々やっていきたいことがあるし。

やっぱりこちらのアクションに応じてキャラが反応してくれたら嬉しいし。

以前買ったPlaymakerの勉強をして、簡単なゲームっぽいやつくらいは作れるようになりたいかな。

 

まぁぼちぼちやっていきます(*^-^*)


追記:続きを書きました。

unityで窓ガラス透過と鏡面反射をいじってみたが…ビルドしたらリアルタイム反射しなくて詰まった(゚Д゚;)
バーチャル3Dクリエイター神部まゆみです(*^-^*)この記事ではunityで窓ガラスの透過と鏡面反射をいじってみたからそのメモです。前回までの記事はこちら。追記:ビルドしたらリアルタイム反射しなかったのは、品質設定で「リアルタイムリフレク...

 

タイトルとURLをコピーしました