建築不動産｜UE4を活用した建築ビジュアライゼーション・プレゼンテーション多角提案のススメ | UNREAL FEST EXTREME 2020 WINTER
•
0 likes•3,719 views
講演アーカイブ：準備中 講演内容： UE4を使用した通常の建築ビジュアライゼーションに加え、リアルタイムレンダリングならではのインタラクティブなコンテンツの制作フローの解説と、ビジュアルを両立させるためのデータの最適化方法。また建築・不動産業界において、アセットを活用したマルチコンテンツをクライアントに導入してもらうための提案方法など。既にUE4を使っている方から、これから使ってみたいと興味を持っている方まで、気軽にご聴講下さい 講演者： 竹内 真哉 ( 株式会社積木製作 3DVisualization Division Manager ) 関根 健太 ( 株式会社積木製作 Sales Div. Senior Director ) UNREAL FEST EXTREME 2020 WINTER 再生リスト https://www.youtube.com/playlist?list=PLr_Cbd4sUDTzxG9a4TrU0Rg6-ApCJBCsI https://unrealengine.jp/unrealfest/ #ue4fest
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to 建築不動産｜UE4を活用した建築ビジュアライゼーション・プレゼンテーション多角提案のススメ | UNREAL FEST EXTREME 2020 WINTER
Similar to 建築不動産｜UE4を活用した建築ビジュアライゼーション・プレゼンテーション多角提案のススメ | UNREAL FEST EXTREME 2020 WINTER (20)
More from エピック・ゲームズ・ジャパン Epic Games Japan
More from エピック・ゲームズ・ジャパン Epic Games Japan (20)
建築不動産｜UE4を活用した建築ビジュアライゼーション・プレゼンテーション多角提案のススメ | UNREAL FEST EXTREME 2020 WINTER
- 1. #ue4fest 建築・不動産｜UE4を活用した 建築ビジュアライゼーション・プレゼンテーション 多角提案のススメ 株式会社 積木製作 関根 健太 Sales Division Senior Director 竹内 真哉 3DVisualization Division Manager
- 2. #ue4fest 株式会社 積木製作 関根 健太 Sales Division Senior Director 自己紹介 ●元建築ビジュアライザー ●建築CG、XRコンテンツ開発など総合的な営業、企画提案、コンサルティング ●リアルタイムレンダリングを活かした映像製作やプレゼンテーション、 シミュレーション、トレーニングなどインタラクティブコンテンツの市場拡大
- 3. #ue4fest 今回の内容 • 建築・不動産業界において、これまでと異なる手法を導入してもらう リアルタイムレンダリングのメリットを活かす提案 多くの関係者をまたいだプロジェクトの管理 • リアルタイムレンダリングならではのインタラクティブなコンテンツの制作 建築・不動産プロジェクトにUnreal Engineを採用した経緯 3dsMaxを使用したDatasmithによるUE4制作フロー ※以降 Unreal Engine をUE4と略称して記載します はじめに
- 4. #ue4fest • 新しい事に挑戦する変革への理解を得る 非常に堅い業界へのイノベーション提案 良いものであっても理解されるとは限らない • クライアントが必要としているものは何か 必要なものを理解できる形で提示する • 利便性の向上 導入することで何が変わるのか • コストメリットの提示 予算は絶対 建築・不動産における効果的な提案とは
- 6. #ue4fest 建築ビジュアライゼーションで提供するもの 建築・不動産へのUE4導入 設計検討 環境シミュ レーション パース ムービー ウォーク スルー VR • ボリューム検討 • 形状検討 • レイアウト検討 • 仕上げ検討 • 日影検証 • 景観検証 • 眺望検証 • 動線検証 • プレゼンテーション • シアター映像 • 広告宣伝 • プレゼンテーション • 設計提案の具体化 • 理解の深化 • 没入体験 • 完全な具体化 • 提案最終形 • 設計確認 • 説明資料 • 広告宣伝
- 7. #ue4fest 建築ビジュアライゼーションで提供するもの 建築・不動産へのUE4導入 設計検討 環境シミュ レーション パース ムービー ウォーク スルー VR • ボリューム検討 • 形状検討 • レイアウト検討 • 仕上げ検討 • 日影検証 • 景観検証 • 眺望検証 • 動線検証 • プレゼンテーション • シアター映像 • 広告宣伝 • プレゼンテーション • 設計提案の具体化 • 理解の深化 • 没入体験 • 完全な具体化 • 提案最終形 営業支援ツール設計検討支援 • 設計確認 • 説明資料 • 広告宣伝
- 8. #ue4fest モデリング 質感設定 ライティング カメラ設定 レンダリング レタッチ Before UE4 パース製作におけるワークフロー（プリレンダリングの場合） UE4導入によるワークフローの改善
- 9. #ue4fest モデリング 質感設定 ライティング カメラ設定 レンダリング レタッチ Before UE4 パース製作におけるワークフロー 修正発生時 モデル修正 質感再設定 ライティング カメラ設定 レンダリング レタッチ 修 正 ・ 変 更 UE4導入によるワークフローの改善
- 10. #ue4fest モデリング 質感設定 ライティング カメラ設定 レンダリング レタッチ Before UE4 パース製作におけるワークフロー 修正発生時 モデル修正 質感再設定 ライティング カメラ設定 レンダリング レタッチ 修 正 ・ 変 更 UE4導入によるワークフローの改善
- 11. #ue4fest モデリング 質感設定 ライティング カメラ設定 レンダリング レタッチ Before UE4 パース製作におけるワークフロー アングルの変更 UE4導入によるワークフローの改善
- 12. #ue4fest モデリング 質感設定 ライティング カメラ設定 レンダリング レタッチ Before UE4 パース製作におけるワークフロー アングルの変更 モデル修正 質感設定 ライティング カメラ設定 レンダリング レタッチ ア ン グ ル 変 更 アングルによってはモデル追加が必要な場合も UE4導入によるワークフローの改善
- 13. #ue4fest モデリング 質感設定 ライティング カメラ設定 レンダリング レタッチ Before UE4 パース製作におけるワークフロー アングルの変更 モデル修正 質感設定 ライティング カメラ設定 レンダリング レタッチ ア ン グ ル 変 更 UE4導入によるワークフローの改善
- 14. #ue4fest 従前の手法からの脱却 モデル修正 質感設定 ライティング カメラ設定 レンダリング レタッチ UE4導入によるワークフローの改善
- 15. #ue4fest モデリング 質感設定 ライティング カメラ設定 After UE4 パース製作におけるワークフロー リアルタイム レンダリング モデル修正 質感設定 ライティング カメラ設定 レンダリング レタッチ 最初の構築まではこれまで同等、 もしくはそれ以上の手間がかかる UE4導入によるワークフローの改善
- 16. #ue4fest モデリング 質感設定 ライティング カメラ設定 After UE4 パース製作におけるワークフロー リアルタイム レンダリング 一度設定完了してアセット化してしまえば 以降は必要な変更だけで動的に対応が可能 UE4導入によるワークフローの改善
- 17. #ue4fest モデリング 質感設定 ライティング カメラ設定 After UE4 パース製作におけるワークフロー 修正発生時 修 正 ・ 変 更 モデル修正 質感変更 ライティング変更 カメラ変更 問題箇所だけを変更すればOK UE4導入によるワークフローの改善
- 18. #ue4fest モデリング 質感設定 ライティング カメラ設定 一元管理された アセット構築 設計検討 環境シミュ レーション パース ムービー ウォーク スルー VR アセットを活用して、多様なコンテンツへ展開
- 19. #ue4fest Before UE4 動画製作におけるワークフロー（プリレンダリングの場合） モデリング 質感 設定 ライテ ィング カメラ 設定 レンダリング 編集 秒数 × 30フレーム分のレンダリング × 素材数 3分（=180秒）の映像の場合 180s × 30f ＝ 5,400枚 UE4導入によるワークフローの改善
- 20. #ue4fest Before UE4 動画製作におけるワークフロー（プリレンダリングの場合） モデリング 質感 設定 ライテ ィング カメラ 設定 レンダリング 編集 秒数 × 30フレーム分のレンダリング × 素材数 3分（=180秒）の映像の場合 180s × 30f ＝ 5,400枚 素材レイヤーが6層あると → 5,400 × 6 ＝ 32,400枚 1. 計画建物本体 2. ガラス 3. 植栽 4. 人物添景 5. 車両など添景 6. 近隣・周辺景観 UE4導入によるワークフローの改善
- 21. #ue4fest Before UE4 動画製作におけるワークフロー モデリング 質感 設定 ライテ ィング カメラ 設定 レンダリング 編集 秒数 × 30フレーム分のレンダリング × 素材数 3分（=180秒）の映像の場合 180s × 30f ＝ 5,400枚 素材レイヤーが6層あると → 5,400 × 6 ＝ 32,400枚 FHD ＝ 1920px × 1080px （レンダリングに4分かかる場合） → 32,400枚 × 4分 ＝ 129,600分 ＝ 2,160時間 ＝ 90日 UE4導入によるワークフローの改善
- 22. #ue4fest Before UE4 動画製作におけるワークフロー モデリング 質感 設定 ライテ ィング カメラ 設定 レンダリング 編集 秒数 × 30フレーム分のレンダリング × 素材数 3分（=180秒）の映像の場合 180s × 30f ＝ 5,400枚 素材レイヤーが6層あると → 5,400 × 6 ＝ 32,400枚 FHD ＝ 1920px × 1080px （レンダリングに4分かかる場合） → 32,400枚 × 4分 ＝ 129,600分 ＝ 2,160時間 ＝ 90日 UE4導入によるワークフローの改善 実際には 2-3倍 かかる事も 複数台での分散レンダリングや レンダーファームの利用で時間を短縮
- 23. #ue4fest Before UE4 動画製作におけるワークフロー モデリング 質感 設定 ライテ ィング カメラ 設定 レンダリング 編集 秒数 × 30フレーム分のレンダリング × 素材数 3分（=180秒）の映像の場合 180s × 30f ＝ 5,400枚 素材レイヤーが6層あると → 5,400 × 6 ＝ 32,400枚 FHD ＝ 1920px × 1080px （レンダリングに4分かかる場合） → 32,400枚 × 4分 ＝ 129,600分 ＝ 2,160時間 ＝ 90日 4K ＝ 3840px × 2160px だと更に4倍のレンダリング時間… UE4導入によるワークフローの改善
- 24. #ue4fest Before UE4 動画製作におけるワークフロー 修正発生時 モデリング 質感 設定 ライテ ィング カメラ 設定 レンダリング 編集 修 正 モデリング 質感 設定 ライテ ィング カメラ 設定 レンダリング 編集レンダリング 32,400枚 をやり直し UE4導入によるワークフローの改善
- 26. #ue4fest 設計検討 環境シミュ レーション パース ムービー ウォーク スルー VR • ボリューム検討 • 形状検討 • レイアウト検討 • 仕上げ検討 • 日影検証 • 景観検証 • 眺望検証 • 動線検証 • プレゼンテーション • シアター映像 • 広告宣伝 • プレゼンテーション • 設計提案の具体化 • 理解の深化 • 没入体験 • 完全な具体化 • 提案最終形 従前のプリレンダリング リアルタイムレンダリング • 設計確認 • 説明資料 • 広告宣伝 UE4導入によるワークフローの改善
- 27. #ue4fest 設計検討 環境シミュ レーション ムービー ウォーク スルー VR • ボリューム検討 • 形状検討 • レイアウト検討 • 仕上げ検討 • 日影検証 • 景観検証 • 眺望検証 • 動線検証 • プレゼンテーション • シアター映像 • 広告宣伝 • プレゼンテーション • 設計提案の具体化 • 理解の深化 • 没入体験 • 完全な具体化 • 提案最終形 全てにレンダリングコストがかかる リアルタイムレンダリング パース • 設計確認 • 説明資料 • 広告宣伝 UE4導入によるワークフローの改善
- 28. #ue4fest 設計検討 環境シミュ レーション ムービー ウォーク スルー VR • ボリューム検討 • 形状検討 • レイアウト検討 • 仕上げ検討 • 日影検証 • 景観検証 • 眺望検証 • 動線検証 • プレゼンテーション • シアター映像 • 広告宣伝 • プレゼンテーション • 設計提案の具体化 • 理解の深化 • 没入体験 • 完全な具体化 • 提案最終形 最初から全て リアルタイムレンダリング パース UE4導入によるワークフローの改善 • 設計確認 • 説明資料 • 広告宣伝
- 31. #ue4fest モデリング 質感設定 ライティング カメラ設定 After UE4 パース製作におけるワークフロー リアルタイム レンダリング モデル修正 質感設定 ライティング カメラ設定 レンダリング レタッチ 最初の構築まではこれまで同等、 もしくはそれ以上の手間がかかる UE4ワークフローにおける課題点
- 32. #ue4fest 設計検討 環境シミュ レーション ムービー ウォーク スルー VR • ボリューム検討 • 形状検討 • レイアウト検討 • 仕上げ検討 • 日影検証 • 景観検証 • 眺望検証 • 動線検証 • 設計確認 • 説明資料 • 広告宣伝 • プレゼンテーション • シアター映像 • 広告宣伝 • プレゼンテーション • 設計提案の具体化 • 理解の深化 • 没入体験 • 完全な具体化 • 提案最終形 営業支援ツール設計検討支援 パース
- 33. #ue4fest 設計検討 環境シミュ レーション ムービー ウォーク スルー VR • ボリューム検討 • 形状検討 • レイアウト検討 • 仕上げ検討 • 日影検証 • 景観検証 • 眺望検証 • 動線検証 • プレゼンテーション • シアター映像 • 広告宣伝 • プレゼンテーション • 設計提案の具体化 • 理解の深化 • 没入体験 • 完全な具体化 • 提案最終形 予算の出処が異なる 営業支援ツール設計検討支援 パース 設計 ← → 営業 • 設計確認 • 説明資料 • 広告宣伝
- 34. #ue4fest デメリット UE4対応したアセットを製作するため 初期の開発コストは上がってしまう 初期負担が設計側にかかる ほとんどの不動産デベロッパーの場合 開発・設計部と営業部の間で 予算を共有することはないため 間に立って橋渡しをしながら 全体の予算を調整しながら開発する動き方が必要 UE4でアセット開発する事で 双方にメリットが生まれる事を理解してもらう 予算の出処が異なる 営業支援ツール設計検討支援 設計 ← → 営業 メリット 様々な検討が容易 アングルの自由度が高い 設計変更への対応が早い デメリット？ ウォークスルーやVRなど 多様なツールを作成した場合に 販売員が覚える事が複雑になる メリット リアルタイムレンダリングで 分かりやすい説明ツールが利用できる 基礎は設計時に出来ているため 製作スケジュールに余裕が生まれる
- 35. #ue4fest モデリング 質感設定 ライティング カメラ設定 多角的な活用でメリットを提示 一元管理された アセット構築 設計検討 環境シミュ レーション パース ムービー ウォーク スルー VR
- 38. #ue4fest 株式会社 積木製作 竹内 真哉 3DVisualization Division Manager 自己紹介 ●建築ビジュアライザー 建築CG歴 9年 ●建築パース制作を担当 ●UnrealEngineを使ったリアルタイムでの建築CG表現を研究 ●実案件にリアルタイムレンダリングを導入し、制作フローの改革を目指してプロジェ クトを推進中
- 39. #ue4fest • バージョン 4.20 • 作業環境 CPU ：core i7 GPU ：GeForce GTX 1070ti メモリ ：64GB
- 40. #ue4fest プラウドタワー武蔵小金井クロス • 野村不動産 株式会社様 • 敷地面積約14,000㎡ 総戸数約700戸 • JR中央線武蔵小金井駅前 再開発事業においてCGコンテンツ全般 を担当 今回ご紹介する案件
- 41. #ue4fest 納品物 点数 用途 ツール パース 約30点 広告用 HP掲載用 3dsMax+V-Rayレンダリング ムービー 10カット 合計約100秒 マンションギャラリー 上映用 UE4 ウォークスルー 実行データ １点 マンションギャラリー接客案 内用（PCでの起動を想定） UE4
- 42. #ue4fest パース紹介
- 43. #ue4fest
- 44. #ue4fest
- 45. #ue4fest
- 46. #ue4fest
- 47. #ue4fest
- 48. #ue4fest
- 77. #ue4fest レンダリングコストの大幅な削減 １フレームあたりのレンダリング時間 プリレンダリング（2k） 約8分～12分 リアルタイムレンダリング（4k） 約5秒～10秒 ※今回の案件の屋外カメラルートによる、同マシンでの弊社調べ 10 5 0.4 20 0 5 10 15 20 25 30 リアルタイムレンダリング プリレンダリング 単位：日 ※100秒3,000フレームのムービーの場合 ※1台のマシンでレンダリングを行った場合 シーンセ ットアップ 時間 レンダリ ング時間
- 87. #ue4fest コリジョン コリジョンの設定は3dsMaX 内で板ポリを設置し、 UE4内で見えない壁、床と することでウォークスルー 範囲を限定 ①3dsMax内で板ポリ作成 ②インポート後Static Meshのdetail>collision>collision Complexityの項目 「use Complex Collision As Simple」に設定
- 88. #ue4fest コリジョン コリジョンの設定は3dsMaX 内で板ポリを設置し、 UE4内で見えない壁、床と することでウォークスルー 範囲を限定 ①3dsMax内で板ポリ作成 ②インポート後Static Meshのdetail>collision>collision Complexityの項目 「use Complex Collision As Simple」に設定 ③Cast ShadowとVisibleを切る
- 92. #ue4fest Buttonのイベント 「On Clicked」から クリックされたら固定 アングルへ移動する 仕組みにしています ①On Clicked からグラフへ ②イベントディスパッチャーを作りグラフ内へ、呼び出しを選択
- 93. #ue4fest Buttonのイベント 「On Clicked」から クリックされたら固定 アングルへ移動する 仕組みにしています ①On Clicked からグラフへ ②イベントディスパッチャーを作りグラフ内へ、呼び出しを選択 ③レベルブループリント内でイベントをバインドさせる
- 94. #ue4fest ビジュアル パースの見た目と同等のもので、かつスムーズに動き回れるか 今回はマンションギャラリーに設置するPCでの起動を想定 そのためそこまで処理負荷を気にすることはなかった
- 97. #ue4fest あまりうまく変換できない結果に・・・ ・インポート時間もやたら長い ・インポート中にクラッシュ ・マテリアルの色質感が再現されない ・異常に明るいメッシュがある など インポート結果
- 111. #ue4fest テクスチャ テクスチャ解像度について注意 テクスチャのサイズは2 のべき乗 (256、512、1024、2048・・・ ) に しておく ※1024x1024 1024ｘ512 etc. これはテクスチャストリーミングという、オブジェクトの大きさ にあった適切な解像度で描画してくれる機能を利用するためです これによりメモリを効率的に使用できる ※遠くを描画するときは小さいサイズ、近くを描画するときは大きい サイズに、というような感じ
- 112. #ue4fest テクスチャ テクスチャ解像度について注意 テクスチャのサイズは2 のべき乗 (256、512、1024、2048・・・ ) に しておく ※1024x1024 1024ｘ512 etc. これはテクスチャストリーミングという、オブジェクトの大きさ にあった適切な解像度で描画してくれる機能を利用するためです これによりメモリを効率的に使用できる ※遠くを描画するときは小さいサイズ、近くを描画するときは大きい サイズに、というような感じ
- 113. #ue4fest 最適化・標準化 ＞ 再インポート ＞ さらに ・周辺構築 ・空 ・ライティング ・ガラスの調整 ・植物 ・ビルド ・ポストプロセス
- 124. #ue4fest
- 128. #ue4fest アウトプット ウォークスルー • Windows向けパッケージング ムービー • シーケンサーを使いpng連番の書き出し • ムービー制作については割愛
- 129. #ue4fest アウトプット ウォークスルー • Windows向けパッケージング ムービー • シーケンサーを使いpng連番の書き出し • ムービー制作については割愛
- 130. #ue4fest アウトプット ウォークスルー • Windows向けパッケージング ムービー • シーケンサーを使いpng連番の書き出し • ムービー制作については割愛
- 132. #ue4fest ありがとうございました