Click here to watch the video of this speech. https://www.youtube.com/watch?v=ED79QtVBXCQ Presented by Osamu Saito (Epic Games Japan) This slide is a presentation material from a study session "UE4 Environment Art Dive" held on December 15, 2019.

1. Procedural Rice Field in UE4
with Megascans and HoudiniEngine
Epic Games Japan
Dev Rel Tech Artist Osamu Saito

2. #UE4 | @UNREALENGINE
Self-introduction
Osamu Saito
Epic Games Japan/Dev Rel Tech Artist
● I joined Epic in June 2019
● Until then, I developed a AAA console title
● Before that, I was a MangaArtist
● I love UE4&Houdini
https://twitter.com
/shiba_zushi

3. #UE4 | @UNREALENGINE
Introduction

4. #UE4 | @UNREALENGINE
Introduction
Rice fields are wonderful ...

5. #UE4 | @UNREALENGINE
Introduction
So

6. #UE4 | @UNREALENGINE
Introduction

7. #UE4 | @UNREALENGINE
Introduction

8. #UE4 | @UNREALENGINE
Introduction
←Rice terraces
Paddy field→

9. #UE4 | @UNREALENGINE
Introduction
←Rice terraces
Paddy field→
I made one!

10. #UE4 | @UNREALENGINE
Talk theme

11. #UE4 | @UNREALENGINE
Talk theme
・Advanced usage of Megascans in UE4

12. #UE4 | @UNREALENGINE
Talk theme
・Advanced usage of HoudiniEngine in UE4
・Advanced usage of Megascans in UE4

13. #UE4 | @UNREALENGINE
Megascans?

14. #UE4 | @UNREALENGINE
Megascans?

15. #UE4 | @UNREALENGINE
Megascans?
https://www.unrealengine.com/en-US/blog/unreal-engine-4-24-to-ship-with-free-quixel-megascans-unreal-studio-features-and-more?lang=en-US

16. #UE4 | @UNREALENGINE
Megascans?

17. #UE4 | @UNREALENGINE
Megascans?
This is free

18. #UE4 | @UNREALENGINE
Megascans?

19. #UE4 | @UNREALENGINE
Megascans?
All free

20. #UE4 | @UNREALENGINE
Megascans?
How to get the Magascans

21. #UE4 | @UNREALENGINE
Megascans?
Just log in with your Epic account

22. #UE4 | @UNREALENGINE
Megascans?
A variety of resources are available for download.

23. #UE4 | @UNREALENGINE
Megascans?
Another way, the marketplace.

24. #UE4 | @UNREALENGINE
Megascans?
It's ready to go in UE4.

25. #UE4 | @UNREALENGINE
Megascans?
Refund if purchased before it became free
https://quixel.com/blog/2019/11/12/quixel-joins-forces-with-epic-games

26. #UE4 | @UNREALENGINE
HoudiniEngine?

27. #UE4 | @UNREALENGINE
HoudiniEngine?

28. #UE4 | @UNREALENGINE
HoudiniEngine?
https://www.sidefx.com/products/houdini-engine/plug-ins/unreal-plug-in/

29. #UE4 | @UNREALENGINE
HoudiniEngine?
HoudiniEngine
For Unreal

30. #UE4 | @UNREALENGINE
HoudiniEngine?
HoudiniEngine
For Unreal
Free
Free

31. #UE4 | @UNREALENGINE
HoudiniEngine?
To use HoudiniEngine,
you need the above Houdini license or HoudiniEngine license

32. #UE4 | @UNREALENGINE
HoudiniEngine?
Plug-ins for each tool can be installed
when Houdini is installed

33. #UE4 | @UNREALENGINE
HoudiniEngine?
Please be careful as version designation is strict

34. #UE4 | @UNREALENGINE
HoudiniEngine?
If you builded the Engine yourself,
you also need to build the plugin yourself

35. #UE4 | @UNREALENGINE
HoudiniEngine?
The version specification is strict
even when building by yourself
I think it is good to rewrite minor version as appropriate

36. #UE4 | @UNREALENGINE
HoudiniEngine?
When you install the HoudiniEngine
plugin
These basic functions are immediately
available
very convenient

37. #UE4 | @UNREALENGINE
Megascans & HoudiniEngine

38. #UE4 | @UNREALENGINE
Megascans & HoudiniEngine
Improve
Asset
Efficiency
Improve
Layout
Efficiency

39. #UE4 | @UNREALENGINE
Rice Fields
Well, first, from this rice field

40. #UE4 | @UNREALENGINE
Rice Fields
Everyone, this looks like a rice field, right?

41. #UE4 | @UNREALENGINE
Rice Fields
Megascans has more than 2500 plants

42. #UE4 | @UNREALENGINE
Rice Fields
But there was no "rice plant" ...

43. #UE4 | @UNREALENGINE
Rice Fields
Want to make rice plant
from high quality Megascans assets

44. #UE4 | @UNREALENGINE
Rice Fields
There is no rice plant, but there are many weeds

45. #UE4 | @UNREALENGINE
Rice Fields
Lemongrass

46. #UE4 | @UNREALENGINE
Rice Fields
Wikipedia contributors. "Cymbopogon." Wikipedia, The Free Encyclopedia. Wikipedia, The Free Encyclopedia, 11 Dec. 2019. Web. 5 Feb. 2020.

47. #UE4 | @UNREALENGINE
Rice Fields
Wikipedia contributors. "Cymbopogon." Wikipedia, The Free Encyclopedia. Wikipedia, The Free Encyclopedia, 11 Dec. 2019. Web. 5 Feb. 2020.

48. #UE4 | @UNREALENGINE
Rice Fields
Wikipedia contributors. "Cymbopogon." Wikipedia, The Free Encyclopedia. Wikipedia, The Free Encyclopedia, 11 Dec. 2019. Web. 5 Feb. 2020.

49. #UE4 | @UNREALENGINE
Rice Fields
Lemongrass is similar to rice plant

50. #UE4 | @UNREALENGINE
Rice Fields
Cut and align by leaves in houdini

51. #UE4 | @UNREALENGINE
Rice Fields
Way of thinking

52. #UE4 | @UNREALENGINE
Rice Fields
Centering on the point of intersection with the ground
With the highest vertex as the reference point

53. #UE4 | @UNREALENGINE
Rice Fields
Line up

54. #UE4 | @UNREALENGINE
Rice Fields
At the same time, bounce judgment is performed
and leaf inclination is recorded.

55. #UE4 | @UNREALENGINE
Rice Fields
Scatter points

56. #UE4 | @UNREALENGINE
Rice Fields
Arrange so that it looks like rice plant

57. #UE4 | @UNREALENGINE
Rice Fields
I want a bit of the withering part

58. #UE4 | @UNREALENGINE
Rice Fields
Let's mix

59. #UE4 | @UNREALENGINE
Rice Fields
Create hay section in the same way

60. #UE4 | @UNREALENGINE
Rice Fields
Adjusted so that the root looks good

61. #UE4 | @UNREALENGINE
Rice Fields
Almost done

62. #UE4 | @UNREALENGINE
Rice Fields
Rice plant (or close enough)

63. #UE4 | @UNREALENGINE
Rice Fields
Next

64. #UE4 | @UNREALENGINE
Rice Fields
Next

65. #UE4 | @UNREALENGINE
Rice Fields
ウィキペディアの執筆者. “アオウキクサ”. ウィキペディア日本語版. 2014-10-30.
https://ja.wikipedia.org/w/index.php?title=%E3%82%A2%E3%82%AA%E3%82%A6%E3%82%AD%E3%82%AF%E3%82%B5&oldid=53375131, (参照 2014-10-30).
Note: This is a Google translation of a Japanese page.

66. #UE4 | @UNREALENGINE
Rice Fields
Of course not found ...

67. #UE4 | @UNREALENGINE
Rice Fields
Forcibly disassemble the clover

68. #UE4 | @UNREALENGINE
Rice Fields
Cut the stem

69. #UE4 | @UNREALENGINE
Rice Fields
Align to fit size

70. #UE4 | @UNREALENGINE
Rice Fields
I will scatter this to a good feeling

71. #UE4 | @UNREALENGINE
Rice Fields
Rice Fields (or close enough)

72. #UE4 | @UNREALENGINE
Rice Fields
Although it is quite brute force like this,
it is possible to create a wide range of possibilities by reassembling
and reconstructing Megascans' high quality assets by elements

73. #UE4 | @UNREALENGINE
Rice Fields
I didn't use it this time, but for example,
you can use Houdini to create different patterns for rocks

74. #UE4 | @UNREALENGINE
Rice Fields
The asset is almost done
To layout

75. #UE4 | @UNREALENGINE
Rice Fields

76. #UE4 | @UNREALENGINE
Rice Fields
Everything on the
screen now is laid out
by HoudiniEngine

77. #UE4 | @UNREALENGINE
Rice Fields
Tips:
If you raise ScreenPercentage,
the quality will be increased

78. #UE4 | @UNREALENGINE
Rice Fields
https://qiita.com/EGJ-Osamu_Saito/items/709de40aa6b29fdc9033
Note: This is a Google translation of a Japanese page.

79. #UE4 | @UNREALENGINE
Rice Fields
1: https://qiita.com/advent-calendar/2019/ue4_egj1
2: https://qiita.com/advent-calendar/2019/ue4_egj2
3: https://qiita.com/advent-calendar/2019/ue4_egj3
4: https://qiita.com/advent-calendar/2019/ue4_egj4
Epic Games Japan is
running an advent
calendar of 100 tips
for UE4.

80. #UE4 | @UNREALENGINE
Rice Fields

81. #UE4 | @UNREALENGINE
Rice Fields

82. #UE4 | @UNREALENGINE
Rice Fields
HoudiniEngine can bring not only models
but also many settings such as materials, LODs, collisions to UE4
https://www.sidefx.com/docs/unreal/index.html

83. #UE4 | @UNREALENGINE
Rice Fields

84. #UE4 | @UNREALENGINE
Rice Fields
unreal_instance unreal_instance_color
unreal_material
unreal_lightmap_resolution unreal_uproperty
unreal_material_parameter
lod_screensizelod socket
collision simple complex ucx

85. #UE4 | @UNREALENGINE
Rice Fields
unreal_instance

86. #UE4 | @UNREALENGINE
Rice Fields
HoudiniEngine
For Unreal

87. #UE4 | @UNREALENGINE
Rice Fields
HoudiniEngine
For Unreal

88. #UE4 | @UNREALENGINE
Rice Fields
HoudiniEngine
For Unreal

89. #UE4 | @UNREALENGINE
Rice Fields
HoudiniEngine
For Unreal
Loading all the vertices
is very slow.

90. #UE4 | @UNREALENGINE
Rice Fields
HoudiniEngine
For Unreal

91. #UE4 | @UNREALENGINE
Rice Fields
HoudiniEngine
For Unreal

92. #UE4 | @UNREALENGINE
Rice Fields
HoudiniEngine
For Unreal
Instances are faster to
use.

93. #UE4 | @UNREALENGINE
Rice Fields
HoudiniEngine
For Unreal
Instances are faster to
use.

94. #UE4 | @UNREALENGINE
Rice Fields
Isn't foliage good either?

95. #UE4 | @UNREALENGINE
Rice Fields

96. #UE4 | @UNREALENGINE
Rice Fields
Scatter naturally based on noise

97. #UE4 | @UNREALENGINE
Rice Fields
The smaller the scale is on the outside

98. #UE4 | @UNREALENGINE
Rice Fields
Arranged so that it does not overlap around the rice plant
and naturally increases

99. #UE4 | @UNREALENGINE
Rice Fields
Adjusted to avoid unnecessary overlap

100. #UE4 | @UNREALENGINE
Rice Fields
With Houdini,
they can be spread out automatically and extensively

101. #UE4 | @UNREALENGINE
Rice Fields
Fine adjustment is also possible by baking

102. #UE4 | @UNREALENGINE
Rice Fields

103. #UE4 | @UNREALENGINE
Rice Fields
https://www.sidefx.com/tutorials/game-tools-physics-painter/

104. #UE4 | @UNREALENGINE
Rice Fields
Can be placed naturally using simulation

105. #UE4 | @UNREALENGINE
Rice Fields
In fact, it is also possible with UE4
https://qiita.com/EGJ-Osamu_Saito/private/9119a343dde9c61e2ce0
Note: This is a Google translation of a Japanese page.

106. #UE4 | @UNREALENGINE
Rice Fields
Click here for details
https://qiita.com/EGJ-Osamu_Saito/private/9119a343dde9c61e2ce0

107. #UE4 | @UNREALENGINE
Rice Fields

108. #UE4 | @UNREALENGINE
Rice Fields
I want to sway the leaves if possible

109. #UE4 | @UNREALENGINE
Rice Fields
https://docs.unrealengine.com/en-US/Engine/Content/Tools/PivotPainter/PivotPainter1/index.html

110. #UE4 | @UNREALENGINE
Rice Fields

111. #UE4 | @UNREALENGINE
Rice Fields
ContentExamples has examples

112. #UE4 | @UNREALENGINE
Rice Fields
Pivot Painter concept

113. #UE4 | @UNREALENGINE
Rice Fields
Create Pivot position for each part

114. #UE4 | @UNREALENGINE
Rice Fields
Store it in vertex color or UV

115. #UE4 | @UNREALENGINE
Rice Fields
Using them in materials

116. #UE4 | @UNREALENGINE
Rice Fields
Vertex offset to a good feeling

117. #UE4 | @UNREALENGINE
Rice Fields
There is a dedicated node for Pivot Painter

118. #UE4 | @UNREALENGINE
Rice Fields
Epic only offers MAXScript

119. #UE4 | @UNREALENGINE
Rice Fields
For Houdini is provided by SideFX☺
https://www.sidefx.com/tutorials/game-tools-pivot-painter/

120. #UE4 | @UNREALENGINE
Rice Fields
Just group the branches and leaves

121. #UE4 | @UNREALENGINE
Rice Fields
Pivot is automatically put in each
Convenient

122. #UE4 | @UNREALENGINE
Rice Fields
Looking good, right?

123. #UE4 | @UNREALENGINE
Rice Fields
I want to shake the water surface

124. #UE4 | @UNREALENGINE
Rice Fields
You will want to use FlowMap

125. #UE4 | @UNREALENGINE
Rice Fields
UE4 has FlowMap material functions

126. #UE4 | @UNREALENGINE
Rice Fields
How to make FlowMap

127. #UE4 | @UNREALENGINE
Rice Fields
https://www.unrealengine.com/en-US/events/gdc-2017-content-driven-multipass-rendering-in-ue4?lang=en-US

128. #UE4 | @UNREALENGINE
Rice Fields
Can be painted with UE4

129. #UE4 | @UNREALENGINE
Rice Fields
https://www.sidefx.com/ja/tutorials/flowmap/?collection=50
Houdini can generate it automatically

130. #UE4 | @UNREALENGINE
Rice Fields
Get contact judgment with rice plant

131. #UE4 | @UNREALENGINE
Rice Fields
Automatically generate FlowMap

132. #UE4 | @UNREALENGINE
Rice Fields
Houdini can be visualized

133. #UE4 | @UNREALENGINE
Rice Fields
Done

134. #UE4 | @UNREALENGINE
Rice Fields
Since the layout was almost completed,
I will improve quality

135. #UE4 | @UNREALENGINE
Rice Fields
Lighting only Directional and HDRIBackdrop

136. #UE4 | @UNREALENGINE
Rice Fields
HDR image from this site
http://noemotionhdrs.net/hdrday.html

137. #UE4 | @UNREALENGINE
Rice Fields
I am happy because it is a Creative Commons license☺

138. #UE4 | @UNREALENGINE
Rice Fields
High resolution HDR uncompressed images are heavy

139. #UE4 | @UNREALENGINE
Rice Fields
Better to HDRCompressed

140. #UE4 | @UNREALENGINE
Rice Fields
Size becomes 1/8

141. #UE4 | @UNREALENGINE
Rice Fields
Click here for details
https://qiita.com/advent-calendar/2019/ue4_egj2Note: This is a Google translation of a Japanese page.

142. #UE4 | @UNREALENGINE
Rice Fields
Next, adjust the material

143. #UE4 | @UNREALENGINE
Rice Fields
I often do simple HSV adjustments

144. #UE4 | @UNREALENGINE
Rice Fields
But be careful with HueShift

145. #UE4 | @UNREALENGINE
Rice Fields
HueShift red

146. #UE4 | @UNREALENGINE
Rice Fields
Does not match accurate Hue adjustment
Precise Hue shift

147. #UE4 | @UNREALENGINE
Rice Fields
Yellow mismatches even more
Precise Hue shift

148. #UE4 | @UNREALENGINE
Rice Fields
HueShift is actually coordinate transformation

149. #UE4 | @UNREALENGINE
Rice Fields
Red (1,0,0) coordinates rotate

150. #UE4 | @UNREALENGINE
Rice Fields
The color changes like this

151. #UE4 | @UNREALENGINE
Rice Fields
I want to make it yellow (1,1,0) but not enough length

152. #UE4 | @UNREALENGINE
Rice Fields
If the length is not enough, it is dark
Precise Hue shift

153. #UE4 | @UNREALENGINE
Rice Fields
Conversely, for yellow (1,1,0)

154. #UE4 | @UNREALENGINE
Rice Fields
I want to make it red (1,0,0)
but it's too long and angle doesn't match

155. #UE4 | @UNREALENGINE
Rice Fields
It's too long so it's bright
Precise Hue shift

156. #UE4 | @UNREALENGINE
Rice Fields
Where the length and angle coincide
Precise Hue shift

157. #UE4 | @UNREALENGINE
Rice Fields
Because the accuracy is not good,
please use it for simple adjustment☺

158. #UE4 | @UNREALENGINE
Rice Fields
About Desaturation

159. #UE4 | @UNREALENGINE
Rice Fields
Great article
https://qiita.com/dgtanaka/items/f7fa2cb38e58bbe5f4a6Note: This is a Google translation of a Japanese page.

160. #UE4 | @UNREALENGINE
Rice Fields
Great article
Note: This is a Google translation of a Japanese page.

161. #UE4 | @UNREALENGINE
Rice Fields
Note: This is a Google translation of a Japanese page.

162. #UE4 | @UNREALENGINE
Rice Fields
Very nice article about grayscaling
https://qiita.com/yoya/items/96c36b069e74398796f3Note: This is a Google translation of a Japanese page.

163. #UE4 | @UNREALENGINE
Rice Fields
I recommend it
https://qiita.com/yoya/items/96c36b069e74398796f3

164. #UE4 | @UNREALENGINE
Rice Fields
It is OK to adjust Luminance Factors

165. #UE4 | @UNREALENGINE
Rice Fields
Next is the water material

166. #UE4 | @UNREALENGINE
Rice Fields
Very simple

167. #UE4 | @UNREALENGINE
Rice Fields
I use Fresnel to fake

168. #UE4 | @UNREALENGINE
Rice Fields
Great article
https://qiita.com/dgtanaka/items/f7fa2cb38e58bbe5f4a6Note: This is a Google translation of a Japanese page.

169. #UE4 | @UNREALENGINE
Rice Fields
Note: This is a Google translation of a Japanese page.

170. #UE4 | @UNREALENGINE
Rice Fields
Points to note

171. #UE4 | @UNREALENGINE
Rice Fields
The Fresnel node uses
CameraVector(), so it can't
be used with vertex
shaders.
You can use it if you make
it yourself as follows.
English translation

172. #UE4 | @UNREALENGINE
Rice Fields
It might be good to make it yourself

173. #UE4 | @UNREALENGINE
Rice Fields
Reflection

174. #UE4 | @UNREALENGINE
Rice Fields
PlanarReflection

175. #UE4 | @UNREALENGINE
Rice Fields
Will be rendered twice! It's heavy!

176. #UE4 | @UNREALENGINE
Rice Fields
Please note that Clip processing is also added

177. #UE4 | @UNREALENGINE
Rice Fields
I want to reduce the feeling of stab at the root

178. #UE4 | @UNREALENGINE
Rice Fields
Pixel Depth Offset

179. #UE4 | @UNREALENGINE
Rice Fields
Pixel Depth Offset

180. #UE4 | @UNREALENGINE
Rice Fields
Megascans assets have nice vertex colors

181. #UE4 | @UNREALENGINE
Rice Fields
Megascans assets have nice vertex colors

182. #UE4 | @UNREALENGINE
Rice Fields
Use it to make it look good

183. #UE4 | @UNREALENGINE
Rice Fields
Small fish

184. #UE4 | @UNREALENGINE
Rice Fields
Niagara

185. #UE4 | @UNREALENGINE
Rice Fields
Super wonderful lecture

186. #UE4 | @UNREALENGINE
Rice Fields
How to make fish school in Niagara
https://www.youtube.com/watch?v=-UPZuuikYZ0

187. #UE4 | @UNREALENGINE
Rice Fields
Thanks Arran

188. #UE4 | @UNREALENGINE
Rice Fields
Post-processing doesn't do anything special

189. #UE4 | @UNREALENGINE
Rice Fields
Post-processing doesn't do anything special

190. #UE4 | @UNREALENGINE
Rice Fields
r.Tonemapper.Sharpen
This is also used in “Rebirth”

191. #UE4 | @UNREALENGINE
Rice Fields
Processing is around here
in "PostProcessTonemap.usf"

192. #UE4 | @UNREALENGINE
Rice Fields
Like that ...

193. #UE4 | @UNREALENGINE
Rice Fields

194. #UE4 | @UNREALENGINE
Rice Fields
というわけで
Complete!

195. #UE4 | @UNREALENGINE
Paddy field→
Rice Terraces
←Rice terraces

196. #UE4 | @UNREALENGINE
Rice Terraces
Actually
I wanted to mix ...

197. #UE4 | @UNREALENGINE
Rice Terraces
Houdini Engine also supports landscape

198. #UE4 | @UNREALENGINE
Rice Terraces
If you make it as a height field in Houdini,
it will be a landscape as it is

199. #UE4 | @UNREALENGINE
Rice Terraces
https://twitter.com/shiba_zushi/status/1197932882783686656?s=20
Making noise in the Height Field and making steps in the
Terrace

200. #UE4 | @UNREALENGINE
Rice Terraces
https://twitter.com/shiba_zushi/status/1197932882783686656?s=20
Mesh and leave only the top surface.

201. #UE4 | @UNREALENGINE
Rice Terraces
https://twitter.com/shiba_zushi/status/1197932882783686656?s=20
Voronoi split to give highs and lows

202. #UE4 | @UNREALENGINE
Rice Terraces
https://twitter.com/shiba_zushi/status/1197932882783686656?s=20
Convert again to Height Field.
Mask the top surface.

203. #UE4 | @UNREALENGINE
Rice Terraces
https://twitter.com/shiba_zushi/status/1197932882783686656?s=20
Dents the part of the rice paddy.
Distortion is applied so that the overall effect is natural.

204. #UE4 | @UNREALENGINE
Rice Terraces
https://twitter.com/shiba_zushi/status/1197932882783686656?s=20
Create and complete the water surface portion.

205. #UE4 | @UNREALENGINE
Rice Terraces
https://twitter.com/shiba_zushi/status/1197932882783686656?s=20
Importing as a landscape using HoudiniEngine.
It's very easy!

206. #UE4 | @UNREALENGINE
Rice Terraces
The height field makes it easy to get a mask
so you can scatter stones at designated places

207. #UE4 | @UNREALENGINE
Rice Terraces
I personally like to put textures
with lots of information in lens flares

208. #UE4 | @UNREALENGINE
Rice Terraces

209. #UE4 | @UNREALENGINE
Rice Terraces
Complete!

210. #UE4 | @UNREALENGINE
Rice Terraces
I'll mix it by the next☺

211. #UE4 | @UNREALENGINE
Rice Terraces
By the way, with 4.24 you can use layers in the landscape
or shape with the BP brush

212. #UE4 | @UNREALENGINE
Conclusion

213. #UE4 | @UNREALENGINE
Conclusion

214. #UE4 | @UNREALENGINE
Conclusion
Megascans has very high quality assets

215. #UE4 | @UNREALENGINE
Conclusion
Megascans has very high quality assets
It may be fun to further
disassemble and reconstruct

216. #UE4 | @UNREALENGINE
Conclusion
Megascans has very high quality assets
It may be fun to further
disassemble and reconstruct
HoudiniEngine is a very powerful tool

217. #UE4 | @UNREALENGINE
Conclusion
Megascans has very high quality assets
It may be fun to further
disassemble and reconstruct
HoudiniEngine is a very powerful tool
There are great benefits
just by using convenient functions

218. #UE4 | @UNREALENGINE
Thank you for your attention