spatial_material.rst 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396
  1. .. _doc_spatial_material:
  2. Spatial Material
  3. ================
  4. Introduction
  5. ------------
  6. For Godot 3, instead of following the trend and focusing on shader graphs,
  7. we put in most of the work offering a default material that covers far
  8. more use cases. This replaces the old "FixedMaterial" in Godot 2.x
  9. SpatialMaterial is a 3D material and aims to have most features
  10. artists look for in a material. Additionally, it can be converted
  11. to shader code and be further modified if desired.
  12. This tutorial will attempt to cover most parameters present in SpatialMaterial.
  13. Flags
  14. -----
  15. Spatial materials have many flags determining the general usage of a material.
  16. .. image:: img/spatial_material1.png
  17. Transparent
  18. ~~~~~~~~~~~
  19. In Godot, materials are not transparent unless specifically toggled as such.
  20. The main reason behind this is that transparent materials are rendered
  21. using a different technique (sorted from back to front and rendered in order).
  22. This technique is less efficient (many state changes happen) and makes the materials
  23. unusable with many mid and post processing effects (such as SSAO, SSR, etc) that
  24. require perfectly opaque geometry.
  25. For this reason, materials in Godot are assumed opaque unless specified otherwise.
  26. The main settings that enable transparency are:
  27. * Transparent flag (this one)
  28. * Blend mode set to other than Mix
  29. * Enabling distance or proximity fade
  30. Unshaded
  31. ~~~~~~~~
  32. In most cases, it is common for materials to be affected by lighting (shaded).
  33. Sometimes, however, one might want to show just the albedo (color) and ignore the rest. Toggling this flag on will remove all
  34. shading and show pure, unlit, color.
  35. .. image:: img/spatial_material26.png
  36. Vertex Lighting
  37. ~~~~~~~~~~~~~~~
  38. Godot has a more or less uniform cost per pixel (thanks to depth pre pass), all lighting calculations are made
  39. by running the lighting shader on every pixel.
  40. As these calculations are costly, performance can be brought down considerably in some corner cases such as drawing
  41. several layers of transparency (common in particle systems). Switching to per vertex lighting may help these cases.
  42. Additionally, on low end or mobile devices, switching to vertex lighting can considerably increase rendering performance.
  43. .. image:: img/spatial_material2.png
  44. Keep in mind that, when vertex lighting is enabled, only directional lighting can produce shadows (for performance reasons).
  45. No Depth Test
  46. ~~~~~~~~~~~~~
  47. In order for close objects to appear over far away objects, depth testing is performed.
  48. Disabling it has the result of objects appearing over (or under) everything else.
  49. Disabling this makes the most sense for drawing indicators in world space, and works
  50. very well with the "render priority" property of Material (see bottom).
  51. .. image:: img/spatial_material3.png
  52. Use Point Size
  53. ~~~~~~~~~~~~~~~
  54. This option is only active when the geometry rendered is made of points (it generally is just made of triangles when imported from 3D DCCs).
  55. If so, then points can be sized (see below).
  56. World Triplanar
  57. ~~~~~~~~~~~~~~~
  58. When using triplanar mapping (see below, in the UV1 and UV2 settings) triplanar is computed in object local space. This option
  59. makes triplanar work in world space.
  60. Fixed Size
  61. ~~~~~~~~~~
  62. Makes the object rendered at the same size no matter the distance. This is, again, useful mostly for indicators (no depth test and high render priority)
  63. and some types of billboards.
  64. Do Not Receive Shadows
  65. ~~~~~~~~~~~~~~~~~~~~~~
  66. Makes the object not receive any kind of shadow that would otherwise be cast onto it.
  67. Vertex Color
  68. ------------
  69. This menu allows choosing what is done by default to vertex colors that come from your 3D modelling application. By default, they are ignored.
  70. .. image:: img/spatial_material4.png
  71. Use as Albedo
  72. ~~~~~~~~~~~~~
  73. Vertex color is used as albedo color.
  74. Is SRGB
  75. ~~~~~~~
  76. Most 3D DCCs will likely export vertex colors as SRGB, so toggling this option on will help them
  77. look correct.
  78. Parameters
  79. -----------
  80. SpatialMaterial also has several configurable parameters to tweak many aspects of the rendering:
  81. .. image:: img/spatial_material5.png
  82. Diffuse Mode
  83. ~~~~~~~~~~~~
  84. Specifies the algorithm used by diffuse scattering of light when hitting the object. The
  85. default one is Burley. Other modes are also available:
  86. * **Burley:** Default mode, the original Disney Principled PBS diffuse algorithm.
  87. * **Lambert:** Is not affected by roughness.
  88. * **Lambert Wrap:** Extends Lambert to cover more than 90 degrees when roughness increases. Works great for hair and simulating cheap subsurface scattering. This implementation is energy conserving.
  89. * **Oren Nayar:** This implementation aims to take microsurfacing into account (via roughness). Works well for clay-like materials and some types of cloth.
  90. * **Toon:** Provides a hard cut for lighting, with smoothing affected by roughness.
  91. .. image:: img/spatial_material6.png
  92. Specular Mode
  93. ~~~~~~~~~~~~~
  94. Specifies how the specular blob will be rendered. The specular blob represents the shape of a light source reflected in the object.
  95. * **ShlickGGX:** The most common blob used by PBR 3D engines nowadays.
  96. * **Blinn:** Common in previous-generation engines. Not worth using nowadays, but left here for the sake of compatibility.
  97. * **Phong:** Same as above.
  98. * **Toon:** Creates a toon blob, which changes size depending on roughness.
  99. * **Disabled:** Sometimes, that blob gets in the way. Be gone!
  100. .. image:: img/spatial_material7.png
  101. Blend Mode
  102. ~~~~~~~~~~
  103. Controls the blend mode for the material. Keep in mind that any mode other than Mix forces the object to go through transparent pipeline.
  104. * Mix: Default blend mode, alpha controls how much the object is visible.
  105. * Add: Object is blended additively, nice for flares or some fire-like effects.
  106. * Sub: Object is subtracted.
  107. * Mul: Object is multiplied.
  108. .. image:: img/spatial_material8.png
  109. Cull Mode
  110. ~~~~~~~~~
  111. Determines which side of the object is not drawn when back-faces are rendered:
  112. * Back: Back of the object is culled when not visible (default)
  113. * Front: Front of the object is culled when not visible
  114. * Disabled: Used for objects that are double sided (no culling is performed)
  115. Depth Draw Mode
  116. ~~~~~~~~~~~~~~~
  117. Specifies when depth rendering must take place.
  118. * Opaque Only (default): Depth is only drawn for opaque objects
  119. * Always: Depth draw is drawn for both opaque and transparent objects
  120. * Never: No depth draw takes place (note: do not confuse with depth test option above)
  121. * Depth Pre-Pass: For transparent objects, an opaque pass is made first with the opaque parts,
  122. then transparency is drawn above. Use this option with transparent grass or tree foliage.
  123. .. image:: img/material_depth_draw.png
  124. Line Width
  125. ~~~~~~~~~~
  126. When drawing lines, specify the width of the lines being drawn. This option is not available in most modern hardware.
  127. Point Size
  128. ~~~~~~~~~~
  129. When drawing points, specify the point size in pixels.
  130. Billboard Mode
  131. ~~~~~~~~~~~~~~
  132. Enables billboard mode for drawing materials. This control how the object faces the camera:
  133. * Disabled: Billboard mode is disabled
  134. * Enabled: Billboard mode is enabled, object -Z axis will always face the camera.
  135. * Y-Billboard: Object X axis will always be aligned with the camera
  136. * Particles: When using particle systems, this type of billboard is best, because it allows specifying animation options.
  137. .. image:: img/spatial_material9.png
  138. Above options are only enabled for Particle Billboard.
  139. Grow
  140. ~~~~
  141. Grows the object vertices in the direction pointed by their normals:
  142. .. image:: img/spatial_material10.png
  143. This is commonly used to create cheap outlines. Add a second material pass, make it black an unshaded, reverse culling (Cull Front), and
  144. add some grow:
  145. .. image:: img/spatial_material11.png
  146. Use Alpha Scissor
  147. ~~~~~~~~~~~~~~~~~
  148. When transparency other than 0 or 1 is not needed, it's possible to set a threshold to avoid the object from rendering these pixels.
  149. .. image:: img/spatial_material12.png
  150. This renders the object via the opaque pipeline, which is faster and allows it to do mid and post process effects such as SSAO, SSR, etc.
  151. Material colors, maps and channels
  152. ----------------------------------
  153. Besides the parameters, what defines materials themselves are the colors, textures and channels. Godot supports a extensive list
  154. of them. They will be described in detail below:
  155. Albedo
  156. ~~~~~~
  157. Albedo is the base color for the material. Everything else works based on it. When set to *unshaded* this is the only color that is visible as-is.
  158. In previous versions of Godot, this channel was named *diffuse*. The change of name mainly happens because, in PBR rendering, this color affects many more
  159. calculations than just the diffuse lighting path.
  160. Albedo color and texture can be used together, as they are multiplied.
  161. *Alpha channel* in albedo color and texture is also used for the object transparency. If you use a color or texture with *alpha channel*, make sure to either enable
  162. transparency or *alpha scissoring* for it to work.
  163. Metallic
  164. ~~~~~~~~
  165. Godot uses a Metallic model over competing models due to it's simplicity. This parameter pretty much defines how reflective the materials is. The more reflective it is, the least diffuse/ambient
  166. light and the more reflected light. This model is called "energy conserving".
  167. The "specular" parameter here is just a general amount of for the reflectivity (unlike *metallic*, this one is not energy conserving, so simply leave it as 0.5 and don't touch it unless you need to).
  168. The minimum internal reflectivity is 0.04, so (just like in real life) it's impossible to make a material completely unreflective.
  169. .. image:: img/spatial_material13.png
  170. Roughness
  171. ~~~~~~~~~
  172. Roughness affects mainly the way reflection happens. A value of 0 makes it a perfect mirror, while a value of 1 completely blurs the reflection (simulating the natural microsurfacing).
  173. Most common types of materials can be achieved from the right combination of *Metallic* and *Roughness*.
  174. .. image:: img/spatial_material14.png
  175. Emission
  176. ~~~~~~~~
  177. Emission specifies how much light is emitted by the material (keep in mind this does not do lighting on surrounding geometry unless GI Probe is used). This value is just added to the resulting
  178. final image, and is not affected by other lighting in the scene.
  179. .. image:: img/spatial_material15.png
  180. Normalmap
  181. ~~~~~~~~~
  182. Normal mapping allows to set a texture that represents finer shape detail. This does not modify geometry, just the incident angle for light.
  183. In Godot, only R and G are used for normalmaps, in order to attain better compatibility.
  184. .. image:: img/spatial_material16.png
  185. Rim
  186. ~~~
  187. Some fabrics have small micro fur that causes light to scatter around it. Godot emulates this with the *rim* parameter. Unlike other rim lighting implementations
  188. which just use the emission channel, this one actually takes light into account (no light means no rim). This makes the effect considerably more believable.
  189. .. image:: img/spatial_material17.png
  190. Rim size depends on roughness and there is a special parameter to specify how it must be colored. If *tint* is 0, the color of the light is used for the rim. If *tint* is 1,
  191. then the albedo of the material is used. Using intermediate values generally works best.
  192. Clearcoat
  193. ~~~~~~~~~
  194. The *clearcoat* parameter is used mostly to add a *secondary* pass of transparent coat to the material. This is common in car paint and toys.
  195. In practice, it's a smaller specular blob added on top of the existing material.
  196. Anisotropy
  197. ~~~~~~~~~~
  198. Changes the shape of the specular blow and aligns it to tangent space. Anisotropy is commonly used with hair, or to make materials such as brushed aluminium more realistic.
  199. It works especially well when combined with flowmaps.
  200. .. image:: img/spatial_material18.png
  201. Ambient Occlusion
  202. ~~~~~~~~~~~~~~~~~~
  203. In Godot's new PBR workflow, it is possible to specify a pre-baked ambient occlusion map. This map affects how much ambient light reaches each surface of the object (it does not affect direct light).
  204. While it is possible to use Screen Space Ambient Occlusion (SSAO) to generate AO, nothing will beat the quality of a nicely baked AO map. It is recommended to pre-bake AO whenever possible.
  205. .. image:: img/spatial_material19.png
  206. Depth
  207. ~~~~~
  208. Setting a depth map to a material produces a ray-marched search to emulate the proper displacement of cavities along the view direction. This is not real added geometry, but an illusion of depth.
  209. It may not work for complex objets, but it produces a realistic depth effect for textues. For best results, *Depth* should be used together with normal mapping.
  210. .. image:: img/spatial_material20.png
  211. Subsurface Scattering
  212. ~~~~~~~~~~~~~~~~~~~~~
  213. This effect emulates light that goes beneath an object's surface, is scattered, and then comes out. It's useful to make realistic skin, marble, colored liquids, etc.
  214. .. image:: img/spatial_material21.png
  215. Transmission
  216. ~~~~~~~~~~~~
  217. Controls how much light from the lit side (visible to light) is transferred to the dark side (opposite side to light). This works well for thin objects such as tree/plant leaves,
  218. grass, human ears, etc.
  219. .. image:: img/spatial_material22.png
  220. Refraction
  221. ~~~~~~~~~~~
  222. When refraction is enabled, it supersedes alpha blending and Godot attempts to fetch information from behind the object being rendered instead. This allows distorting the transparency
  223. in a way similar to refraction.
  224. .. image:: img/spatial_material23.png
  225. Detail
  226. ~~~~~~
  227. Godot allows using secondary albedo and normal maps to generate a detail texture, which can be blended in many ways. Combining with secondary UV or triplanar modes, many interesting textures can be achieved.
  228. .. image:: img/spatial_material24.png
  229. UV1 and UV2
  230. ~~~~~~~~~~~~
  231. Godot supports 2 UV channels per material. Secondary UV is often useful for AO or Emission (baked light). UVs can be scaled and offseted, which is useful in textures with repeat.
  232. Triplanar Mapping
  233. ~~~~~~~~~~~~~~~~~
  234. Triplanar mapping is supported for both UV1 and UV2. This is an alternative way to obtain texture coordinates, often called "Autotexture". Textures are sampled in X,Y and Z and blended by the normal.
  235. Triplanar can be either worldspace or object space.
  236. In the image below, you can see how all primitives share the same material with world triplanar, so bricks continue smoothly between them.
  237. .. image:: img/spatial_material25.png
  238. Proximity and Distance Fade
  239. ----------------------------
  240. Godot allows materials to fade by proximity to another, as well as depending on the distance to the viewer.
  241. Proximity fade is useful for effects such as soft particles, or a mass of water with a smooth blending to the shores.
  242. Distance fade is useful for light shafts or indicators that are only present after a given distance.
  243. Keep in mind enabling these enables alpha blending, so abusing them for a whole scene is not generally a good idea.
  244. .. image:: img/spatial_material_proxfade.gif
  245. Render Priority
  246. ---------------
  247. Rendering order can be changed for objects, although this is mostly useful for transparent objects (or opaque objects that do depth draw but no color draw, useful for cracks on the floor).