UE4.26 レンダリング新機能（CEDEC+KYUSHU 2020）
•
5 likes•4,744 views
講演動画はこちら https://www.youtube.com/watch?v=OEg_DNvTLJc 本スライドは2021年1月31日に行われた「CEDEC+KYUSHU 2020」の講演資料となります。 http://cedec-kyushu.jp/2020/session/10.html Unreal Engine 4.26ではHair & Fur、Waterレンダリング、新しいモデリングツール、Sky & Cloud、GPU Lightmassなど、数多くのレンダリング周りの機能が強化されました。これらの機能について、実際のエディター操作を交えつつ紹介します。 Technical Artist - Developer Relations, 斎藤 修 ( https://twitter.com/shiba_zushi ) Technical Artist - Developer Relations, 小林 浩之 ( https://twitter.com/hannover_bloss )
Recommended
More Related Content
What's hot
What's hot (20)
Similar to UE4.26 レンダリング新機能（CEDEC+KYUSHU 2020）
Similar to UE4.26 レンダリング新機能（CEDEC+KYUSHU 2020） (11)
More from エピック・ゲームズ・ジャパン Epic Games Japan
More from エピック・ゲームズ・ジャパン Epic Games Japan (20)
Recently uploaded
Recently uploaded (7)
UE4.26 レンダリング新機能（CEDEC+KYUSHU 2020）
- 1. UE4.26 レンダリング新機能 Epic Games Japan / Technical Artist Developper Relations 小林 浩之 斎藤 修
- 2. #UE4 | @UNREALENGINE アジェンダ ● Hair & Fur ● Water Rendering ● Modeling Tools ● Volumetric Clouds ● GPU Lightmass ● Niagara ● DataFormat（Datasmith、Alembic、LiDAR） ● Twinmotion
- 3. #UE4 | @UNREALENGINE Hair & Fur
- 4. #UE4 | @UNREALENGINE Hair & Fur バインディング ライティング
- 5. #UE4 | @UNREALENGINE Hair & Fur • グルームをスケルタルメッシュにアタッチし、サーフェイスの動きに追従させることができるように • バインディングアセットはグルームとスケルタルメッシュ間のコネクション情報を保存 バインディング
- 6. #UE4 | @UNREALENGINE Hair & Fur • グルームをスケルタルメッシュにアタッチし、サーフェイスの動きに追従させることができるように • バインディングアセットはグルームとスケルタルメッシュ間のコネクション情報を保存 バインディング
- 7. #UE4 | @UNREALENGINE バインディングアセット生成 1. グルームアセットを右クリック→Create Binding 2. ターゲットのスケルタルメッシュを選択 3. 任意でソースメッシュを選択 （グルームが別のメッシュに作成されている場合） Hair & Fur バインディング
- 8. #UE4 | @UNREALENGINE グルームとバインディングアセットをアタッチする 1. グルームアセットをスケルタルメッシュに親子付け 2. グルームアセットの詳細からBinding Assetをアサインする Hair & Fur バインディング
- 9. #UE4 | @UNREALENGINE アタッチされたポイントとトライアングルを可視化 r.HairStrands. DebugMode 12, r.HairStrands.MeshProjection.Render.Deformed. Frame 1 r.HairStrands. MeshProjection.Render. Deformed. Triangle 1 Hair & Fur バインディング
- 10. #UE4 | @UNREALENGINE マテリアル - Hair Attributesノード マテリアルからグルームの各種アトリビュートにアクセス ・Root UV ・Seed ・BaseColor/Roughness ・Radius/Length など Hair & Fur ライティング
- 11. #UE4 | @UNREALENGINE マテリアル - Hair Colorノード メラニン濃度に基づいて髪の色を計算 Hair & Fur ライティング
- 12. #UE4 | @UNREALENGINE レイトレーシング AOをサポート リフレクションは未対応 Hair & Fur ライティング
- 14. #UE4 | @UNREALENGINE Water Rendering
- 15. #UE4 | @UNREALENGINE Water Rendering PluginsからWaterを有効に
- 16. #UE4 | @UNREALENGINE Water Rendering Water Bodyアクタ 流体シミュレーション コースティクスシミュレーション
- 17. #UE4 | @UNREALENGINE Water Rendering Water Bodyアクタ 海、川、湖などのアクタを配置し、スプラインで形を編集することで 水を含んだ地形を簡単に作ることができる
- 18. #UE4 | @UNREALENGINE Water Rendering Water Body Ocean スプラインで島を作り、周りを海で囲う
- 19. #UE4 | @UNREALENGINE Water Rendering Water Body Ocean
- 20. #UE4 | @UNREALENGINE Water Rendering Water Body Ocean Curve Settings カーブアセットを使って水深の設定を行う
- 21. #UE4 | @UNREALENGINE Water Rendering Water Body Ocean Curve Settings
- 22. #UE4 | @UNREALENGINE Water Rendering Water Body Ocean Water Heightmap Settings 地上側のLandscapeの補間方法を設定する
- 23. #UE4 | @UNREALENGINE Water Rendering Water Body Ocean Falloff Mode：Angle
- 24. #UE4 | @UNREALENGINE Water Rendering Water Body Ocean Falloff Mode：Width
- 25. #UE4 | @UNREALENGINE Water Rendering Water Body Lake Water Body Oceanとは逆に、スプラインで囲まれた範囲を水で覆う
- 26. #UE4 | @UNREALENGINE Water Rendering Water Body Lake Water Body Oceanとは逆に、スプラインで囲まれた範囲を水で覆う
- 27. #UE4 | @UNREALENGINE Water Rendering Water Body Rever スプラインで自由に川を作り、LakeやOceanとシームレスに繋ぐことができる
- 28. #UE4 | @UNREALENGINE Water Rendering Water Body Rever スプラインで自由に川を作り、LakeやOceanとシームレスに繋ぐことができる
- 29. #UE4 | @UNREALENGINE Water Rendering Water Wavesアセット OceanやLakeの波の形状をコントロールできる
- 30. #UE4 | @UNREALENGINE Water Rendering 流体シミュレーション
- 31. #UE4 | @UNREALENGINE Water Rendering 流体シミュレーション Plugin Content以下 WaterContent/FluidSimulation/Fluidsim_Terrain.umap シミュレーションのテストマップ
- 32. #UE4 | @UNREALENGINE Water Rendering 流体シミュレーション BP_Fluid_Impulse_Repeating アクタの中心から波を出す
- 33. #UE4 | @UNREALENGINE Water Rendering 流体シミュレーション BP_Dynamic_Force_SkelMesh スケルタルメッシュのソケットからのインタラクション
- 34. #UE4 | @UNREALENGINE Water Rendering コースティクスシミュレーション WaterContent/Caustics/Maps/CausticsMap.umap シミュレーションのテストマップ Blueprintでコースティクスの連番テクスチャを生成する
- 35. #UE4 | @UNREALENGINE Water Rendering コースティクスシミュレーション Water/Caustics/Blueprints/GenerateCausticsTextures パラメータを入力し、Begin Renderingを押すと連番テクスチャが生成される
- 36. #UE4 | @UNREALENGINE Water Rendering コースティクスシミュレーション 生成したテクスチャはOceanなどのマテリアルで利用できる /Water/Caustics/Materials/Functions/WaterCaustics_SubUVAnimation
- 37. #UE4 | @UNREALENGINE Water Rendering コースティクスシミュレーション
- 38. #UE4 | @UNREALENGINE Modeling Tools Primitive Creation Toolbar リボルブ ミラー ブーリアン Insert Edge Loop Hole Fill スカルプト
- 39. #UE4 | @UNREALENGINE Modeling Tools Primitive Creation Toolbar 基本的なプリミティブ形状を作成する
- 40. #UE4 | @UNREALENGINE Modeling Tools Primitive Creation Toolbar 基本的なプリミティブ形状を作成する
- 41. #UE4 | @UNREALENGINE Modeling Tools リボルブ
- 42. #UE4 | @UNREALENGINE Modeling Tools リボルブ Revolution Degrees 180 360
- 43. #UE4 | @UNREALENGINE Modeling Tools リボルブ Steps 6 32
- 44. #UE4 | @UNREALENGINE Modeling Tools ミラー
- 45. #UE4 | @UNREALENGINE Modeling Tools ミラー Crop Along Mirror Plane First オン オフ
- 46. #UE4 | @UNREALENGINE Modeling Tools ブーリアン
- 47. #UE4 | @UNREALENGINE Modeling Tools ブーリアン A-B
- 48. #UE4 | @UNREALENGINE Modeling Tools ブーリアン B-A
- 49. #UE4 | @UNREALENGINE Modeling Tools ブーリアン Intersect
- 50. #UE4 | @UNREALENGINE Modeling Tools ブーリアン Union
- 51. #UE4 | @UNREALENGINE Modeling Tools ブーリアン Trim A
- 52. #UE4 | @UNREALENGINE Modeling Tools ブーリアン Trim B
- 53. #UE4 | @UNREALENGINE Modeling Tools Insert Edge Loop
- 54. #UE4 | @UNREALENGINE Modeling Tools Hole Fill
- 55. #UE4 | @UNREALENGINE Modeling Tools スカルプト ウェイトマップの作成が可能に ウェイトマップ ウェイトマップを使用したディスプレイスメント
- 56. #UE4 | @UNREALENGINE Modeling Tools その他 ● タンジェント編集 ● UVシーム編集 ● UVレイアウトディスプレイ ● ボリュームとメッシュの変換 ● BSPからMeshへの変換 ● 各種マップのベイク など
- 57. #UE4 | @UNREALENGINE Volumetric Clouds https://docs.unrealengine.com/ja/BuildingWorlds/LightingAndShadows/VolumetricClouds/index.html
- 58. #UE4 | @UNREALENGINE Volumetric Clouds
- 59. #UE4 | @UNREALENGINE Volumetric Clouds 使い方はとても簡単です Volumetric Cloudとライトを配置して "Atmosphere Sun Light"にチェック入れるだけ
- 60. #UE4 | @UNREALENGINE Volumetric Clouds スカイライトとSky Atmosphereを置くと さらに見栄えが良くなります
- 61. #UE4 | @UNREALENGINE Volumetric Clouds Ctrl + L で自由に太陽の角度を調整できます 楽しいです
- 62. #UE4 | @UNREALENGINE Volumetric Clouds Volumetric Cloudのパラメーターはいくつかありますが よく使うものは それほど多くありません
- 63. #UE4 | @UNREALENGINE Volumetric Clouds 見た目に関わるものは "Layer Bottom"（雲の高さ）と"Layer Height"（雲の厚さ）
- 64. #UE4 | @UNREALENGINE Volumetric Clouds また "Use per Sample Atmospheric Light Transmittance"の チェックを入れると雲のクォリティが上がります
- 65. #UE4 | @UNREALENGINE Volumetric Clouds その他 各パラメーターの詳細に関しましては 是非公式ドキュメントをご一読ください https://docs.unrealengine.com/ja/BuildingWorlds/LightingAndShadows/VolumetricClouds/index.html
- 66. #UE4 | @UNREALENGINE Volumetric Clouds こんな感じで 画像も豊富かつ詳細に 日本語で丁寧に解説されております https://docs.unrealengine.com/ja/BuildingWorlds/LightingAndShadows/VolumetricClouds/index.html
- 67. #UE4 | @UNREALENGINE Volumetric Clouds Volumetric Cloudの見た目に関して 重要なのはマテリアルです
- 68. #UE4 | @UNREALENGINE Volumetric Clouds デフォルトでも多数のパラメーターが存在します
- 69. #UE4 | @UNREALENGINE Volumetric Clouds これをいじるだけでも 雲全体の密度や 分布 色など ある程度雲の見た目を調整可能です
- 70. #UE4 | @UNREALENGINE Volumetric Clouds 親マテリアルを開くとこんな感じです
- 71. #UE4 | @UNREALENGINE Volumetric Clouds 雲専用のVolumeシェーダーが使用されており
- 72. #UE4 | @UNREALENGINE Volumetric Clouds 全体の処理は ざっくり分類するとこのような感じです 雲のモクモクしたディテール 雲の色 最適化 2種類の雲を ブレンド 雲の分布
- 73. #UE4 | @UNREALENGINE Volumetric Clouds 特に重要なのはこちらのテクスチャ これが雲の分布マップになっています 雲の分布
- 74. #UE4 | @UNREALENGINE Volumetric Clouds 特に重要なのはこちらのテクスチャ これが雲の分布マップになっています
- 75. #UE4 | @UNREALENGINE Volumetric Clouds 4.26.0時点ではタイリング化されてなくて変な感じになってますので 良い感じのテクスチャに差し替えて頂くと良いかと思います
- 76. #UE4 | @UNREALENGINE Volumetric Clouds また こちらの最適化に関しましては 最適化
- 77. #UE4 | @UNREALENGINE Volumetric Clouds 公式ドキュメントを見て頂けましたら 詳しく書かれております https://docs.unrealengine.com/ja/BuildingWorlds/LightingAndShadows/VolumetricClouds/index.html
- 78. #UE4 | @UNREALENGINE Volumetric Clouds イメージ的には 一旦下で計算したものをまとめて 最適化
- 79. #UE4 | @UNREALENGINE Volumetric Clouds 上に流すことで 無駄な計算が省かれるようになっています 最適化
- 80. #UE4 | @UNREALENGINE Volumetric Clouds また Volumetric Cloudはライトの方にも 見た目に影響するパラメーターがいくつかあります
- 81. #UE4 | @UNREALENGINE Volumetric Clouds 特に"Cast Cloud Shadows"のオプションは 雲間から印象的なゴッドレイを落とすことができますので ぜひお試しください
- 82. #UE4 | @UNREALENGINE Volumetric Clouds また これらの雲のパラメーターは幅広い調整が可能で コンソール機でのリアルタイム描画から シネマティック品質まで対応しています
- 83. #UE4 | @UNREALENGINE Volumetric Clouds 一点 残念ながら現時点では モバイルには非対応となっていますのでご注意ください
- 84. #UE4 | @UNREALENGINE Volumetric Clouds また これまでご説明した機能は全てデフォルトで使用できますが 実はさらにアドバンスドなプラグインもあります
- 85. #UE4 | @UNREALENGINE Volumetric Clouds 雲をペイントしたり 3Dフローマップで動かしたり 様々なコンテンツがありますので ぜひ触ってみてください
- 86. #UE4 | @UNREALENGINE Volumetric Clouds 最新コンテンツはたまに落とし穴があったりしますので 困ったときはツイッターとかを見てみると良いかもしれません https://twitter.com/shiba_zushi/status/1349425014815092743?s=20
- 87. #UE4 | @UNREALENGINE Real-Time Sky Light Capture また Volumetric CloudやSky Atmosphereの実装に伴い スカイライトも強化されております
- 88. #UE4 | @UNREALENGINE Real-Time Sky Light Capture こちらのチェックをぽちっと入れて頂くだけで スカイライトがリアルタイム更新されます
- 89. #UE4 | @UNREALENGINE Real-Time Sky Light Capture また これらの更新処理はフレーム分散されているので PS4などでも十分に使用可能です https://docs.unrealengine.com/en-US/BuildingWorlds/LightingAndShadows/LightTypes/SkyLight/index.html
- 90. #UE4 | @UNREALENGINE Environment Light Mixer そして 様々な改善や追加実装に伴い ライトのオプションが増えてややこしくなったな… と思われた方 是非 Environment Light Mixerをご使用ください
- 91. #UE4 | @UNREALENGINE Environment Light Mixer 大気や空に相互作用しているライトの各設定が一覧化できて とても便利です
- 92. #UE4 | @UNREALENGINE GPU Lightmass さて これまでは主に動的な環境表現のお話でしたが ベイク スタティックなライティングの方も大きく進化しております
- 93. #UE4 | @UNREALENGINE GPU Lightmass それがこちら GPUライトマス これまでCPUのみだったライトベイク機能 ライトマスのGPU版が出ました
- 94. #UE4 | @UNREALENGINE GPU Lightmass 使い方は非常に簡単です プラグインとレイトレをオンにするだけ
- 95. #UE4 | @UNREALENGINE GPU Lightmass バーチャルテクスチャをオンにすると プログレッシブベイクも可能になります
- 96. #UE4 | @UNREALENGINE GPU Lightmass UIも非常にシンプルです Buildボタンをぽちっと押せばベイクされます
- 97. #UE4 | @UNREALENGINE GPU Lightmass GPUの性能にもよりますが ベイク速度も速くなっております 例えばこちらのシーンはRTX 2080Ti 2枚でなんと11分
- 98. #UE4 | @UNREALENGINE GPU Lightmass さらには こちらのQiitaの記事でまとめさせて頂いたのですが ベイク時のマテリアルも大幅改善されております https://qiita.com/EGJ-Osamu_Saito/items/a8528c82064e655fe706
- 99. #UE4 | @UNREALENGINE GPU Lightmass これまでCPUライトマスでは正しくベイクされなかった 数々のマテリアルノードが GPUライトマスでは対応されております
- 100. #UE4 | @UNREALENGINE GPU Lightmass 詳細は是非こちらの記事でご確認頂けましたら https://qiita.com/EGJ-Osamu_Saito/items/a8528c82064e655fe706
- 111. #UE4 | @UNREALENGINE Niagara そしてさらに 待望のCascade to Niagara Converterが 実装されました！
- 114. #UE4 | @UNREALENGINE Data Format 対応しているデータフォーマットもどんどん増えております
- 121. #UE4 | @UNREALENGINE LiDAR Point Cloud 今流行りのLiDARにももちろん対応しております
- 122. #UE4 | @UNREALENGINE LiDAR Point Cloud こちらも使い方は非常に簡単 プラグインをオンにして 対応ファイルをインポートするだけです https://docs.unrealengine.com/ja/WorkingWithContent/LidarPointCloudPlugin/LidarPointCloudPluginReference/index.html .LAZ & .E57
- 123. #UE4 | @UNREALENGINE LiDAR Point Cloud Iphoneなどで取得した点群データも 簡単にインポートすることが可能ですので 皆様是非お試しください
- 124. #UE4 | @UNREALENGINE LiDAR Point Cloud こちらのシーンは Virtual Wonders社による 150億点データのUE4リアルタイムレンダリング動画です https://www.facebook.com/watch/?ref=external&v=945773765848605
- 130. #UE4 | @UNREALENGINE アジェンダ ● Hair & Fur ● Water Rendering ● Modeling Tools ● Volumetric Clouds ● GPU Lightmass ● Niagara ● DataFormat（Datasmith、Alembic、LiDAR） ● Twinmotion
- 134. #UE4 | @UNREALENGINE Others Python 3.7.7 への移行とOCIOのサポート
- 137. #UE4 | @UNREALENGINE Others コントロールリグは弊社岡田から Movie Render Queは同じく向井から情報を出させて頂いております https://pafuhana1213.hatenablog.com/entry/ControlRigComponent https://qiita.com/EGJ-Syuya_Mukai/items/8af5b80f250d93299e54
- 138. #UE4 | @UNREALENGINE Others EGJからは常日頃 各種イベントでの講演やSNSなどで UE4の最新情報を日本語でお届けさせて頂いておりますので ぜひ皆さまご確認頂けましたら幸いです https://qiita.com/organizations/epicgamesjapan https://www.youtube.com/c/UnrealEngineJP
- 139. #UE4 | @UNREALENGINE Others またさらに これらの情報共有はEGJからだけではなく 数多くのUE4ユーザー様からも頂いております いつも本当にありがとうございます！ https://qiita.com/advent-calendar/2020/ue4 https://qiita.com/advent-calendar/2020/ue4_due https://qiita.com/advent-calendar/2020/ue4_tre