UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)

1. UE4 Hair & Groomでのリアルタイムファーレンダリング Epic Games Japan / Technical Artist DevRel 小林浩之

2. 自己紹介小林浩之 Epic Games Japan / Technical Artist UDNなどでライセンシー向けのサポート Twitter / はのば@hannover_bloss

4. ちろナモ様の記事 https://qiita.com/chironamo/items/41d24d59bcab605e6475 Hair Groom導入部分公式ドキュメントクイックスタート https://docs.unrealengine.com/4.26/ja/WorkingWithContent/Hair/QuickStart/

5. もう少し踏み込んだお話

6. アジェンダセットアップ Groom Asset ライティング最適化

8. 検証環境 GPU RTX2080ti CPU AMD Ryzen 9 3950X RAM 64.0 GB Unreal Engine 4.26.2

9. セットアップ Hair GroomはHoudiniで作成

10. セットアップ UVやBaseColorなどのアトリビュートがインポート可能命名規則に準じて名前を付けておく

11. セットアップ命名規則 https://docs.unrealengine.com/4.26/ja/WorkingWithContent/Hair/AlembicForGrooms/

12. セットアップ Materialから各種アトリビュートへアクセス可能ストランド毎に色のバラつきを表現するため、Base Colorをマスクとして使用

13. セットアップ模様などのBase Colorはテクスチャマッピング UVにもMaterialからアクセス可能

14. セットアップインポートに時間がかかるため、Groomアセットは部位ごとに分けて管理頭部の41万本、370万頂点で5～6分

16. Groom Asset Showリスト Hairの各アトリビュートを可視化

17. Groom Asset Showリスト Hairの各アトリビュートを可視化 Guide

18. Groom Asset Showリスト Hairの各アトリビュートを可視化 Guide Influence

19. Groom Asset Showリスト Hairの各アトリビュートを可視化 UV

20. Groom Asset Showリスト Hairの各アトリビュートを可視化 Root UV

21. Groom Asset Showリスト Hairの各アトリビュートを可視化 Root UDIM

22. Groom Asset Showリスト Hairの各アトリビュートを可視化 Seed

23. Groom Asset Showリスト Hairの各アトリビュートを可視化 Dimension

24. Groom Asset Showリスト Hairの各アトリビュートを可視化 Radius Variation

25. Groom Asset Showリスト Hairの各アトリビュートを可視化 Base Color

26. Groom Asset Showリスト Hairの各アトリビュートを可視化 Roughness

27. Groom Asset Showリスト Hairの各アトリビュートを可視化 Vis Color

28. Groom Asset Showリスト Hairの各アトリビュートを可視化 Cards Guide

29. Groom Asset LOD

30. Groom Asset - LOD Curve、Vertex Decimation Curve Decimation Curveの本数を減らす

31. Groom Asset - LOD Curve、Vertex Decimation Vertex Decimation Vertexの数を減らす

32. Groom Asset - LOD Angular Threshold Vertex Decimationで頂点を削除する時の角度閾値値が大きいほど削除される

33. Groom Asset - LOD Thickness Scale Curveを減らした分太くして隙間を補う

34. Groom Asset - LOD Visible Screen Size

35. Groom Asset - LOD Geometry Type ジオメトリのタイプを選択する Strands or Cards or Meshes

36. Groom Asset - LOD LODSelection Type LODの選択をCPUで行うかGPUで行うかを設定 CPU すべてのGeometry Typeに対応 GPU Groomのクラスターデータを使用してより細かい精度で行うカード、メッシュは非対応

37. Groom Asset - LOD Minimum LOD 最小LODを指定するプラットフォームごとに設定可能 Disable Below Min Lod Stripping Minimum LOD未満のLODを削除プラットフォームごとに設定可能

38. Groom Asset Interporation

39. Groom Asset - Interporation Curve、Vertex Decimation

40. Groom Asset - Interporation Override Guide ガイドとして使用されるストランドのサブセットを選択しインポートされたガイドをオーバーライドする

41. Groom Asset - Interporation Hair to Guide Density ガイドとして使用されるストランドの比率

42. Groom Asset - Interporation Interpolation Quality ストランドへのガイドモーションを補間する際の補間品質

43. Groom Asset - Interporation Interpolation Distance ガイドとストランドをペアリングする際に使用されるメトリックタイプ Parametric ・カーブのパラメトリック距離によって補間 Root ・ストランドルートとガイドルート間の距離によって補間 Index ・ストランドとガイドのVertex Indexによって補間

44. Groom Asset - Interporation RBF Interpolation Radial Basis Function(RBF) を補間に使用

45. Groom Asset - Interporation Hair Interpolation Type グルームがスケルタルメッシュにバインドされる時に使用する補間のタイプ Rigid Transform: 補間中はスキンのトライアングルに最も近いルートの移動のみを使用 Offset Transform: 補間中はスキンのトライアングルに最も近いルートの移動のみを使用 Smooth Transform: 補間中はスキンのトライアングルに最も近いルートの移動とガイドから計算されたスムーズな回転を使用

46. Groom Asset Strands

47. Groom Asset - Strands Material ストランドで使用するマテリアル

48. Groom Asset - Strands Hair Width ストランドの幅(太さ)を変更インポートされたグルームのデフォルト値

49. Groom Asset - Strands Hair Root Scale ヘアの根本の太さ Hair Tip Scale ヘアの先端の太さ

50. Groom Asset - Strands Hair Shadow Density シャドウおよびトランスミッションの強弱がグルーム全体で均一になるようヘアの密度をスケーリングする

51. Groom Asset - Strands Hair Raytracing Radius Scale レイトレースされたシャドウイングが使用される場合にストランドの幅をスケーリングする Use Hair Raytracing Geometry ヘアのレイトレーシングレンダリングを有効にする

52. Groom Asset - Strands Voxelize ライティング計算のためにボクセル化するかどうか

53. Groom Asset - Strands Use Stable Rasterization ストランドのノイズを抑えるが、やや厚めに表示される

54. Groom Asset - Strands Scatter Scene Lighting シーンのライティングを光源としてストランドで使用するまつ毛や産毛などの非常に短い髪向け

55. Groom Asset Cards

56. Groom Asset - Cards Source Type Procedual カードメッシュをエンジン内で自動生成する実験的機能 Imported インポートしたメッシュを使用

57. Groom Asset - Cards プロシージャル生成 Generation Type Use Guides ガイドを使用してカードを生成 Cards Count パラメータで設定した数でカードを生成

58. Groom Asset - Cards プロシージャル生成 Cluster Type クラスターを生成する際の精度

59. Groom Asset - Cards プロシージャル生成 Min Segment Length カードのセグメント同士の最小距離 Angular Threshold カードのセグメント同士の最大角度

60. Groom Asset - Cards プロシージャル生成 Min Cards Length この閾値より短いカードを削除する Max Cards Length この閾値より長いカードを削除する

61. Groom Asset - Cards プロシージャル生成 Atlas Max Resolution 生成されるカードアトラスの最大解像度 Pixel Per Centimeters カードアトラスのピクセル精度 Length Texture Count 生成されるクラスターのバリエーション数

62. Groom Asset - Cards Textures Hair Attributesノードに送られる各種アトリビュートテクスチャ

63. Groom Asset Meshes

64. Groom Asset - Meshes Material Imported Mesh

65. Groom Asset - Meshes Textures

66. Groom Asset - Meshes Create Strands Texturesから各種アトリビュートテクスチャを生成

67. Groom Asset Materials

68. Groom Asset - Materials Materialsで設定したマテリアルが各項目から選択できる Strandsの場合、Used With Hair Strandsフラグが必要

69. Groom Asset Physics

70. Groom Asset - Physics Enable Smulation グルームのシミュレーションを有効にする

71. Groom Asset - Physics Niagara Solver シミュレーションに使用するナイアガラソルバを選択 ● Cosserate Rods ● Angular Springs ● Custom Solver Custom System Custom Solverで使用するナイアガラソルバを選択

72. Groom Asset - Physics Sub Steps フレームごとに実行されるサブステップの数 Iteration Count ソルバのイテレーション数

73. Groom Asset - Physics Gravity Vector 重力の加速度ベクター (cm/s2) Air Drag 空気抗力に使用する 0 から 1 の間の係数 Air Velocity 周囲の空気の速度 (cm/s)

74. Groom Asset - Physics Bend Constraint Bend(曲げ)に関するパラメーター群

75. Groom Asset - Physics Stretch Constraint Stretch(伸縮)に関するパラメーター群

76. Groom Asset - Physics Collision Constraint Collosionに関するパラメーター群

77. Groom Asset - Physics Strands Parameters Strandsに関するパラメーター群

79. ライティング ShadowやAnti-Aliasing、透過率を計算するためにCustom Render Pathを使用 Pixel内でストランドを複数回サンプル r.HairStrands.DebugMode 5で可視化

80. ライティング 3つのレンダリングモード ● MSAA-ed Visibility Buffer ● Per Pixel Linked List ● Raster Compute

81. ライティング MSAA-ed Visibility Buffer デフォルト設定

82. ライティング Per Pixel Linked List r.HairStrands.Visibility.PPLL 1で有効処理負荷が高く、映像向け

83. ライティング Raster Compute r.HairStrands.Visibility.ComputeRaster 1で有効比較的負荷が軽い

84. ライティング ● Shadow ● Deep Shadow ● Voxel Tracing ● Sky Lighting ● Ray Tracing

85. Shadow Opaque → Hair シャドウマップ

86. Shadow Hair → Oapque Deep Shadow Voxel Tracing

87. Shadow Hair → Hair Deep Shadow Voxel Tracing

88. Deep Shadow Hair専用のシャドウマップを生成する各ライトの設定からon/off可能

89. Deep Shadow Deep Opacity Map 4レイヤーのシャドウマップ階層ごとにヘアの密度を格納 Front Depth Layer 0 Layer 1 Layer 2

90. Deep Shadow 生成されたシャドウマップの可視化 r.HairStrands.DebugMode 4

91. Deep Shadow 解像度の変更 r.HairStrands.DeepShadow.Resolution 512 2048

92. Deep Shadow コンソールコマンドからシャドウマップのPCFフィルタを調整可能 Hair→Hair r.HairStrands.DeepShadow.KernelType 0~4 Hair→Opaque r.HairStrands.DeepShadow.ShadowMaskKernelType 0~4

93. Deep Shadow Hair→Hair r.HairStrands.DeepShadow.KernelType 0~4 0 = Linear 1 = 2x2 PCF Kernel 2 = 6x4 PCF Kernel 3 = PCSS 4 = 6x6 PCF Kernel Linear

94. Deep Shadow Hair→Hair r.HairStrands.DeepShadow.KernelType 0~4 0 = Linear 1 = 2x2 PCF Kernel 2 = 6x4 PCF Kernel 3 = PCSS 4 = 6x6 PCF Kernel 2x2 PCF Kernel

96. Deep Shadow Hair→Hair r.HairStrands.DeepShadow.KernelType 0~4 0 = Linear 1 = 2x2 PCF Kernel 2 = 6x4 PCF Kernel 3 = PCSS 4 = 6x6 PCF Kernel PCSS

98. Deep Shadow Hair→Opaque r.HairStrands.DeepShadow.ShadowMaskKernelType 0~4 0 = 2x2 PCF Kernel 1 = 4x4 PCF Kernel 2 = 8 Gaussian PCF Kernel 3 = 16 Gaussian PCF Kernel 4 = 8 Gaussian with Transmittance 2x2 PCF Kernel

99. Deep Shadow Hair→Opaque r.HairStrands.DeepShadow.ShadowMaskKernelType 0~4 0 = 2x2 PCF Kernel 1 = 4x4 PCF Kernel 2 = 8 Gaussian PCF Kernel 3 = 16 Gaussian PCF Kernel 4 = 8 Gaussian with Transmittance 4x4 PCF Kernel

100. Deep Shadow Hair→Opaque r.HairStrands.DeepShadow.ShadowMaskKernelType 0~4 0 = 2x2 PCF Kernel 1 = 4x4 PCF Kernel 2 = 8 Gaussian PCF Kernel 3 = 16 Gaussian PCF Kernel 4 = 8 Gaussian with Transmittance 8 Gaussian PCF Kernel

101. Deep Shadow Hair→Opaque r.HairStrands.DeepShadow.ShadowMaskKernelType 0~4 0 = 2x2 PCF Kernel 1 = 4x4 PCF Kernel 2 = 8 Gaussian PCF Kernel 3 = 16 Gaussian PCF Kernel 4 = 8 Gaussian with Transmittance 16 Gaussian PCF Kernel

102. Deep Shadow Hair→Opaque r.HairStrands.DeepShadow.ShadowMaskKernelType 0~4 0 = 2x2 PCF Kernel 1 = 4x4 PCF Kernel 2 = 8 Gaussian PCF Kernel 3 = 16 Gaussian PCF Kernel 4 = 8 Gaussian with Transmittance 8 Gaussian with Transmittance

103. Voxel Tracing Voxel化したヘアのDensity Volumeを使用 Sky Lightや複数ライトの計算

104. Voxel Tracing ボクセルサイズの変更 r.HairStrands.Voxelization.Virtual.VoxelWorldSize 0.15 0.3

105. Voxel Tracing ボクセルの可視化 r.HairStrands.DebugMode 8 r.ShaderPrintEnable 1

106. Voxel Tracing シャドウはDeep Shadowがオフの場合Voxel Tracingが行われる Deep Shadow Voxel Tracing

107. Voxel Tracing ノイズ抑制 r.HairStrands.Voxelization.Raymarching.SteppingScale 1.15 1.0

108. Sky Lighting 複数のIntegration Typeが選べる r.HairStrands.SkyLighting.IntegrationType (0~2) 0 = 1と2の中間程度若干高負荷 1 = 正確な計算高負荷 2 = Occlusionが不正確低負荷

109. Sky Lighting 複数のIntegration Typeが選べる r.HairStrands.SkyLighting.IntegrationType (0~2) IntegrationType 2

112. Ray Tracing アセットまたはアクタからUse hair Raytracing Geometryにチェックライト側はDeep Shadowをオフ

113. Ray Tracing ソフトシャドウ表現が可能

114. Ray Tracing レイトレ映る？映らない？

115. Ray Tracing レイトレ映る？映らない？ヘア、シャドウ共に映らない

117. 最適化コンソールコマンドstat gpuでフレーム内のさまざまなコストを調べることができる

118. 最適化 HairStrandsVisibility：ヘアのプライマリビジビリティのレンダリングヘアで覆われている部分と、オーバードローの量に依存

119. 最適化 Hair Sky Lighting: Sky Lightのレンダリング

120. 最適化 HairStrandsDeepShadowLayers: Deep Shadowレイヤーのレンダリングヘアクラスターごととライトごとに行われる

121. 最適化 HairStrandsInterpolation: ヘアストランドの補間

122. 最適化 HairStrandsDeepshadowFrontDepth: ヘアのフロントデプスのレンダリングヘアクラスターごととライトごとに行われる

123. 最適化 HairStrandsVoxelization: ヘアークラスターのボクセル化

124. 最適化 DeepShadowTransmittanceMask: ヘアの内部で透過する光のレンダリング

125. 最適化 Lights: ヘアのレンダリングが影響する

126. 最適化 GPU Visualizer

127. 最適化 GPU Visualizer Interporlation Deep Shadow Visibility

128. 最適化コンソールコマンド r.HairStrands.Visibility.MSAA.SamplePerPixel r.HairStrands.Voxelization.Raymarching.SteppingScale r.HairStrands.DeepShadow.Resolution r.HairStrands.SkyLighting.SampleCount

129. まとめクオリティ、パフォーマンスのトレードオフを柔軟に選択できる全体的に負荷が大きくなりがちなため、運用には注意が必要 LODでのカード、メッシュ切り替え、コンソールコマンドによるパラメータ調整を使いこなせばリアルタイムコンテンツでの運用もある程度は可能映像や静止画用途ではPPLLなど高価な設定を使うことでハイクオリティな表現も可能

130. 参考ミーアキャットデモ https://www.unrealengine.com/marketplace/ja/product/meerkat-demo?lang=ja

131. 参考 Hair at a Strand Level | Grooming your creations in Unreal Engine https://www.youtube.com/watch?v=__BScFPJy3E

132. 参考グルームアセットエディタのユーザーガイド https://docs.unrealengine.com/4.26/ja/WorkingWithContent/Hair/GroomAssetEditor/ ヘアレンダリング https://docs.unrealengine.com/4.26/ja/WorkingWithContent/Hair/Overview/ Hair Properties Reference https://docs.unrealengine.com/4.26/ja/WorkingWithContent/Hair/Reference/ Alembic for Grooms の仕様 https://docs.unrealengine.com/4.26/ja/WorkingWithContent/Hair/AlembicForGrooms/

133. ご視聴ありがとうございました

UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)

UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)

Recommended

More Related Content

What's hot

What's hot(20)

Similar to UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)

Similar to UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)(20)

More from エピック・ゲームズ・ジャパン Epic Games Japan

More from エピック・ゲームズ・ジャパン Epic Games Japan(20)

UE4 Hair & Groomでのリアルタイムファーレンダリング (UE4 Character Art Dive Online)