Procedural Rice Field in UE4【UE4 Environment Art Dive 2019】

4.2K Views

June 14, 20

スライド概要

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.

日本語版はこちら
https://www.docswell.com/s/EpicGamesJapan/K4YRW5-UE4_EnviromentAD19_Rice

profile-image

Unreal Engineを開発・提供しているエピック ゲームズ ジャパンによる公式アカウントです。 勉強会や配信などで行った講演資料を公開しています。 公式サイトはこちら https://www.unrealengine.com/ja/

シェア

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

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

2.

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

3.

Introduction #UE4 | @UNREALENGINE

4.

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

5.

Introduction So #UE4 | @UNREALENGINE

6.

Introduction #UE4 | @UNREALENGINE

7.

Introduction #UE4 | @UNREALENGINE

8.

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

9.

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

10.

Talk theme #UE4 | @UNREALENGINE

11.

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

12.

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

13.

Megascans? #UE4 | @UNREALENGINE

14.

Megascans? #UE4 | @UNREALENGINE

15.

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 #UE4 | @UNREALENGINE

16.

Megascans? #UE4 | @UNREALENGINE

17.

Megascans? This is free #UE4 | @UNREALENGINE

18.

Megascans? #UE4 | @UNREALENGINE

19.

Megascans? All free #UE4 | @UNREALENGINE

20.

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

21.

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

22.

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

23.

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

24.

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

25.

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

26.

HoudiniEngine? #UE4 | @UNREALENGINE

27.

HoudiniEngine? #UE4 | @UNREALENGINE

28.

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

29.

HoudiniEngine? HoudiniEngine For Unreal #UE4 | @UNREALENGINE

30.

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

31.

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

32.

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

33.

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

34.

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

35.

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

36.

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

37.

Megascans & HoudiniEngine #UE4 | @UNREALENGINE

38.

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

39.

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

40.

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

41.

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

42.

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

43.

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

44.

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

45.

Rice Fields Lemongrass #UE4 | @UNREALENGINE

46.

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

47.

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

48.

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

49.

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

50.

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

51.

Rice Fields Way of thinking #UE4 | @UNREALENGINE

52.

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

53.

Rice Fields Line up #UE4 | @UNREALENGINE

54.

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

55.

Rice Fields Scatter points #UE4 | @UNREALENGINE

56.

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

57.

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

58.

Rice Fields Let's mix #UE4 | @UNREALENGINE

59.

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

60.

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

61.

Rice Fields Almost done #UE4 | @UNREALENGINE

62.

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

63.

Rice Fields Next #UE4 | @UNREALENGINE

64.

Rice Fields Next #UE4 | @UNREALENGINE

65.

Rice Fields Note: This is a Google translation of a Japanese page. ウィキペディアの執筆者. “アオウキクサ”. ウィキペディア日本語版. 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). #UE4 | @UNREALENGINE

66.

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

67.

Rice Fields Forcibly disassemble the clover #UE4 | @UNREALENGINE

68.

Rice Fields Cut the stem #UE4 | @UNREALENGINE

69.

Rice Fields Align to fit size #UE4 | @UNREALENGINE

70.

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

71.

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

72.

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 #UE4 | @UNREALENGINE

73.

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

74.

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

75.

Rice Fields #UE4 | @UNREALENGINE

76.

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

77.

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

78.

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

79.

Rice Fields Epic Games Japan is running an advent calendar of 100 tips for UE4. 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 #UE4 | @UNREALENGINE

80.

Rice Fields #UE4 | @UNREALENGINE

81.

Rice Fields #UE4 | @UNREALENGINE

82.

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

83.

Rice Fields #UE4 | @UNREALENGINE

84.

Rice Fields unreal_instance unreal_instance_color unreal_material unreal_material_parameter unreal_lightmap_resolution lod lod_screensize collision #UE4 | @UNREALENGINE simple unreal_uproperty socket complex ucx

85.

Rice Fields unreal_instance #UE4 | @UNREALENGINE

86.

Rice Fields HoudiniEngine For Unreal #UE4 | @UNREALENGINE

87.

Rice Fields HoudiniEngine For Unreal #UE4 | @UNREALENGINE

88.

Rice Fields HoudiniEngine For Unreal #UE4 | @UNREALENGINE

89.

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

90.

Rice Fields HoudiniEngine For Unreal #UE4 | @UNREALENGINE

91.

Rice Fields HoudiniEngine For Unreal #UE4 | @UNREALENGINE

92.

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

93.

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

94.

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

95.

Rice Fields #UE4 | @UNREALENGINE

96.

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

97.

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

98.

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

99.

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

100.

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

101.

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

102.

Rice Fields #UE4 | @UNREALENGINE

103.

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

104.

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

105.

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

106.

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

107.

Rice Fields #UE4 | @UNREALENGINE

108.

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

109.

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

110.

Rice Fields #UE4 | @UNREALENGINE

111.

Rice Fields ContentExamples has examples #UE4 | @UNREALENGINE

112.

Rice Fields Pivot Painter concept #UE4 | @UNREALENGINE

113.

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

114.

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

115.

Rice Fields Using them in materials #UE4 | @UNREALENGINE

116.

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

117.

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

118.

Rice Fields Epic only offers MAXScript #UE4 | @UNREALENGINE

119.

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

120.

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

121.

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

122.

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

123.

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

124.

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

125.

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

126.

Rice Fields How to make FlowMap #UE4 | @UNREALENGINE

127.

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

128.

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

129.

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

130.

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

131.

Rice Fields Automatically generate FlowMap #UE4 | @UNREALENGINE

132.

Rice Fields Houdini can be visualized #UE4 | @UNREALENGINE

133.

Rice Fields Done #UE4 | @UNREALENGINE

134.

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

135.

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

136.

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

137.

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

138.

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

139.

Rice Fields Better to HDRCompressed #UE4 | @UNREALENGINE

140.

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

141.

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

142.

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

143.

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

144.

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

145.

Rice Fields HueShift red #UE4 | @UNREALENGINE

146.

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

147.

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

148.

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

149.

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

150.

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

151.

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

152.

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

153.

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

154.

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

155.

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

156.

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

157.

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

158.

Rice Fields About Desaturation #UE4 | @UNREALENGINE

159.

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

160.

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

161.

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

162.

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

163.

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

164.

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

165.

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

166.

Rice Fields Very simple #UE4 | @UNREALENGINE

167.

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

168.

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

169.

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

170.

Rice Fields Points to note #UE4 | @UNREALENGINE

171.

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 #UE4 | @UNREALENGINE

172.

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

173.

Rice Fields Reflection #UE4 | @UNREALENGINE

174.

Rice Fields PlanarReflection #UE4 | @UNREALENGINE

175.

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

176.

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

177.

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

178.

Rice Fields Pixel Depth Offset #UE4 | @UNREALENGINE

179.

Rice Fields Pixel Depth Offset #UE4 | @UNREALENGINE

180.

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

181.

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

182.

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

183.

Rice Fields Small fish #UE4 | @UNREALENGINE

184.

Rice Fields Niagara #UE4 | @UNREALENGINE

185.

Rice Fields Super wonderful lecture #UE4 | @UNREALENGINE

186.

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

187.

Rice Fields Thanks Arran #UE4 | @UNREALENGINE

188.

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

189.

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

190.

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

191.

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

192.

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

193.

Rice Fields #UE4 | @UNREALENGINE

194.

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

195.

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

196.

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

197.

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

198.

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

199.

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

200.

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

201.

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

202.

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

203.

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

204.

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

205.

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

206.

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

207.

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

208.

Rice Terraces #UE4 | @UNREALENGINE

209.

Rice Terraces Complete! #UE4 | @UNREALENGINE

210.

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

211.

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

212.

Conclusion #UE4 | @UNREALENGINE

213.

Conclusion #UE4 | @UNREALENGINE

214.

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

215.

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

216.

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

217.

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 #UE4 | @UNREALENGINE

218.

Thank you for your attention #UE4 | @UNREALENGINE