MeshPhysicalMaterial.html 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  1. <!DOCTYPE html>
  2. <html lang="it">
  3. <head>
  4. <meta charset="utf-8" />
  5. <base href="../../../" />
  6. <script src="page.js"></script>
  7. <link type="text/css" rel="stylesheet" href="page.css" />
  8. </head>
  9. <body>
  10. [page:Material] &rarr; [page:MeshStandardMaterial] &rarr;
  11. <h1>[name]</h1>
  12. <p class="desc">
  13. Un'estenzione della classe [page:MeshStandardMaterial], che fornisce proprietà di rendering basate sulla fisica più avanzate:
  14. </p>
  15. <ul>
  16. <li>
  17. <b>Clearcoat (rivestimento trasparente):</b> Alcuni materiali - come vernici per auto, fibra di carbonio
  18. e superfici bagnate - richiedono uno strato trasparente e riflettente sopra un altro strato che può essere irregolare
  19. o ruvido. Il rivestimento trasparente approssima questo effetto, senza la necessità di una superficie
  20. trasparente separata.
  21. </li>
  22. <li>
  23. <b>Physically-based transparency (trasparenza fisica):</b> Una limitazione di [page:Material.opacity .opacity]
  24. è che materiali molto trasparenti sono meno riflettenti. La [page:.transmission] fisica
  25. fornisce una opzione più realistica per superfici sottili e trasparenti come il vetro.
  26. </li>
  27. <li>
  28. <b>Advanced reflectivity (riflettività avanzata):</b> Riflettività più flessibile per materiali non metallici.
  29. </li>
  30. <li>
  31. <b>Sheen:</b> Can be used for representing cloth and fabric materials.
  32. </li>
  33. </ul>
  34. <p>
  35. Come risultato di queste complesse caratteristiche di ombreggiatura, MeshPhysicalMaterial
  36. ha un elevato costo di prestazioni, per pixel, rispetto ad altri materiali utilizzati in three.js.
  37. Molti effetti sono disabilitati per impostazione predefinita, e viene aggiunto un costo quando questi
  38. vengono abilitati. Per ottenere risultati ottimali, specificare sempre una [page:.envMap mappa ambientale]
  39. quando si usa questo materiale.
  40. </p>
  41. <iframe id="scene" src="scenes/material-browser.html#MeshPhysicalMaterial"></iframe>
  42. <script>
  43. // iOS iframe auto-resize workaround
  44. if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
  45. const scene = document.getElementById( 'scene' );
  46. scene.style.width = getComputedStyle( scene ).width;
  47. scene.style.height = getComputedStyle( scene ).height;
  48. scene.setAttribute( 'scrolling', 'no' );
  49. }
  50. </script>
  51. <h2>Esempi</h2>
  52. <p>
  53. [example:webgl_materials_physical_clearcoat materials / physical / clearcoat]<br />
  54. [example:webgl_loader_gltf_sheen loader / gltf / sheen]<br />
  55. [example:webgl_materials_physical_transmission materials / physical / transmission]
  56. </p>
  57. <h2>Costruttore</h2>
  58. <h3>[name]( [param:Object parameters] )</h3>
  59. <p>
  60. [page:Object parameters] - (opzionale) un oggetto con una o più proprietà che definiscono l'aspetto del materiale.
  61. Qualsiasi proprietà del materiale (inclusa qualsiasi proprietà ereditata da [page:Material] e [page:MeshStandardMaterial]) può essere passata qui. <br /><br />
  62. L'eccezione è la proprietà [page:Hexadecimal colore], la quale può essere passata come stringa
  63. esadecimale e per impostazione predefinita è `0xffffff` (bianco). [page:Color.set]( color ) viene chiamato internamente.
  64. </p>
  65. <h2>Proprietà</h2>
  66. <p>Vedi le classi base [page:Material] e [page:MeshStandardMaterial] per le proprietà comuni.</p>
  67. <h3>[property:Color attenuationColor]</h3>
  68. <p>
  69. Il colore in cui la luce bianca si trasforma a causa dell'assorbimento quando raggiunge la distanza di attenuazione.
  70. Il valore predefinito è `bianco` (0xffffff).
  71. </p>
  72. <h3>[property:Float attenuationDistance]</h3>
  73. <p>
  74. Densità del mezzo, data come distanza media percorsa dalla luce nel mezzo prima di interagire con una particella.
  75. Il valore è indicato nello spazio del mondo. Il valore predefinito è `0`.
  76. Density of the medium given as the average distance that light travels in the medium before interacting with a particle. The value is given in world space units, and must be greater than zero. Default is `Infinity`.
  77. </p>
  78. <h3>[property:Float clearcoat]</h3>
  79. <p>
  80. Rappresenta l'intensità dello strato di vernice trasparente, da `0.0` a `1.0`. Usare le proprietà relative al trasparente per
  81. abilitare i materiali multistrato. Il valore predefinito è `0.0`.
  82. </p>
  83. <h3>[property:Texture clearcoatMap]</h3>
  84. <p>
  85. Il canale rosso di questa texture è moltiplicato per [page:.clearcoat],
  86. per controllare l'intensità del rivestimento per pixel. Il valore predefinito è `null`.
  87. </p>
  88. <h3>[property:Texture clearcoatNormalMap]</h3>
  89. <p>Può essere utilizzato per abilitare le normali indipendenti per lo strato di rivestimento trasparente. Il valore predefinito è `null`.</p>
  90. <h3>[property:Vector2 clearcoatNormalScale]</h3>
  91. <p>Quanto [page:.clearcoatNormalMap] influisce sullo strato di rivestimento trasparente, da `(0,0)` a `(1,1)`. Il valore predefinito è `(1,1)`.</p>
  92. <h3>[property:Float clearcoatRoughness]</h3>
  93. <p>Rugosità dello strato di rivestimento trasparente, da `0.0` a `1.0`. Il valore predefinito è `0.0`.</p>
  94. <h3>[property:Texture clearcoatRoughnessMap]</h3>
  95. <p>
  96. Il canale verde di questa texture è moltiplicato per [page:.clearcoatRoughness],
  97. per controllare la rugosità del rivestimento per pixel. Il valore predefinito è `null`.
  98. </p>
  99. <h3>[property:Object defines]</h3>
  100. <p>Un oggetto della forma:
  101. <code>
  102. {
  103. 'STANDARD': ''
  104. 'PHYSICAL': '',
  105. };
  106. </code>
  107. Questo viene utilizzato dal [page:WebGLRenderer] per selezionare gli shader.
  108. </p>
  109. <h3>[property:Float dispersion]</h3>
  110. <p>
  111. Defines the strength of the angular separation of colors (chromatic aberration) transmitting through a relatively clear volume.
  112. Any value zero or larger is valid, the typical range of realistic values is `[0, 1]`.
  113. Default is `0` (no dispersion).
  114. This property can be only be used with transmissive objects, see [page:.transmission].
  115. </p>
  116. <h3>[property:Float ior]</h3>
  117. <p>
  118. Indice di rifrazione per materiali non metallici, da `1.0` a `2.333`. Il valore predefinito è `1.5`.<br />
  119. </p>
  120. <h3>[property:Float reflectivity]</h3>
  121. <p>
  122. Grado di riflettività, da `0.0` a `1.0`. Il valore predefinito è `0.5`, il quale corrisponde all'indice di rifrazione di 1.5.<br />
  123. Questo modella la riflettività dei materiali non metallici. Non ha alcun effetto quando [page:MeshStandardMaterial.metalness metalness] è `1.0`.
  124. </p>
  125. <h3>[property:Float sheen]</h3>
  126. <p>
  127. L'intensità dello strato di lucentezza, da `0.0` a `1.0`. Il valore predefinito è `0.0`.
  128. </p>
  129. <h3>[property:Float sheenRoughness]</h3>
  130. <p>
  131. Rugosità dello strato di lucentezza, da `0.0` a `1.0`. Il valore predefinito è `1.0`.
  132. </p>
  133. <h3>[property:Texture sheenRoughnessMap]</h3>
  134. <p>
  135. Il canale alfa di questa texture è moltiplicato per [page:.sheenRoughness],
  136. per controllare la rugosità della lucentezza per pixel. Il valore predefinito è `null`.
  137. </p>
  138. <h3>[property:Color sheenColor]</h3>
  139. <p>
  140. La tinta brillante. Il valore predefinito è `0x000000`, nera.
  141. </p>
  142. <h3>[property:Texture sheenColorMap]</h3>
  143. <p>
  144. I canali RGB della texture sono moltiplicati per [page:.sheenColor],
  145. per controllare sulla tinta per pixel. Il valore predefinito è `null`.
  146. </p>
  147. <h3>[property:Float specularIntensity]</h3>
  148. <p>
  149. Un float che ridimensiona la quantità di riflessione speculare solo per i non metalli. Quando è impostato su zero, il modello
  150. è effettivamente Lambertiano. Da `0.0` a `1.0`. Il valore predefinito è `1.0`.
  151. </p>
  152. <h3>[property:Texture specularIntensityMap]</h3>
  153. <p>
  154. Il canale alfa di questa texture è moltiplicato per [page:.specularIntensity],
  155. per controllare l'intensità speculare per pixel. Il valore predefinito è `null`.
  156. </p>
  157. <h3>[property:Color specularColor]</h3>
  158. <p>
  159. Un [page:Color] che tinge la riflessione speculare ad incidenza normale solo per i non metalli.
  160. Il valore predefinito è `0xffffff`, bianco.
  161. </p>
  162. <h3>[property:Texture specularColorMap]</h3>
  163. <p>
  164. I canali RGB di questa texture sono moltiplicati per [page:.specularColor],
  165. per controllare il colore speculare per pixel. Il valore predefinito è `null`.
  166. </p>
  167. <h3>[property:Float thickness]</h3>
  168. <p>
  169. Lo spessore del volume sotto la superficie. Il valore è dato nello spazio delle coordinate della mesh.
  170. Se il valore è 0 il materiale è a parete sottile. Altrimenti il materiale è un limite di volume. Il valore predefinito è `0`.
  171. </p>
  172. <h3>[property:Texture thicknessMap]</h3>
  173. <p>
  174. Una texture che definisce lo spessore, memorizzata nel canale G. Questo sarà moltiplicato per [page:.thickness].
  175. Il valore predefinito è `null`.
  176. </p>
  177. <h3>[property:Float transmission]</h3>
  178. <p>
  179. Grado di trasmissione (o trasparenza ottica), da `0.0` a `1.0`. Il valore predefinito è `0.0`.<br />
  180. I materiali sottili, trasparenti o semitrasparenti, in plastica o in vetro rimangono ampiamente
  181. riflettenti anche se sono completamente trasmissivi. La proprietà di trasmissione può
  182. essere utilizzata per modellare questi materiali.<br />
  183. Quando la trasmissione è diversa da zero, l'[page:Material.opacity] deve essere impostata a `1`.
  184. </p>
  185. <h3>[property:Texture transmissionMap]</h3>
  186. <p>
  187. Il canale rosso di questa texture è moltiplicato per [page:.transmission],
  188. per controllare la trasparenza ottica per pixel. Il valore predefinito è `null`.
  189. </p>
  190. <h2>Metodi</h2>
  191. <p>Vedi le classi base [page:Material] e [page:MeshStandardMaterial] per i metodi comuni.</p>
  192. <h2>Source</h2>
  193. <p>
  194. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  195. </p>
  196. </body>
  197. </html>