「Global Illumination on WebGL」の版間の差分

提供: ディーズガレージ wiki
移動先: 案内検索
(Lightmap)
(データ修正)
(同じ利用者による、間の11版が非表示)
29行目: 29行目:
 
引用: [https://blogs.unity3d.com/jp/2015/11/10/bedroom-demo-archviz-with-ssrr/ Bedroom デモ: 建築ビジュアリゼーションとSSRR – Unity Blog]
 
引用: [https://blogs.unity3d.com/jp/2015/11/10/bedroom-demo-archviz-with-ssrr/ Bedroom デモ: 建築ビジュアリゼーションとSSRR – Unity Blog]
  
Unity Staffの追加
+
Unity Staffの仕事
 
* 太陽にディレクショナルライト
 
* 太陽にディレクショナルライト
 
* ランプにスポットライト
 
* ランプにスポットライト
47行目: 47行目:
 
| style="padding-left:10px;padding-right:10px;"| 調査
 
| style="padding-left:10px;padding-right:10px;"| 調査
 
| style="padding-left:10px;padding-right:10px;"| 製作者のクセ 仕上げ手法
 
| style="padding-left:10px;padding-right:10px;"| 製作者のクセ 仕上げ手法
 +
|-
 +
| style="padding-left:10px;padding-right:10px;"| ガンマ
 +
| style="padding-left:10px;padding-right:10px;" | レンダリング > ガンマ/LUT 設定 > ガンマ 2.2
 +
|-
 +
| style="padding-left:10px;padding-right:10px;"| フレームバッファ
 +
| style="padding-left:10px;padding-right:10px;" | V-Ray > Frame Buffer OFF
 
|-
 
|-
 
| style="padding-left:10px;padding-right:10px;"| ライト
 
| style="padding-left:10px;padding-right:10px;"| ライト
78行目: 84行目:
 
===Lightmap===
 
===Lightmap===
 
参考: [https://www.nothing-is-3d.com/article27/from-blender-to-babylonjs From Blender to BabylonJS - Nothing-is-3D]<br />
 
参考: [https://www.nothing-is-3d.com/article27/from-blender-to-babylonjs From Blender to BabylonJS - Nothing-is-3D]<br />
 +
参考: [https://forum.unity.com/threads/baking-lightmaps-with-vray-and-3d-studio-max-a-tentative-guide.97877/ Baking lightmaps with Vray and 3D Studio Max, a tentative guide - Unity Forum]<br />
 
参考: [https://docs.chaosgroup.com/display/VRAY3MAX/Beauty+Render+Elements Beauty Render Elements - V-Ray 3.6 for 3ds Max - Chaos Group Help]
 
参考: [https://docs.chaosgroup.com/display/VRAY3MAX/Beauty+Render+Elements Beauty Render Elements - V-Ray 3.6 for 3ds Max - Chaos Group Help]
 
{| class="wikitable" style="width:583px;"
 
{| class="wikitable" style="width:583px;"
84行目: 91行目:
 
|-
 
|-
 
| style="padding-left:10px;padding-right:10px;"| ベイク
 
| style="padding-left:10px;padding-right:10px;"| ベイク
| style="padding-left:10px;padding-right:10px;" | チャンネル2 最大2048x2048pixel
+
| style="padding-left:10px;padding-right:10px;" | チャンネル2 2048x2048pixel
 
|-
 
|-
 
| style="padding-left:10px;padding-right:10px;"| 要素
 
| style="padding-left:10px;padding-right:10px;"| 要素
| style="padding-left:10px;padding-right:10px;" | VRayRawTotalLightingMap lightmap_オブジェクト名.png
+
| style="padding-left:10px;padding-right:10px;" | VRayRawTotalLightingMap
 
|-
 
|-
 
| style="padding-left:10px;padding-right:10px;"| 保存
 
| style="padding-left:10px;padding-right:10px;"| 保存
| style="padding-left:10px;padding-right:10px;" | Backburner不可(機能不足) 必要数PCに分散
+
| style="padding-left:10px;padding-right:10px;" | lightmap_オブジェクト名.exr RGB Backburner不可(機能不足)
 
|}
 
|}
  
 
Unityで具合確認 > 修正<br />
 
Unityで具合確認 > 修正<br />
 
Legacy Shaders > Lightmapped > VertexLit > Lightmap (RGB)<br />
 
Legacy Shaders > Lightmapped > VertexLit > Lightmap (RGB)<br />
Standard Shader > Secondary Maps > Detail Albedo UV1<br />
+
Standard Shader > Secondary Maps Detail Albedo UV1<br />
[[ファイル:vray_lightmap01.png|290px]]
+
[[ファイル:AI35_006_02_lightmap.png|290px]]
 
[[ファイル:Legacy_lightmap01.png|290px]]
 
[[ファイル:Legacy_lightmap01.png|290px]]
  

2019年7月15日 (月) 00:28時点における版

From Blender to Babylon - standard workflowからインスパイアを受けました。
現実的な工数で高品質なWebGLを提供できるか探ってみます。

同種のコンテンツ
Bastille 1789 by Axeon Software
Unit21 Interior Visualization by Marko & Pero
Apartment Configurator by Axeon Software
Glowing Espilit by Michel Rousseau
Sponza VR by Babylon.js team

環境

ソフトウェア 3ds Max 2017, V-Ray, Unity 2018, Babylon.js
モデルデータ Evermotion Archinteriors vol.35 Scene6

目標品質

AI35 006 PP.jpg Image01 crop.png

引用: Scene6 AI35 Archinteriors - max, psd Interior - Evermotion
引用: Bedroom デモ: 建築ビジュアリゼーションとSSRR – Unity Blog

Unity Staffの仕事

  • 太陽にディレクショナルライト
  • ランプにスポットライト
  • キューブマップ
  • ライトマップ
  • ライトプローブ
  • スクリーンスペースリフレクション

準備

データ修正

調査 製作者のクセ 仕上げ手法
ガンマ レンダリング > ガンマ/LUT 設定 > ガンマ 2.2
フレームバッファ V-Ray > Frame Buffer OFF
ライト 露出なし 強度調整
リダクション プロオプティマイザーのUV保持 > 集約
マージ 同じマテリアルのオブジェクト
レイヤ分け Lightmapsに不要なもの
削除 Lightmaps対象で見えないポリゴン
整理 オブジェクト名とマテリアル名をユニーク名通し番

AI35 006 PP.jpg AI35 006 01 base.jpg

AI35_006_01_base.max
サイズ: 126,880KB > 35,323KB
ポリゴン合計: 1,007,593個 > 288,220個
オブジェクト合計: 284個 > 50個
マテリアル合計: 50個
テクスチャ合計: 47個 170MB

Lightmap

参考: From Blender to BabylonJS - Nothing-is-3D
参考: Baking lightmaps with Vray and 3D Studio Max, a tentative guide - Unity Forum
参考: Beauty Render Elements - V-Ray 3.6 for 3ds Max - Chaos Group Help

UVWアンラップ オブジェクト毎にUVWチャンネル2追加 > UV展開
ベイク チャンネル2 2048x2048pixel
要素 VRayRawTotalLightingMap
保存 lightmap_オブジェクト名.exr RGB Backburner不可(機能不足)

Unityで具合確認 > 修正
Legacy Shaders > Lightmapped > VertexLit > Lightmap (RGB)
Standard Shader > Secondary Maps Detail Albedo UV1
AI35 006 02 lightmap.png Legacy lightmap01.png

何かがおかしい 確認中

AI35_006_02_lightmap.max
[要素1]
lightmapテクスチャ: 32個
テクスチャ合計: 79個 388MB

PBRその他

3DSMax
参考: 3DSMax to glTF - Babylon.js Documentation
素直に従うと多分コレだがセンスがないので不採用

Unity
参考: Introduction to Unity exporter - Babylon.js Documentation
参考: Export Panels (Unity exporter) - Babylon.js Documentation
参考: Getting Started (Unity exporter) - Babylon.js Documentation
参考: Script Components (Unity exporter) - Babylon.js Documentation
参考: Scene Manager (Unity exporter) - Babylon.js Documentation
参考: Shader Materials (Unity exporter) - Babylon.js Documentation
参考: Collision Meshes (Unity exporter) - Babylon.js Documentation
参考: Terrain Builder (Unity exporter) - Babylon.js Documentation
参考: Animation State (Unity exporter) - Babylon.js Documentation
参考: Runtime Prefabs (Unity exporter) - Babylon.js Documentation
参考: Static Batching (Unity exporter) - Babylon.js Documentation
参考: Navigation Mesh (Unity exporter) - Babylon.js Documentation
参考: Windows Platform (Unity exporter) - Babylon.js Documentation
参考: Babylon Art Tools (Unity exporter) - Babylon.js Documentation

3DSMax
 ├ VRayMtl 標準マテリアルに修正(Unityで詰めるので適当に)
 ├ VRayLight 標準ライトに修正
 ├ VRayCamera 標準カメラに修正
 └ 書き出し FBX
Unity
 ├ 設定 Lightmaps以外全て設定 PBRマテリアル
 └ 書き出し babylon
AI35_006_03_pbr.max

ビルド

BabylonJS Editor

  • テクスチャ サイズ最適化 2のn乗に統一 bump2normalに修正 png2jpgに修正
  • マテリアルの調整
  • オーサリング

Babylon.js

参考: GitHub - BabylonJS/Babylon.js

Useful links