Download as PDF, PPTX
Uploaded byエピック・ゲームズ・ジャパン Epic Games Japan
UE4.26 レンダリング新機能（CEDEC+KYUSHU 2020）
講演動画はこちら 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 )
More Related Content
![[CEDEC2017] UE4プロファイリングツール総おさらい（グラフィクス編）](https://cdn.slidesharecdn.com/ss_thumbnails/ue4profilingbasiccedec2017-170831013144-thumbnail.jpg?width=640&height=640&fit=bounds)
![[UE4]マテリアルの注意すべきこと！～テクスチャロードとSwitch～](https://cdn.slidesharecdn.com/ss_thumbnails/ue4materialcaution-190309153116-thumbnail.jpg?width=640&height=640&fit=bounds)
![[CEDEC2018] UE4アニメーションシステム総おさらい](https://cdn.slidesharecdn.com/ss_thumbnails/animationsystem-180823080249-thumbnail.jpg?width=640&height=640&fit=bounds)
![[4.20版] UE4におけるLoadingとGCのProfilingと最適化手法](https://cdn.slidesharecdn.com/ss_thumbnails/ue4loadgcprofilingoptimization420-180802153630-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to UE4.26 レンダリング新機能（CEDEC+KYUSHU 2020）
UE4.26 レンダリング新機能（CEDEC+KYUSHU 2020）
- 1. UE4.26 レンダリング新機能 Epic GamesJapan / Technical Artist Developper Relations 小林 浩之 斎藤 修
- 2. #UE4 | @UNREALENGINE アジェンダ ●Hair & Fur ● Water Rendering ● Modeling Tools ● Volumetric Clouds ● GPU Lightmass ● Niagara ● DataFormat（Datasmith、Alembic、LiDAR） ● Twinmotion
- 3.
- 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.
- 13.
- 14. #UE4 | @UNREALENGINE WaterRendering
- 15. #UE4 | @UNREALENGINE WaterRendering PluginsからWaterを有効に
- 16. #UE4 | @UNREALENGINE WaterRendering Water Bodyアクタ 流体シミュレーション コースティクスシミュレーション
- 17. #UE4 | @UNREALENGINE WaterRendering Water Bodyアクタ 海、川、湖などのアクタを配置し、スプラインで形を編集することで 水を含んだ地形を簡単に作ることができる
- 18. #UE4 | @UNREALENGINE WaterRendering Water Body Ocean スプラインで島を作り、周りを海で囲う
- 19. #UE4 | @UNREALENGINE WaterRendering Water Body Ocean
- 20. #UE4 | @UNREALENGINE WaterRendering Water Body Ocean Curve Settings カーブアセットを使って水深の設定を行う
- 21. #UE4 | @UNREALENGINE WaterRendering Water Body Ocean Curve Settings
- 22. #UE4 | @UNREALENGINE WaterRendering Water Body Ocean Water Heightmap Settings 地上側のLandscapeの補間方法を設定する
- 23. #UE4 | @UNREALENGINE WaterRendering Water Body Ocean Falloff Mode：Angle
- 24. #UE4 | @UNREALENGINE WaterRendering Water Body Ocean Falloff Mode：Width
- 25. #UE4 | @UNREALENGINE WaterRendering Water Body Lake Water Body Oceanとは逆に、スプラインで囲まれた範囲を水で覆う
- 26. #UE4 | @UNREALENGINE WaterRendering Water Body Lake Water Body Oceanとは逆に、スプラインで囲まれた範囲を水で覆う
- 27. #UE4 | @UNREALENGINE WaterRendering Water Body Rever スプラインで自由に川を作り、LakeやOceanとシームレスに繋ぐことができる
- 28. #UE4 | @UNREALENGINE WaterRendering Water Body Rever スプラインで自由に川を作り、LakeやOceanとシームレスに繋ぐことができる
- 29. #UE4 | @UNREALENGINE WaterRendering Water Wavesアセット OceanやLakeの波の形状をコントロールできる
- 30. #UE4 | @UNREALENGINE WaterRendering 流体シミュレーション
- 31. #UE4 | @UNREALENGINE WaterRendering 流体シミュレーション Plugin Content以下 WaterContent/FluidSimulation/Fluidsim_Terrain.umap シミュレーションのテストマップ
- 32. #UE4 | @UNREALENGINE WaterRendering 流体シミュレーション BP_Fluid_Impulse_Repeating アクタの中心から波を出す
- 33. #UE4 | @UNREALENGINE WaterRendering 流体シミュレーション BP_Dynamic_Force_SkelMesh スケルタルメッシュのソケットからのインタラクション
- 34. #UE4 | @UNREALENGINE WaterRendering コースティクスシミュレーション WaterContent/Caustics/Maps/CausticsMap.umap シミュレーションのテストマップ Blueprintでコースティクスの連番テクスチャを生成する
- 35. #UE4 | @UNREALENGINE WaterRendering コースティクスシミュレーション Water/Caustics/Blueprints/GenerateCausticsTextures パラメータを入力し、Begin Renderingを押すと連番テクスチャが生成される
- 36. #UE4 | @UNREALENGINE WaterRendering コースティクスシミュレーション 生成したテクスチャはOceanなどのマテリアルで利用できる /Water/Caustics/Materials/Functions/WaterCaustics_SubUVAnimation
- 37. #UE4 | @UNREALENGINE WaterRendering コースティクスシミュレーション
- 38. #UE4 | @UNREALENGINE ModelingTools Primitive Creation Toolbar リボルブ ミラー ブーリアン Insert Edge Loop Hole Fill スカルプト
- 39. #UE4 | @UNREALENGINE ModelingTools Primitive Creation Toolbar 基本的なプリミティブ形状を作成する
- 40. #UE4 | @UNREALENGINE ModelingTools Primitive Creation Toolbar 基本的なプリミティブ形状を作成する
- 41. #UE4 | @UNREALENGINE ModelingTools リボルブ
- 42. #UE4 | @UNREALENGINE ModelingTools リボルブ Revolution Degrees 180 360
- 43. #UE4 | @UNREALENGINE ModelingTools リボルブ Steps 6 32
- 44. #UE4 | @UNREALENGINE ModelingTools ミラー
- 45. #UE4 | @UNREALENGINE ModelingTools ミラー Crop Along Mirror Plane First オン オフ
- 46. #UE4 | @UNREALENGINE ModelingTools ブーリアン
- 47. #UE4 | @UNREALENGINE ModelingTools ブーリアン A-B
- 48. #UE4 | @UNREALENGINE ModelingTools ブーリアン B-A
- 49. #UE4 | @UNREALENGINE ModelingTools ブーリアン Intersect
- 50. #UE4 | @UNREALENGINE ModelingTools ブーリアン Union
- 51. #UE4 | @UNREALENGINE ModelingTools ブーリアン Trim A
- 52. #UE4 | @UNREALENGINE ModelingTools ブーリアン Trim B
- 53. #UE4 | @UNREALENGINE ModelingTools Insert Edge Loop
- 54. #UE4 | @UNREALENGINE ModelingTools Hole Fill
- 55. #UE4 | @UNREALENGINE ModelingTools スカルプト ウェイトマップの作成が可能に ウェイトマップ ウェイトマップを使用したディスプレイスメント
- 56. #UE4 | @UNREALENGINE ModelingTools その他 ● タンジェント編集 ● UVシーム編集 ● UVレイアウトディスプレイ ● ボリュームとメッシュの変換 ● BSPからMeshへの変換 ● 各種マップのベイク など
- 57. #UE4 | @UNREALENGINE VolumetricClouds https://docs.unrealengine.com/ja/BuildingWorlds/LightingAndShadows/VolumetricClouds/index.html
- 58.
- 59. #UE4 | @UNREALENGINE VolumetricClouds 使い方はとても簡単です Volumetric Cloudとライトを配置して "Atmosphere Sun Light"にチェック入れるだけ
- 60. #UE4 | @UNREALENGINE VolumetricClouds スカイライトとSky Atmosphereを置くと さらに見栄えが良くなります
- 61. #UE4 | @UNREALENGINE VolumetricClouds Ctrl + L で自由に太陽の角度を調整できます 楽しいです
- 62. #UE4 | @UNREALENGINE VolumetricClouds Volumetric Cloudのパラメーターはいくつかありますが よく使うものは それほど多くありません
- 63. #UE4 | @UNREALENGINE VolumetricClouds 見た目に関わるものは "Layer Bottom"（雲の高さ）と"Layer Height"（雲の厚さ）
- 64. #UE4 | @UNREALENGINE VolumetricClouds また "Use per Sample Atmospheric Light Transmittance"の チェックを入れると雲のクォリティが上がります
- 65. #UE4 | @UNREALENGINE VolumetricClouds その他 各パラメーターの詳細に関しましては 是非公式ドキュメントをご一読ください https://docs.unrealengine.com/ja/BuildingWorlds/LightingAndShadows/VolumetricClouds/index.html
- 66. #UE4 | @UNREALENGINE VolumetricClouds こんな感じで 画像も豊富かつ詳細に 日本語で丁寧に解説されております https://docs.unrealengine.com/ja/BuildingWorlds/LightingAndShadows/VolumetricClouds/index.html
- 67. #UE4 | @UNREALENGINE VolumetricClouds Volumetric Cloudの見た目に関して 重要なのはマテリアルです
- 68. #UE4 | @UNREALENGINE VolumetricClouds デフォルトでも多数のパラメーターが存在します
- 69. #UE4 | @UNREALENGINE VolumetricClouds これをいじるだけでも 雲全体の密度や 分布 色など ある程度雲の見た目を調整可能です
- 70. #UE4 | @UNREALENGINE VolumetricClouds 親マテリアルを開くとこんな感じです
- 71. #UE4 | @UNREALENGINE VolumetricClouds 雲専用のVolumeシェーダーが使用されており
- 72. #UE4 | @UNREALENGINE VolumetricClouds 全体の処理は ざっくり分類するとこのような感じです 雲のモクモクしたディテール 雲の色 最適化 2種類の雲を ブレンド 雲の分布
- 73. #UE4 | @UNREALENGINE VolumetricClouds 特に重要なのはこちらのテクスチャ これが雲の分布マップになっています 雲の分布
- 74. #UE4 | @UNREALENGINE VolumetricClouds 特に重要なのはこちらのテクスチャ これが雲の分布マップになっています
- 75. #UE4 | @UNREALENGINE VolumetricClouds 4.26.0時点ではタイリング化されてなくて変な感じになってますので 良い感じのテクスチャに差し替えて頂くと良いかと思います
- 76. #UE4 | @UNREALENGINE VolumetricClouds また こちらの最適化に関しましては 最適化
- 77. #UE4 | @UNREALENGINE VolumetricClouds 公式ドキュメントを見て頂けましたら 詳しく書かれております https://docs.unrealengine.com/ja/BuildingWorlds/LightingAndShadows/VolumetricClouds/index.html
- 78. #UE4 | @UNREALENGINE VolumetricClouds イメージ的には 一旦下で計算したものをまとめて 最適化
- 79. #UE4 | @UNREALENGINE VolumetricClouds 上に流すことで 無駄な計算が省かれるようになっています 最適化
- 80. #UE4 | @UNREALENGINE VolumetricClouds また Volumetric Cloudはライトの方にも 見た目に影響するパラメーターがいくつかあります
- 81. #UE4 | @UNREALENGINE VolumetricClouds 特に"Cast Cloud Shadows"のオプションは 雲間から印象的なゴッドレイを落とすことができますので ぜひお試しください
- 82. #UE4 | @UNREALENGINE VolumetricClouds また これらの雲のパラメーターは幅広い調整が可能で コンソール機でのリアルタイム描画から シネマティック品質まで対応しています
- 83. #UE4 | @UNREALENGINE VolumetricClouds 一点 残念ながら現時点では モバイルには非対応となっていますのでご注意ください
- 84. #UE4 | @UNREALENGINE VolumetricClouds また これまでご説明した機能は全てデフォルトで使用できますが 実はさらにアドバンスドなプラグインもあります
- 85. #UE4 | @UNREALENGINE VolumetricClouds 雲をペイントしたり 3Dフローマップで動かしたり 様々なコンテンツがありますので ぜひ触ってみてください
- 86. #UE4 | @UNREALENGINE VolumetricClouds 最新コンテンツはたまに落とし穴があったりしますので 困ったときはツイッターとかを見てみると良いかもしれません https://twitter.com/shiba_zushi/status/1349425014815092743?s=20
- 87. #UE4 | @UNREALENGINE Real-TimeSky Light Capture また Volumetric CloudやSky Atmosphereの実装に伴い スカイライトも強化されております
- 88. #UE4 | @UNREALENGINE Real-TimeSky Light Capture こちらのチェックをぽちっと入れて頂くだけで スカイライトがリアルタイム更新されます
- 89. #UE4 | @UNREALENGINE Real-TimeSky Light Capture また これらの更新処理はフレーム分散されているので PS4などでも十分に使用可能です https://docs.unrealengine.com/en-US/BuildingWorlds/LightingAndShadows/LightTypes/SkyLight/index.html
- 90. #UE4 | @UNREALENGINE EnvironmentLight Mixer そして 様々な改善や追加実装に伴い ライトのオプションが増えてややこしくなったな… と思われた方 是非 Environment Light Mixerをご使用ください
- 91. #UE4 | @UNREALENGINE EnvironmentLight Mixer 大気や空に相互作用しているライトの各設定が一覧化できて とても便利です
- 92. #UE4 | @UNREALENGINE GPULightmass さて これまでは主に動的な環境表現のお話でしたが ベイク スタティックなライティングの方も大きく進化しております
- 93. #UE4 | @UNREALENGINE GPULightmass それがこちら GPUライトマス これまでCPUのみだったライトベイク機能 ライトマスのGPU版が出ました
- 94. #UE4 | @UNREALENGINE GPULightmass 使い方は非常に簡単です プラグインとレイトレをオンにするだけ
- 95. #UE4 | @UNREALENGINE GPULightmass バーチャルテクスチャをオンにすると プログレッシブベイクも可能になります
- 96. #UE4 | @UNREALENGINE GPULightmass UIも非常にシンプルです Buildボタンをぽちっと押せばベイクされます
- 97. #UE4 | @UNREALENGINE GPULightmass GPUの性能にもよりますが ベイク速度も速くなっております 例えばこちらのシーンはRTX 2080Ti 2枚でなんと11分
- 98. #UE4 | @UNREALENGINE GPULightmass さらには こちらのQiitaの記事でまとめさせて頂いたのですが ベイク時のマテリアルも大幅改善されております https://qiita.com/EGJ-Osamu_Saito/items/a8528c82064e655fe706
- 99. #UE4 | @UNREALENGINE GPULightmass これまでCPUライトマスでは正しくベイクされなかった 数々のマテリアルノードが GPUライトマスでは対応されております
- 100. #UE4 | @UNREALENGINE GPULightmass 詳細は是非こちらの記事でご確認頂けましたら https://qiita.com/EGJ-Osamu_Saito/items/a8528c82064e655fe706
- 101.
- 102.
- 103.
- 104.
- 105.
- 106.
- 107.
- 108.
- 109.
- 110.
- 111. #UE4 | @UNREALENGINE Niagara そしてさらに 待望のCascadeto Niagara Converterが 実装されました！
- 112.
- 113.
- 114. #UE4 | @UNREALENGINE DataFormat 対応しているデータフォーマットもどんどん増えております
- 115.
- 116.
- 117.
- 118.
- 119.
- 120.
- 121. #UE4 | @UNREALENGINE LiDARPoint Cloud 今流行りのLiDARにももちろん対応しております
- 122. #UE4 | @UNREALENGINE LiDARPoint Cloud こちらも使い方は非常に簡単 プラグインをオンにして 対応ファイルをインポートするだけです https://docs.unrealengine.com/ja/WorkingWithContent/LidarPointCloudPlugin/LidarPointCloudPluginReference/index.html .LAZ & .E57
- 123. #UE4 | @UNREALENGINE LiDARPoint Cloud Iphoneなどで取得した点群データも 簡単にインポートすることが可能ですので 皆様是非お試しください
- 124. #UE4 | @UNREALENGINE LiDARPoint Cloud こちらのシーンは Virtual Wonders社による 150億点データのUE4リアルタイムレンダリング動画です https://www.facebook.com/watch/?ref=external&v=945773765848605
- 125.
- 126.
- 127.
- 128.
- 129.
- 130. #UE4 | @UNREALENGINE アジェンダ ●Hair & Fur ● Water Rendering ● Modeling Tools ● Volumetric Clouds ● GPU Lightmass ● Niagara ● DataFormat（Datasmith、Alembic、LiDAR） ● Twinmotion
- 131.
- 132.
- 133.
- 134. #UE4 | @UNREALENGINE Others Python3.7.7 への移行とOCIOのサポート
- 135.
- 136.
- 137. #UE4 | @UNREALENGINE Others コントロールリグは弊社岡田から MovieRender 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/epicgamesjapanhttps://www.youtube.com/c/UnrealEngineJP
- 139. #UE4 | @UNREALENGINE Others またさらに これらの情報共有はEGJからだけではなく 数多くのUE4ユーザー様からも頂いております いつも本当にありがとうございます！ https://qiita.com/advent-calendar/2020/ue4https://qiita.com/advent-calendar/2020/ue4_due https://qiita.com/advent-calendar/2020/ue4_tre
- 140.
- 141.
- 142.
- 143.