SpotLight.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  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:Object3D] &rarr; [page:Light] &rarr;
  11. <h1>[name]</h1>
  12. <p class="desc">
  13. يتم إصدار هذا الضوء من نقطة واحدة في اتجاه واحد ، على طول مخروط
  14. يزداد حجمه كلما ابتعد عن الضوء. <br /><br />
  15. يمكن لهذا الضوء إلقاء الظلال - انظر صفحة [page:SpotLightShadow] للحصول على
  16. تفاصيل.
  17. </p>
  18. <h2>مثال للكود</h2>
  19. <code>
  20. // مصباح كاشف أبيض يشرق من الجانب ، يتم تعديله بواسطة ملمس ، يلقي ظلاً
  21. const spotLight = new THREE.SpotLight( 0xffffff );
  22. spotLight.position.set( 100, 1000, 100 );
  23. spotLight.map = new THREE.TextureLoader().load( url );
  24. spotLight.castShadow = true;
  25. spotLight.shadow.mapSize.width = 1024;
  26. spotLight.shadow.mapSize.height = 1024;
  27. spotLight.shadow.camera.near = 500;
  28. spotLight.shadow.camera.far = 4000;
  29. spotLight.shadow.camera.fov = 30;
  30. scene.add( spotLight );
  31. </code>
  32. <h2>أمثلة (Examples)</h2>
  33. <p>
  34. [example:webgl_lights_spotlight lights / spotlight ]<br />
  35. [example:webgl_lights_spotlights lights / spotlights ]
  36. </p>
  37. <h2>المنشئ (Constructor)</h2>
  38. <h3>
  39. [name]( [param:Integer color], [param:Float intensity], [param:Float distance], [param:Radians angle], [param:Float penumbra], [param:Float decay] )
  40. </h3>
  41. <p>
  42. [page:Integer color] - (اختياري) لون سداسي عشري للضوء. الافتراضي
  43. هو 0xffffff (أبيض).<br />
  44. [page:Float intensity] - (اختياري) قيمة رقمية لقوة / شدة الضوء.
  45. الافتراضي هو 1.<br />
  46. [page:Float distance] - المدى الأقصى للضوء. الافتراضي هو 0 (لا
  47. حدود).<br />
  48. [page:Radians angle] - أقصى زاوية لانتشار الضوء من
  49. اتجاهه الذي يعتبر حدًا أعلى Math.PI/2.<br />
  50. [page:Float penumbra] - نسبة مخروط الضوء الذي يتلاشى
  51. بسبب الظلال الجانبية. يأخذ قيم بين الصفر و 1. الافتراضي هو صفر.<br />
  52. [page:Float decay] - مقدار تضاؤل الضوء على طول مسافة ال
  53. ضوء.<br /><br />
  54. إنشاء جديد [name].
  55. </p>
  56. <h2>الخصائص (Properties)</h2>
  57. <p>انظر إلى قائمة [page:Light Light] للخصائص المشتركة.</p>
  58. <h3>[property:Float angle]</h3>
  59. <p>
  60. أقصى مدى للضوء الكاشف ، بالراديان ، من اتجاهه. يجب أن يكون
  61. لا يزيد عن `Math.PI/2`. القيمة الافتراضية هي `Math.PI/3`.
  62. </p>
  63. <h3>[property:Boolean castShadow]</h3>
  64. <p>
  65. إذا تم تعيينه على `true` ، فسيقوم الضوء بإلقاء ظلال ديناميكية. <b>تحذير</b>: هذا
  66. مكلف ويتطلب التعديل لجعل الظلال تبدو صحيحة. انظر
  67. [page:SpotLightShadow] للحصول على التفاصيل. الافتراضي هو `false`.
  68. </p>
  69. <h3>[property:Float decay]</h3>
  70. <p>
  71. مقدار تضاؤل الضوء على طول مسافة الضوء. القيمة الافتراضية هي
  72. `2`.<br />
  73. في سياق التصيير الفعلي الصحيح ، يجب عدم تغيير القيمة الافتراضية.
  74. </p>
  75. <h3>[property:Float distance]</h3>
  76. <p>
  77. `الوضع الافتراضي` - عندما تكون المسافة صفرًا ، لا يتلاشى الضوء. عندما
  78. تكون المسافة غير صفرية ، سيتلاشى الضوء بشكل خطي من أقصى شدة
  79. عند موقع الضوء إلى الصفر على هذه المسافة من الضوء.
  80. </p>
  81. <p>
  82. عندما يتم تعطيل [page:WebGLRenderer.useLegacyLights legacy lighting mode] -
  83. عندما تكون المسافة صفرًا ، سيتلاشى الضوء وفقًا لقانون المربع المعكوس
  84. إلى مسافة لانهائية. عندما تكون المسافة غير صفرية ، سيتلاشى الضوء
  85. وفقًا لقانون المربع المعكوس حتى قرب نقطة قطع المسافة ، حيث
  86. سيتلاشى بسرعة وبسلاسة إلى `0`. بطبعه، ليست نقطة القطع فيزيائية صحيحة.
  87. </p>
  88. <p>القيمة الافتراضية هى `0.0`.</p>
  89. <h3>[property:Float intensity]</h3>
  90. <p>
  91. شدة الضوء. القيمة الافتراضية هي `1`.<br />
  92. عندما يتم تعطيل [page:WebGLRenderer.useLegacyLights legacy lighting mode]،
  93. الشدة هى شدة إضاءة الضوء المقاسة بالشمعات
  94. (cd).<br /><br />
  95. تغيير الشدة سيغير أيضًا قوة الضوء.
  96. </p>
  97. <h3>[property:Boolean isSpotLight]</h3>
  98. <p>علامة للقراءة فقط للتحقق مما إذا كان كائنًا معينًا من نوع [name].</p>
  99. <h3>[property:Float penumbra]</h3>
  100. <p>
  101. نسبة مخروط الضوء الذي يتلاشى بسبب الظلال الجانبية. يأخذ
  102. قيم بين الصفر و 1. القيمة الافتراضية هي `0.0`.
  103. </p>
  104. <h3>[property:Vector3 position]</h3>
  105. <p>
  106. يتم تعيين هذا مساويًا لـ [page:Object3D.DEFAULT_UP] (0، 1، 0) ، بحيث
  107. الضوء يشرق من الأعلى إلى الأسفل.
  108. </p>
  109. <h3>[property:Float power]</h3>
  110. <p>
  111. قوة الضوء.<br />
  112. عندما يتم تعطيل [page:WebGLRenderer.useLegacyLights legacy lighting mode]،
  113. الطاقة هي قوة إضاءة الضوء المقاسة باللومن (lm).
  114. <br /><br />
  115. تغيير الطاقة سيغير أيضًا شدة الضوء.
  116. </p>
  117. <h3>[property:SpotLightShadow shadow]</h3>
  118. <p>[page:SpotLightShadow] يستخدم لحساب ظلال هذا الضوء.</p>
  119. <h3>[property:Object3D target]</h3>
  120. <p>
  121. يشير Spotlight من [page:.position position] إلى
  122. target.position. موقع الهدف الافتراضي هو `(0، 0، 0)`.<br />
  123. <b>ملاحظة</b>: لتغيير موقع الهدف إلى أي شيء آخر غير
  124. الافتراضي ، يجب إضافته إلى [page:Scene scene] باستخدام
  125. <code> scene.add( light.target ); </code>
  126. هذا حتى يتم تحديث [page:Object3D.matrixWorld matrixWorld] للهدف
  127. تلقائيًا في كل إطار.<br /><br />
  128. من الممكن أيضًا تعيين الهدف لكونه كائنًا آخر في المشهد
  129. (أي شيء لديه خاصية [page:Object3D.position position]) ، مثل:
  130. <code>
  131. const targetObject = new THREE.Object3D();
  132. scene.add(targetObject);
  133. light.target = targetObject;
  134. </code>
  135. سوف يتبع المصباح الكاشف الآن كائن الهدف.
  136. </p>
  137. <h3>[property:Texture map]</h3>
  138. <p>
  139. [page:Texture] يستخدم لتعديل لون الضوء. يتم خلط لون المصباح
  140. مع قيمة RGB لهذه الملمس ، بنسبة
  141. تتوافق مع قيمة ألفا. يتم تكرار التأثير المشابه للكعكة باستخدام قِيَم بكسل (0، 0، 0، 1-قِيَم_الكعكة). <b>تحذير</b>:
  142. [param:SpotLight map] مُعَطَّلَ إذا كان [param:SpotLight castShadow]
  143. <b>خطأ</b>.
  144. </p>
  145. <h2>الطرق (Methods)</h2>
  146. <p>انظر إلى قائمة [page:Light Light] للطرق المشتركة.</p>
  147. <h3>[method:undefined dispose]()</h3>
  148. <p>
  149. تحرير المصادر المتعلقة بالجهاز GPU التي تم تخصيصها من قبل هذه المثيل. اتصل بهذه
  150. الطريقة كلما لم يُستخدَم هذه المثيل في تطبيقك.
  151. </p>
  152. <h3>[method:this copy]( [param:SpotLight source] )</h3>
  153. <p>
  154. نسخ قِيَم جميع خصائص [page:SpotLight source] إلى
  155. هذه SpotLight.
  156. </p>
  157. <p>
  158. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  159. </p>
  160. </body>
  161. </html>