MeshPhysicalMaterial.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
  1. <!DOCTYPE html>
  2. <html lang="ar">
  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 class="rtl">
  10. [page:Material] &rarr; [page:MeshStandardMaterial] &rarr;
  11. <h1>[name]</h1>
  12. <p class="desc">
  13. تمديد لـ [page:MeshStandardMaterial]، يوفر خصائص تقديم
  14. أكثر تقدمًا على أساس الفيزياء:
  15. </p>
  16. <ul>
  17. <li>
  18. <b>طلاء شفاف:</b> بعض المواد - مثل طلاءات السيارات والألياف الكربونية و
  19. الأسطح الرطبة - تتطلب طبقة شفافة عاكسة فوق طبقة أخرى
  20. قد تكون غير منتظمة أو خشنة. يقرب الطلاء الشفاف هذا التأثير،
  21. دون الحاجة إلى سطح شفاف منفصل.
  22. </li>
  23. <li>
  24. <b>الشفافية المستندة إلى الفيزياء:</b> إحدى قيود
  25. [page:Material.opacity .opacity] هو أن المواد شديدة الشفافية
  26. أقل انعكاسية. يوفر [page:.transmission] المستند إلى الفيزياء
  27. خيارًا أكثر واقعية للأسطح الشفافة الرقيقة مثل الزجاج.
  28. </li>
  29. <li>
  30. <b>انعكاسية متقدمة:</b> انعكاسية أكثر مرونة للمواد غير المعدنية.
  31. </li>
  32. <li>
  33. <b>اللمعان:</b> يمكن استخدامه لتمثيل مواد القماش والأقمشة.
  34. </li>
  35. </ul>
  36. <p>
  37. نتيجة لهذه الميزات المعقدة للظلال، يحتوي MeshPhysicalMaterial على
  38. تكلفة أداء أعلى، لكل بكسل، من مواد three.js الأخرى. معظم
  39. التأثيرات معطلة افتراضيًا، وتضيف التكلفة كما يتم تمكينها. للحصول على أفضل النتائج، حدد دائمًا [page:.envMap خريطة بيئة] عند استخدام
  40. هذه المادة.
  41. </p>
  42. <iframe
  43. id="scene"
  44. src="scenes/material-browser.html#MeshPhysicalMaterial"
  45. ></iframe>
  46. <script>
  47. // iOS iframe auto-resize workaround
  48. if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {
  49. const scene = document.getElementById( 'scene' );
  50. scene.style.width = getComputedStyle( scene ).width;
  51. scene.style.height = getComputedStyle( scene ).height;
  52. scene.setAttribute( 'scrolling', 'no' );
  53. }
  54. </script>
  55. <h2>أمثلة (Examples)</h2>
  56. <p>
  57. [example:webgl_materials_physical_clearcoat materials / physical / clearcoat]<br />
  58. [example:webgl_loader_gltf_sheen loader / gltf / sheen]<br />
  59. [example:webgl_materials_physical_transmission materials / physical / transmission]
  60. </p>
  61. <h2>المنشئ (Constructor)</h2>
  62. <h3>[name]( [param:Object parameters] )</h3>
  63. <p>
  64. [page:Object parameters] - (اختياري) كائن بواحد أو أكثر
  65. خصائص تحدد مظهر المادة. يمكن تمرير أي خاصية من
  66. المادة (بما في ذلك أي خاصية موروثة من [page:Material] و
  67. [page:MeshStandardMaterial]) هنا.<br /><br />
  68. الاستثناء هو الخاصية [page:Hexadecimal color]، التي يمكن
  69. تمريرها كسلسلة ست عشرية وهي `0xffffff` (أبيض) بشكل افتراضي.
  70. يتم استدعاء [page:Color.set]( color ) داخليًا.
  71. </p>
  72. <h2>الخصائص (Properties)</h2>
  73. <p>
  74. انظر إلى فئات [page:Material] و [page:MeshStandardMaterial] الأساسية للخصائص المشتركة.
  75. </p>
  76. <h3>[property:Color attenuationColor]</h3>
  77. <p>
  78. اللون الذي يتحول إليه الضوء الأبيض بسبب الامتصاص عند الوصول إلى
  79. مسافة التخفيف. الافتراضى هو `white` (0xffffff).
  80. </p>
  81. <h3>[property:Float attenuationDistance]</h3>
  82. <p>
  83. كثافة الوسط المعطاة كمتوسط ​​المسافة التي يسافرها الضوء في
  84. الوسط قبل التفاعل مع جزيئة. يتم إعطاء القيمة في وحدات مساحة العالم
  85. ، ويجب أن تكون أكبر من الصفر. الافتراضي هو `Infinity`.
  86. </p>
  87. <h3>[property:Float clearcoat]</h3>
  88. <p>
  89. يمثل شدة طبقة الطلاء الشفاف، من `0.0` إلى `1.0`. استخدم
  90. خصائص طلاء شفاف ذات الصلة لتمكين المواد متعددة الطبقات التي لديها
  91. طبقة رقيقة شفافة فوق الطبقة الأساسية. الافتراضى هو `0.0`.
  92. </p>
  93. <h3>[property:Texture clearcoatMap]</h3>
  94. <p>
  95. تتم ضرب قناة اللون الأحمر من هذه القوام ضد [page:.clearcoat]،
  96. للتحكم في شدة طلاء لكل بكسل. الافتراضى هى `null`.
  97. </p>
  98. <h3>[property:Texture clearcoatNormalMap]</h3>
  99. <p>
  100. يمكن استخدامه لتمكين المعايير المستقلة لطبقة الطلاء الشفاف.
  101. الافتراضى هى `null`.
  102. </p>
  103. <h3>[property:Vector2 clearcoatNormalScale]</h3>
  104. <p>
  105. مدى تأثير [page:.clearcoatNormalMap] على طبقة الطلاء الشفاف، من
  106. `(0,0)` إلى `(1,1)`. الافتراضى هو `(1,1)`.
  107. </p>
  108. <h3>[property:Float clearcoatRoughness]</h3>
  109. <p>
  110. خشونة طبقة الطلاء الشفاف، من `0.0` إلى `1.0`. الافتراضى هو `0.0`.
  111. </p>
  112. <h3>[property:Texture clearcoatRoughnessMap]</h3>
  113. <p>
  114. تتم ضرب قناة اللون الأخضر من هذه القوام ضد
  115. [page:.clearcoatRoughness]، للتحكم في خشونة طلاء لكل بكسل.
  116. الافتراضى هى `null`.
  117. </p>
  118. <h3>[property:Object defines]</h3>
  119. <p>
  120. كائن من نوع:
  121. <code>
  122. {
  123. 'STANDARD': '',
  124. 'PHYSICAL': '',
  125. };
  126. </code>
  127. يستخدم هذا بواسطة [page:WebGLRenderer] لتحديد المُظَهِّرات.
  128. </p>
  129. <h3>[property:Float dispersion]</h3>
  130. <p>
  131. Defines the strength of the angular separation of colors (chromatic aberration) transmitting through a relatively clear volume.
  132. Any value zero or larger is valid, the typical range of realistic values is `[0, 1]`.
  133. Default is `0` (no dispersion).
  134. This property can be only be used with transmissive objects, see [page:.transmission].
  135. </p>
  136. <h3>[property:Float ior]</h3>
  137. <p>
  138. Index-of-refraction for non-metallic materials, from `1.0` to `2.333`.
  139. Default is `1.5`.<br />
  140. </p>
  141. <h3>[property:Float reflectivity]</h3>
  142. <p>
  143. درجة الانعكاسية، من `0.0` إلى `1.0`. الافتراضي هو `0.5`، الذي
  144. يتوافق مع مؤشر انكسار 1.5.<br />
  145. هذا ينمذج انعكاسية المواد غير المعدنية. ليس له تأثير
  146. عندما يكون [page:MeshStandardMaterial.metalness metalness] هو `1.0`
  147. </p>
  148. <h3>[property:Float sheen]</h3>
  149. <p>
  150. شدة طبقة اللمعان، من `0.0` إلى `1.0`. الافتراضي هو `0.0`.
  151. </p>
  152. <h3>[property:Float sheenRoughness]</h3>
  153. <p>خشونة طبقة اللمعان، من `0.0` إلى `1.0`. الافتراضي هو `1.0`.</p>
  154. <h3>[property:Texture sheenRoughnessMap]</h3>
  155. <p>
  156. تتم ضرب قناة الألفا من هذه القوام ضد
  157. [page:.sheenRoughness]، للتحكم في خشونة اللمعان لكل بكسل.
  158. الافتراضى هى `null`.
  159. </p>
  160. <h3>[property:Color sheenColor]</h3>
  161. <p>لون اللمعان. الافتراضي هو `0x000000`، أسود.</p>
  162. <h3>[property:Texture sheenColorMap]</h3>
  163. <p>
  164. تتم ضرب قنوات RGB من هذه القوام ضد
  165. [page:.sheenColor]، للتحكم في لون اللمعان لكل بكسل. الافتراضي
  166. هو `null`.
  167. </p>
  168. <h3>[property:Float specularIntensity]</h3>
  169. <p>
  170. عدد عائم يُقيِّس كمية الانعكاس العاكس للأشياء غير المعدنية فقط.
  171. عند تعيينه على صفر، يصبح النموذج فعالًا كـ Lambertian. من `0.0` إلى
  172. `1.0`. الافتراضى هو `1.0`.
  173. </p>
  174. <h3>[property:Texture specularIntensityMap]</h3>
  175. <p>
  176. تتم ضرب قناة الألفا من هذه القوام ضد
  177. [page:.specularIntensity]، للتحكم في شدة الانعكاس العاكس لكل بكسل.
  178. الافتراضى هى `null`.
  179. </p>
  180. <h3>[property:Color specularColor]</h3>
  181. <p>
  182. [page:Color] يلون الانعكاس العاكس عند التعرض الطبيعي للأشياء غير المعدنية فقط. الافتراضي هو `0xffffff`، أبيض.
  183. </p>
  184. <h3>[property:Texture specularColorMap]</h3>
  185. <p>
  186. تتم ضرب قنوات RGB من هذه القوام ضد
  187. [page:.specularColor]، للتحكم في لون العاكس لكل بكسل. الافتراضي
  188. هو `null`.
  189. </p>
  190. <h3>[property:Float thickness]</h3>
  191. <p>
  192. سُمْكُ الحجمِ تحتَ السطحِ. يُعطى القيمةُ في
  193. مساحة التنسيق للشبكة. إذا كانت القيمة 0 فإن المادة
  194. رقيقة الجدران. وإلا فإن المادة هي حدود حجم. الافتراضي هو `0`.
  195. </p>
  196. <h3>[property:Texture thicknessMap]</h3>
  197. <p>
  198. قوام يحدد السُمْكَ، مخزن في قناة G. سيتم ضرب هذا بـ
  199. [page:.thickness]. الافتراضي هو `null`.
  200. </p>
  201. <h3>[property:Float transmission]</h3>
  202. <p>
  203. درجة الإرسال (أو الشفافية البصرية)، من `0.0` إلى `1.0`.
  204. الافتراضي هو `0.0`.<br />
  205. المواد البلاستيكية أو الزجاجية رقيقة أو شفافة أو نصف شفافة تظل
  206. عاكسة إلى حد كبير حتى لو كانت مُرسِلَة بالكامل. يمكن استخدام خاصية الإرسال لنمذجة هذه المواد.<br />
  207. عندما يكون الإرسال غير صفر، يجب تعيين [page:Material.opacity opacity] `إلى `1.
  208. </p>
  209. <h3>[property:Texture transmissionMap]</h3>
  210. <p>
  211. تتم ضرب قناة اللون الأحمر من هذه القوام ضد
  212. [page:.transmission]، للتحكم في الشفافية البصرية لكل بكسل.
  213. الافتراضى هى `null`.
  214. </p>
  215. <h2>الطرق (Methods)</h2>
  216. <p>
  217. انظر إلى فئات [page:Material] و [page:MeshStandardMaterial] الأساسية للطرق المشتركة.
  218. </p>
  219. <h2>المصدر (Source)</h2>
  220. <p>
  221. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  222. </p>
  223. </body>
  224. </html>