Quaternion.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322
  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. تنفيذ [link:http://en.wikipedia.org/wiki/Quaternion كواترنيون].<br />
  13. يتم استخدام الكواترنيونات في three.js لتمثيل
  14. [link:https://en.wikipedia.org/wiki/Quaternions_and_spatial_rotation الدوران].
  15. </p>
  16. <p>
  17. التكرار عبر مثيل [name] سيعطي مكوناته (x، y، z، w)
  18. بالترتيب المقابل.
  19. </p>
  20. <h2>مثال الكود</h2>
  21. <code>
  22. const quaternion = new THREE.Quaternion();
  23. quaternion.setFromAxisAngle( new THREE.Vector3( 0, 1, 0 ), Math.PI / 2 );
  24. const vector = new THREE.Vector3( 1, 0, 0 );
  25. vector.applyQuaternion( quaternion );
  26. </code>
  27. <h2>المنشئ (Constructor)</h2>
  28. <h3>
  29. [name]( [param:Float x], [param:Float y], [param:Float z], [param:Float w] )
  30. </h3>
  31. <p>
  32. [page:Float x] - إحداثية x<br />
  33. [page:Float y] - إحداثية y<br />
  34. [page:Float z] - إحداثية z<br />
  35. [page:Float w] - إحداثية w
  36. </p>
  37. <h2>الخصائص (Properties)</h2>
  38. <h3>[property:Boolean isQuaternion]</h3>
  39. <p>علامة للقراءة فقط للتحقق مما إذا كان الكائن المعطى هو من نوع [name].</p>
  40. <h3>[property:Float x]</h3>
  41. <h3>[property:Float y]</h3>
  42. <h3>[property:Float z]</h3>
  43. <h3>[property:Float w]</h3>
  44. <h2>الطرق (Methods)</h2>
  45. <h3>[method:Float angleTo]( [param:Quaternion q] )</h3>
  46. <p>
  47. يعيد الزاوية بين هذا الكواترنيون وكواترنيون [page:Quaternion q] بالراديان.
  48. </p>
  49. <h3>[method:Quaternion clone]()</h3>
  50. <p>
  51. ينشئ كواترنيون جديدًا بخصائص [page:.x x] و [page:.y y] و [page:.z z]
  52. و [page:.w w] متطابقة مع هذا.
  53. </p>
  54. <h3>[method:this conjugate]()</h3>
  55. <p>
  56. يعيد التجانس الدوراني لهذا الكواترنيون. التجانس لـ
  57. كواترنيون يمثل نفس الدوران في الاتجاه المعاكس حول
  58. محور الدوران.
  59. </p>
  60. <h3>[method:this copy]( [param:Quaternion q] )</h3>
  61. <p>
  62. ينسخ خصائص [page:.x x] و [page:.y y] و [page:.z z] و [page:.w w]
  63. من [page:Quaternion q] إلى هذا الكواترنيون.
  64. </p>
  65. <h3>[method:Boolean equals]( [param:Quaternion v] )</h3>
  66. <p>
  67. [page:Quaternion v] - كواترنيون سيتم مقارنة هذا الكواترنيون
  68. إليه.<br /><br />
  69. يقارن خصائص [page:.x x] و [page:.y y] و [page:.z z] و [page:.w w]
  70. من [page:Quaternion v] إلى الخصائص المكافئة لهذا
  71. كواترنيون لتحديد ما إذا كانت تمثل نفس الدوران.
  72. </p>
  73. <h3>[method:Float dot]( [param:Quaternion v] )</h3>
  74. <p>
  75. يحسب [link:https://en.wikipedia.org/wiki/Dot_product dot product]
  76. من كواترنيونات [page:Quaternion v] وهذا.
  77. </p>
  78. <h3>
  79. [method:this fromArray]( [param:Array array], [param:Integer offset] )
  80. </h3>
  81. <p>
  82. [page:Array array] - مصفوفة بتنسيق (x، y، z، w) تستخدم لبناء
  83. الكواترنيون.<br />
  84. [page:Integer offset] - (اختياري) إزاحة في المصفوفة.<br /><br />
  85. يضع خصائص [page:.x x] و [page:.y y] و [page:.z z] و [page:.w w]
  86. لهذا الكواترنيون من مصفوفة.
  87. </p>
  88. <h3>[method:this identity]()</h3>
  89. <p>
  90. يضع هذا الكواترنيون على الكواترنيون المتطابق ؛ أي إلى
  91. الكواترنيون الذي يمثل "لا دوران".
  92. </p>
  93. <h3>[method:this invert]()</h3>
  94. <p>
  95. يعكس هذا الكواترنيون - يحسب [page:.conjugate conjugate]. The
  96. يفترض أن الكواترنيون لديه طول وحدة.
  97. </p>
  98. <h3>[method:Float length]()</h3>
  99. <p>
  100. يحسب [link:https://en.wikipedia.org/wiki/Euclidean_distance الطول الإقليدي]
  101. (طول خط مستقيم) لهذا الكواترنيون ، كما هو معتبر
  102. متجه 4 أبعاد.
  103. </p>
  104. <h3>[method:Float lengthSq]()</h3>
  105. <p>
  106. يحسب المربع
  107. [link:https://en.wikipedia.org/wiki/Euclidean_distance الطول الإقليدي]
  108. (طول خط مستقيم) لهذا الكواترنيون ، كما هو معتبر متجه 4 أبعاد
  109. . هذا يمكن أن يكون مفيدًا إذا كنت تقارن طول اثنين
  110. كواترنيون ، حيث أن هذا حساب أكثر كفاءة قليلاً من
  111. [page:.length length]().
  112. </p>
  113. <h3>[method:this normalize]()</h3>
  114. <p>
  115. [link:https://en.wikipedia.org/wiki/Normalized_vector يعدل] هذا
  116. كواترنيون - أي حساب الكواترنيون الذي يؤدي نفس
  117. دوران كهذا ، ولكن لديه [page:.length length] يساوي `1`.
  118. </p>
  119. <h3>[method:this multiply]( [param:Quaternion q] )</h3>
  120. <p>يضرب هذا الكواترنيون بـ[page:Quaternion q].</p>
  121. <h3>
  122. [method:this multiplyQuaternions]( [param:Quaternion a], [param:Quaternion b] )
  123. </h3>
  124. <p>
  125. يضع هذا الكواترنيون على[page:Quaternion a] x[page:Quaternion b].<br />
  126. تم تكييفه من الطريقة الموضحة
  127. [link:http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/code/index.html هنا].
  128. </p>
  129. <h3>[method:this premultiply]( [param:Quaternion q] )</h3>
  130. <p>يضرب مسبقًا هذا الكواترنيون بـ[page:Quaternion q].</p>
  131. <h3>[method:this random]()</h3>
  132. <p>يضع هذا الكواترنيون على كواترنيون عشوائي معتدل ومعتدل.</p>
  133. <h3>
  134. [method:this rotateTowards]( [param:Quaternion q], [param:Float step] )
  135. </h3>
  136. <p>
  137. [page:Quaternion q] - كواترنيون الهدف. <br />
  138. [page:Float step] - الخطوة الزاوية بالراديان. <br /><br />
  139. يدور هذا الكواترنيون بخطوة زاوية معطاة إلى كواترنيون محدد
  140. *q*. تضمن الطريقة ألا يتجاوز الكواترنيون النهائي *q*.
  141. </p>
  142. <h3>[method:this slerp]( [param:Quaternion qb], [param:Float t] )</h3>
  143. <p>
  144. [page:Quaternion qb] - التدوير الكواترنيون الآخر<br />
  145. [page:Float t] - عامل التداخل في الفترة المغلقة `[0، 1]`. <br /><br />
  146. يتعامل مع التداخل الخطي الكروي بين كواترنيون.
  147. [page:Float t] يمثل مقدار التدوير بين هذا الكواترنيون
  148. (حيث[page:Float t] هو 0) و[page:Quaternion qb] (حيث[page:Float t]
  149. هو 1). يتم تعيين هذا الكواترنيون على النتيجة. اطلع أيضًا على الإصدار الثابت
  150. من `slerp` أدناه.
  151. <code>
  152. // تدور شبكة نحو كواترنيون هدف
  153. mesh.quaternion.slerp( endQuaternion، 0.01 );
  154. </code>
  155. </p>
  156. <h3>
  157. [method:this slerpQuaternions]( [param:Quaternion qa], [param:Quaternion qb], [param:Float t] )
  158. </h3>
  159. <p>
  160. يؤدي التداخل الخطي الكروي بين كواترنيون المعطى
  161. وتخزين النتائج في هذا الكواترنيون.
  162. </p>
  163. <h3>
  164. [method:this set]( [param:Float x], [param:Float y], [param:Float z], [param:Float w] )
  165. </h3>
  166. <p>
  167. يضع خصائص [page:.x x] ،[page:.y y] ،[page:.z z] ،[page:.w w] من هذا
  168. كواترنيون.
  169. </p>
  170. <h3>
  171. [method:this setFromAxisAngle]( [param:Vector3 axis], [param:Float angle] )
  172. </h3>
  173. <p>
  174. يضع هذا الكواترنيون من التدوير المحدد بـ[page:Vector3 axis] و
  175. [page:Float angle].<br />
  176. تم تكييفه من الطريقة
  177. [link:http://www.euclideanspace.com/maths/geometry/rotations/conversions/angleToQuaternion/index.html هنا].<br />
  178. يفترض أن يكون `Axis` معتدلًا ، `angle` بالراديان.
  179. </p>
  180. <h3>[method:this setFromEuler]( [param:Euler euler] )</h3>
  181. <p>
  182. يضع هذا الكواترنيون من التدوير المحدد بزاوية[page:Euler].
  183. </p>
  184. <h3>[method:this setFromRotationMatrix]( [param:Matrix4 m] )</h3>
  185. <p>
  186. [page:Matrix4 m] - a[page:Matrix4] من الذي العلوي 3x3 من المصفوفة هو
  187. مصفوفة دوران نقية
  188. (أي غير متساوية القياس).<br />
  189. يضع هذا الكواترنيون من مكون التدوير لـ[page:Matrix4 m].<br />
  190. تم تكييفه من الطريقة
  191. [link:http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToQuaternion/index.html هنا].
  192. </p>
  193. <h3>
  194. [method:this setFromUnitVectors]( [param:Vector3 vFrom], [param:Vector3 vTo] )
  195. </h3>
  196. <p>
  197. يضع هذا الكواترنيون على التدوير المطلوب لتدوير متجه الاتجاه
  198. [page:Vector3 vFrom] إلى متجه الاتجاه[page:Vector3 vTo].<br />
  199. تم تكييفه من الطريقة
  200. [link:http://lolengine.net/blog/2013/09/18/beautiful-maths-quaternion-from-vectors هنا].<br />
  201. يفترض أن يكون[page:Vector3 vFrom] و[page:Vector3 vTo] معتدلًا.
  202. </p>
  203. <h3>
  204. [method:Array toArray]( [param:Array array], [param:Integer offset] )
  205. </h3>
  206. <p>
  207. [page:Array array] - مصفوفة اختيارية لتخزين الكواترنيون. إذا لم يتم
  208. محدد ، سيتم إنشاء مصفوفة جديدة. <br />
  209. [page:Integer offset] - (اختياري) إذا تم تحديده ، فسيتم نسخ
  210. في هذه[page:Array].<br /><br />
  211. يعود بالعناصر العددية لهذا الكواترنيون في مصفوفة بتنسيق
  212. [x، y، z، w].
  213. </p>
  214. <h3>[method:Array toJSON]()</h3>
  215. <p>
  216. هذه الطرق تحدد نتيجة التسلسل لـ[name]. يعود
  217. العناصر العددية لهذا الكواترنيون في مصفوفة بتنسيق [x، y، z، w].
  218. </p>
  219. <h3>
  220. [method:this fromBufferAttribute]( [param:BufferAttribute attribute], [param:Integer index] )
  221. </h3>
  222. <p>
  223. [page:BufferAttribute attribute] - السمة المصدر. <br />
  224. [page:Integer index] - فهرس في السمة. <br /><br />
  225. يضع خصائص [page:.x x] ،[page:.y y] ،[page:.z z] ،[page:.w w] من هذا
  226. كواترنيون من[page:BufferAttribute attribute].
  227. </p>
  228. <h2>طرق ثابتة (Static Methods)</h2>
  229. <h3>
  230. [method:undefined slerpFlat]( [param:Array dst], [param:Integer dstOffset],
  231. [param:Array src0], [param:Integer srcOffset0], [param:Array src1],
  232. [param:Integer srcOffset1], [param:Float t] )
  233. </h3>
  234. <p>
  235. [page:Array dst] - مصفوفة الإخراج. <br />
  236. [page:Integer dstOffset] - إزاحة في مصفوفة الإخراج. <br />
  237. [page:Array src0] - مصفوفة المصدر للكواترنيون البدائي. <br />
  238. [page:Integer srcOffset0] - إزاحة في مصفوفة `src0`. <br />
  239. [page:Array src1] - مصفوفة المصدر للكواترنيون المستهدف. <br />
  240. [page:Integer srcOffset1] - إزاحة في مصفوفة `src1`. <br />
  241. [page:Float t] - عامل التداخل المعتدل (بين 0 و 1). <br /><br />
  242. تفترض هذه التطبيقات SLERP أن بيانات الكواترنيون يتم إدارتها في
  243. مصفوفات مسطحة.
  244. </p>
  245. <h3>
  246. [method:Array multiplyQuaternionsFlat]( [param:Array dst], [param:Integer dstOffset],
  247. [param:Array src0], [param:Integer srcOffset0], [param:Array src1], [param:Integer srcOffset1] )
  248. </h3>
  249. <p>
  250. [page:Array dst] - مصفوفة الإخراج. <br />
  251. [page:Integer dstOffset] - إزاحة في مصفوفة الإخراج. <br />
  252. [page:Array src0] - مصفوفة المصدر للكواترنيون البدائي. <br />
  253. [page:Integer srcOffset0] - إزاحة في مصفوفة `src0`. <br />
  254. [page:Array src1] - مصفوفة المصدر للكواترنيون المستهدف. <br />
  255. [page:Integer srcOffset1] - إزاحة في مصفوفة `src1`. <br /><br />
  256. تفترض هذه التطبيقات التعددية أن بيانات الكواترنيون يتم إدارتها
  257. في مصفوفات مسطحة.
  258. </p>
  259. <!-- Note: Do not add non-static methods to the bottom of this page. Put them above the <h2>Static Methods</h2> -->
  260. <h2>المصدر (Source)</h2>
  261. <p>
  262. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  263. </p>
  264. </body>
  265. </html>