2
0

Vector2.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353
  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. <h1>[name]</h1>
  11. <p class="desc">
  12. فئة تمثل متجه 2D [link:https://en.wikipedia.org/wiki/Vector_space]. متجه 2D هو زوج مرتب من الأرقام (مسمى x و y)، والذي يمكن استخدامه لتمثيل عدد من الأشياء، مثل:
  13. </p>
  14. <ul>
  15. <li>نقطة في الفضاء 2D (أي موضع على مستوى).</li>
  16. <li>
  17. اتجاه وطول عبر مستوى. في three.js سيكون الطول دائمًا [link:https://en.wikipedia.org/wiki/Euclidean_distance الطول الإقليدي] (طول الخط المستقيم) من `(0، 0)` إلى `(x، y)` ويتم قياس الاتجاه أيضًا من `(0، 0)` نحو `(x، y)`.
  18. </li>
  19. <li>أي زوج مرتب عشوائي من الأرقام.</li>
  20. </ul>
  21. <p>
  22. هناك أشياء أخرى يمكن استخدام متجه 2D لتمثيلها، مثل المتجهات الزخمية، والأعداد المركبة وما إلى ذلك، ومع ذلك فإن هذه هي الاستخدامات الأكثر شيوعًا في three.js.
  23. </p>
  24. <p>
  25. التكرار عبر نسخة [name] سيعود بمكوناته `(x، y)` بالترتيب المقابل.
  26. </p>
  27. <h2>مثال للكود</h2>
  28. <code>
  29. const a = new THREE.Vector2( 0, 1 );
  30. //no arguments; will be initialised to (0, 0)
  31. const b = new THREE.Vector2( );
  32. const d = a.distanceTo( b );
  33. </code>
  34. <h2>المنشئ (Constructor)</h2>
  35. <h3>[name]( [param:Float x], [param:Float y] )</h3>
  36. <p>
  37. [page:Float x] - قيمة x لهذا المتجه. الافتراضي هو `0`.<br />
  38. [page:Float y] - قيمة y لهذا المتجه. الافتراضي هو `0`.<br /><br />
  39. ينشئ نسخة جديدة من [name].
  40. </p>
  41. <h2>الخصائص (Properties)</h2>
  42. <h3>[property:Float height]</h3>
  43. <p>اسم آخر لـ [page:.y y].</p>
  44. <h3>[property:Boolean isVector2]</h3>
  45. <p>علامة للقراءة فقط للتحقق مما إذا كان الكائن المعطى من نوع [name].</p>
  46. <h3>[property:Float width]</h3>
  47. <p>اسم آخر لـ [page:.x x].</p>
  48. <h3>[property:Float x]</h3>
  49. <h3>[property:Float y]</h3>
  50. <h2>الطرق (Methods)</h2>
  51. <h3>[method:this add]( [param:Vector2 v] )</h3>
  52. <p>يضيف [page:Vector2 v] إلى هذا المتجه.</p>
  53. <h3>[method:this addScalar]( [param:Float s] )</h3>
  54. <p>
  55. يضيف القيمة القياسية [page:Float s] إلى قيم [page:.x x] و [page:.y y] لهذا المتجه.
  56. </p>
  57. <h3>[method:this addScaledVector]( [param:Vector2 v], [param:Float s] )</h3>
  58. <p>
  59. يضيف الضعف من [page:Vector2 v] و [page:Float s] إلى هذا المتجه.
  60. </p>
  61. <h3>[method:this addVectors]( [param:Vector2 a], [param:Vector2 b] )</h3>
  62. <p>يضبط هذا المتجه على [page:Vector2 a] + [page:Vector2 b].</p>
  63. <h3>[method:Float angle]()</h3>
  64. <p>
  65. يحسب الزاوية بالراديان لهذا المتجه بالنسبة للمحور x الموجب.
  66. </p>
  67. <h3>[method:Float angleTo]( [param:Vector2 v] )</h3>
  68. <p>
  69. يعود بالزاوية بين هذا المتجه والمتجه [page:Vector2 v] بالراديان.
  70. </p>
  71. <h3>[method:this applyMatrix3]( [param:Matrix3 m] )</h3>
  72. <p>
  73. يضرب هذا المتجه (مع 1 ضمني كمكون الثالث) في m.
  74. </p>
  75. <h3>[method:this ceil]()</h3>
  76. <p>
  77. تتم جولة مكونات [page:.x x] و [page:.y y] لهذا المتجه إلى أعلى إلى أقرب قيمة صحيحة.
  78. </p>
  79. <h3>[method:this clamp]( [param:Vector2 min], [param:Vector2 max] )</h3>
  80. <p>
  81. [page:Vector2 min] - الحد الأدنى لقيم x و y.<br />
  82. [page:Vector2 max] - الحد الأقصى لقيم x و y في النطاق المطلوب<br /><br />
  83. إذا كانت قيمة x أو y لهذا المتجه أكبر من قيمة x أو y للمتجه max، يتم استبدالها بالقيمة المقابلة. <br /><br />
  84. إذا كانت قيمة x أو y لهذا المتجه أقل من قيمة x أو y للمتجه min، يتم استبدالها بالقيمة المقابلة.
  85. </p>
  86. <h3>[method:this clampLength]( [param:Float min], [param:Float max] )</h3>
  87. <p>
  88. [page:Float min] - الحد الأدنى الذي سيتم تثبيت الطول عليه <br />
  89. [page:Float max] - الحد الأقصى الذي سيتم تثبيت الطول عليه<br /><br />
  90. إذا كان طول هذا المتجه أكبر من قيمة max، يتم استبداله بالقيمة max. <br /><br />
  91. إذا كان طول هذا المتجه أقل من قيمة min، يتم استبداله بالقيمة min.
  92. </p>
  93. <h3>[method:this clampScalar]( [param:Float min], [param:Float max] )</h3>
  94. <p>
  95. [page:Float min] - الحد الأدنى الذي ستُثبَّت عليه العناصر
  96. <br />
  97. [page:Float max] - الحد الأقصى الذي سُتثبَّت عليه العناصر<br /><br />
  98. إذا كانت قيم x أو y لهذا المتجه أكبر من قيمة max، يتم استبدالها بالقيمة max. <br /><br />
  99. إذا كانت قيم x أو y لهذا المتجه أقل من قيمة min، يتم استبدالها بالقيمة min.
  100. </p>
  101. <h3>[method:Vector2 clone]()</h3>
  102. <p>
  103. يعود بـ Vector2 جديد بنفس قيم [page:.x x] و [page:.y y] كهذا.
  104. </p>
  105. <h3>[method:this copy]( [param:Vector2 v] )</h3>
  106. <p>
  107. ينسخ قيم خصائص [page:.x x] و [page:.y y] لـ Vector2 الممرر إلى هذا Vector2.
  108. </p>
  109. <h3>[method:Float distanceTo]( [param:Vector2 v] )</h3>
  110. <p>يحسب المسافة من هذا المتجه إلى [page:Vector2 v].</p>
  111. <h3>[method:Float manhattanDistanceTo]( [param:Vector2 v] )</h3>
  112. <p>
  113. يحسب [link:https://en.wikipedia.org/wiki/Taxicab_geometry مسافة مانهاتن] من هذا المتجه إلى [page:Vector2 v].
  114. </p>
  115. <h3>[method:Float distanceToSquared]( [param:Vector2 v] )</h3>
  116. <p>
  117. يحسب المسافة المربعة من هذا المتجه إلى [page:Vector2 v]. إذا كنت تقارن فقط المسافة مع مسافة أخرى، يجب عليك مقارنة المسافة المربعة بدلاً من ذلك لأنه أكثر كفاءة قليلاً في الحساب.
  118. </p>
  119. <h3>[method:this divide]( [param:Vector2 v] )</h3>
  120. <p>يقسم هذا المتجه على [page:Vector2 v].</p>
  121. <h3>[method:this divideScalar]( [param:Float s] )</h3>
  122. <p>يقسم هذا المتجه على العدد القياسي [page:Float s].</p>
  123. <h3>[method:Float dot]( [param:Vector2 v] )</h3>
  124. <p>
  125. يحسب [link:https://en.wikipedia.org/wiki/Dot_product حاصل الضرب النقطي] لهذا المتجه و [page:Vector2 v].
  126. </p>
  127. <h3>[method:Float cross]( [param:Vector2 v] )</h3>
  128. <p>
  129. يحسب [link:https://en.wikipedia.org/wiki/Cross_product حاصل الضرب المتقاطع] لهذا المتجه و [page:Vector2 v]. يرجى ملاحظة أن "حاصل الضرب المتقاطع" في 2D غير محدد بشكل جيد. تحسب هذه الوظيفة حاصل ضرب متقاطع هندسي يستخدم في الغالب في رسومات 2D
  130. </p>
  131. <h3>[method:Boolean equals]( [param:Vector2 v] )</h3>
  132. <p>
  133. يعود بـ `true` إذا كانت مكونات هذا المتجه و [page:Vector2 v] متطابقة بدقة؛ `false` في حالة عدم ذلك.
  134. </p>
  135. <h3>[method:this floor]()</h3>
  136. <p>
  137. تتم جولة مكونات هذا المتجه إلى أسفل إلى أقرب قيمة صحيحة.
  138. </p>
  139. <h3>
  140. [method:this fromArray]( [param:Array array], [param:Integer offset] )
  141. </h3>
  142. <p>
  143. [page:Array array] - المصفوفة المصدر.<br />
  144. [page:Integer offset] - (اختياري) إزاحة في المصفوفة. الافتراضي هو 0.<br /><br />
  145. يضبط قيمة [page:.x x] لهذا المتجه على `array[ offset ]` وقيمة [page:.y y] على `array[ offset + 1 ]`.
  146. </p>
  147. <h3>
  148. [method:this fromBufferAttribute]( [param:BufferAttribute attribute], [param:Integer index] )
  149. </h3>
  150. <p>
  151. [page:BufferAttribute attribute] - السمة المصدر.<br />
  152. [page:Integer index] - فهرس في السمة.<br /><br />
  153. يضبط قيم [page:.x x] و [page:.y y] لهذا المتجه من [page:BufferAttribute attribute].
  154. </p>
  155. <h3>[method:Float getComponent]( [param:Integer index] )</h3>
  156. <p>
  157. [page:Integer index] - 0 أو 1.<br /><br />
  158. إذا كان index يساوي 0 يعود بقيمة [page:.x x]. <br />
  159. إذا كان index يساوي 1 يعود بقيمة [page:.y y].
  160. </p>
  161. <h3>[method:Float length]()</h3>
  162. <p>
  163. يحسب [link:https://en.wikipedia.org/wiki/Euclidean_distance الطول الإقليدي] (طول الخط المستقيم) من (0، 0) إلى (x، y).
  164. </p>
  165. <h3>[method:Float manhattanLength]()</h3>
  166. <p>
  167. يحسب [link:http://en.wikipedia.org/wiki/Taxicab_geometry طول مانهاتن] لهذا المتجه.
  168. </p>
  169. <h3>[method:Float lengthSq]()</h3>
  170. <p>
  171. يحسب مربع [link:https://en.wikipedia.org/wiki/Euclidean_distance الطول الإقليدي] (طول الخط المستقيم) من (0، 0) إلى (x، y). إذا كنت تقارن أطوال المتجهات، يجب عليك مقارنة الطول المربع بدلاً من ذلك لأنه أكثر كفاءة قليلاً في الحساب.
  172. </p>
  173. <h3>[method:this lerp]( [param:Vector2 v], [param:Float alpha] )</h3>
  174. <p>
  175. [page:Vector2 v] - [page:Vector2] للتداخل نحوه.<br />
  176. [page:Float alpha] - عامل التداخل، عادة في الفترة المغلقة `[0، 1]`.<br /><br />
  177. يتداخل بشكل خطي بين هذا المتجه و [page:Vector2 v]، حيث alpha هو نسبة المسافة على طول الخط - سيكون alpha = 0 هذا المتجه، وسيكون alpha = 1 [page:Vector2 v].
  178. </p>
  179. <h3>
  180. [method:this lerpVectors]( [param:Vector2 v1], [param:Vector2 v2], [param:Float alpha] )
  181. </h3>
  182. <p>
  183. [page:Vector2 v1] - [page:Vector2] البداية.<br />
  184. [page:Vector2 v2] - [page:Vector2] للتداخل نحوه.<br />
  185. [page:Float alpha] - عامل التداخل، عادة في الفترة المغلقة `[0، 1]`.<br /><br />
  186. يضبط هذا المتجه ليكون المتجه المُركب بشكل خطي بين [page:Vector2 v1] و [page:Vector2 v2] حيث alpha هو نسبة المسافة على طول الخط الذي يربط بين المتجهين - سيكون alpha = 0 [page:Vector2 v1]، وسيكون alpha = 1 [page:Vector2 v2].
  187. </p>
  188. <h3>[method:this negate]()</h3>
  189. <p>يعكس هذا المتجه - أي يضع x = -x و y = -y.</p>
  190. <h3>[method:this normalize]()</h3>
  191. <p>
  192. يحول هذا المتجه إلى [link:https://en.wikipedia.org/wiki/Unit_vector متجه وحدة] -
  193. أي يضعه مساوٍ لمتجه بنفس الاتجاه
  194. كهذا، ولكن [page:.length length] 1.
  195. </p>
  196. <h3>[method:this max]( [param:Vector2 v] )</h3>
  197. <p>
  198. إذا كانت قيمة x أو y لهذا المتجه أقل من قيمة x أو y لـ [page:Vector2 v]، استبدل تلك القيمة بالقيمة العظمى المقابلة.
  199. </p>
  200. <h3>[method:this min]( [param:Vector2 v] )</h3>
  201. <p>
  202. إذا كانت قيمة x أو y لهذا المتجه أكبر من قيمة x أو y لـ [page:Vector2 v]، استبدل تلك القيمة بالقيمة الدنيا المقابلة.
  203. </p>
  204. <h3>[method:this multiply]( [param:Vector2 v] )</h3>
  205. <p>يضرب هذا المتجه في [page:Vector2 v].</p>
  206. <h3>[method:this multiplyScalar]( [param:Float s] )</h3>
  207. <p>يضرب هذا المتجه في العدد القياسي [page:Float s].</p>
  208. <h3>
  209. [method:this rotateAround]( [param:Vector2 center], [param:Float angle] )
  210. </h3>
  211. <p>
  212. [page:Vector2 center] - النقطة التي يتم التدوير حولها.<br />
  213. [page:Float angle] - الزاوية التي يتم التدوير بها، بالراديان.<br /><br />
  214. يدور هذا المتجه حول [page:Vector2 center] بـ [page:Float angle] راديان.
  215. </p>
  216. <h3>[method:this round]()</h3>
  217. <p>
  218. تتم جولة مكونات هذا المتجه إلى أقرب قيمة صحيحة.
  219. </p>
  220. <h3>[method:this roundToZero]()</h3>
  221. <p>
  222. تتم جولة مكونات هذا المتجه نحو الصفر (لأعلى إذا كان سالبًا، لأسفل إذا كان موجبًا) إلى قيمة صحيحة.
  223. </p>
  224. <h3>[method:this set]( [param:Float x], [param:Float y] )</h3>
  225. <p>يضبط مكونات [page:.x x] و [page:.y y] لهذا المتجه.</p>
  226. <h3>
  227. [method:this setComponent]( [param:Integer index], [param:Float value] )
  228. </h3>
  229. <p>
  230. [page:Integer index] - 0 أو 1.<br />
  231. [page:Float value] - [page:Float]<br /><br />
  232. إذا كان index يساوي 0 ضع [page:.x x] على [page:Float value]. <br />
  233. إذا كان index يساوي 1 ضع [page:.y y] على [page:Float value]
  234. </p>
  235. <h3>[method:this setLength]( [param:Float l] )</h3>
  236. <p>
  237. يضبط هذا المتجه على متجه بنفس الاتجاه كهذا، ولكن [page:.length length] [page:Float l].
  238. </p>
  239. <h3>[method:this setScalar]( [param:Float scalar] )</h3>
  240. <p>
  241. يضبط قيم [page:.x x] و [page:.y y] لهذا المتجه على حد سواء مساوية لـ [page:Float scalar].
  242. </p>
  243. <h3>[method:this setX]( [param:Float x] )</h3>
  244. <p>يستبدل قيمة [page:.x x] لهذا المتجه بـ [page:Float x].</p>
  245. <h3>[method:this setY]( [param:Float y] )</h3>
  246. <p>يستبدل قيمة [page:.y y] لهذا المتجه بـ [page:Float y].</p>
  247. <h3>[method:this sub]( [param:Vector2 v] )</h3>
  248. <p>يطرح [page:Vector2 v] من هذا المتجه.</p>
  249. <h3>[method:this subScalar]( [param:Float s] )</h3>
  250. <p>
  251. يطرح [page:Float s] من مكونات [page:.x x] و [page:.y y] لهذا المتجه.
  252. </p>
  253. <h3>[method:this subVectors]( [param:Vector2 a], [param:Vector2 b] )</h3>
  254. <p>يضبط هذا المتجه على [page:Vector2 a] - [page:Vector2 b].</p>
  255. <h3>
  256. [method:Array toArray]( [param:Array array], [param:Integer offset] )
  257. </h3>
  258. <p>
  259. [page:Array array] - (اختياري) مصفوفة لتخزين هذا المتجه فيها. إذا لم يتم توفير هذا، سيتم إنشاء مصفوفة جديدة.<br />
  260. [page:Integer offset] - (اختياري) إزاحة اختيارية في المصفوفة.<br /><br />
  261. يرجع مصفوفة [x، y]، أو ينسخ x و y في المصفوفة المعطاة من نوع [page:Array array].
  262. </p>
  263. <h3>[method:this random]()</h3>
  264. <p>
  265. يضبط كل مكون من مكونات هذا المتجه على قيمة شبه عشوائية بين 0 و 1، باستثناء 1.
  266. </p>
  267. <h2>المصدر (Source)</h2>
  268. <p>
  269. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  270. </p>
  271. </body>
  272. </html>