Matrix2.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!DOCTYPE html>
  2. <html lang="zh">
  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. <h1>二维矩阵([name])</h1>
  11. <p class="desc">
  12. 一个表示 2x2 矩阵 [link:https://en.wikipedia.org/wiki/Matrix_(mathematics) matrix] 的类。
  13. </p>
  14. <h2>代码示例</h2>
  15. <code>
  16. const m = new Matrix2();
  17. </code>
  18. <h2>注意行优先列优先的顺序。</h2>
  19. <p>
  20. 构造函数和 [page:set]() 方法参数采用行优先[link:https://en.wikipedia.org/wiki/Row-_and_column-major_order#Column-major_order row-major],
  21. 而它们在内部是用列优先[link:https://en.wikipedia.org/wiki/Row-_and_column-major_order column-major]顺序存储在 [page:.elements elements] 数组当中。<br /><br />
  22. 这意味着
  23. <code>
  24. m.set( 11, 12,
  25. 21, 22 );
  26. </code>
  27. 元素数组[page:.elements elements]将存储为:
  28. <code>
  29. m.elements = [ 11, 21,
  30. 12, 22 ];
  31. </code>
  32. 在内部,所有的计算都是使用列优先顺序进行的。然而,由于实际的排序在数学上没有什么不同,
  33. 而且大多数人习惯于以行优先顺序考虑矩阵,所以three.js文档以行为主的顺序显示矩阵。
  34. 请记住,如果您正在阅读源代码,您必须对这里列出的任何矩阵进行转置[link:https://en.wikipedia.org/wiki/Transpose transpose],以理解计算。
  35. </p>
  36. <h2>构造器(Constructor)</h2>
  37. <h3>[name]( [param:Number n11], [param:Number n12],
  38. [param:Number n21], [param:Number n22] )</h3>
  39. <p>
  40. 根据给定的参数,按行优先顺序创建一个 2x2 矩阵。如果没有提供参数,构造函数会将 [name] 初始化为 2x2 单位矩阵([link:https://en.wikipedia.org/wiki/Identity_matrix identity matrix])。
  41. </p>
  42. <h2>属性(Properties)</h2>
  43. <h3>[property:Array elements]</h3>
  44. <p>
  45. 矩阵列优先[link:https://en.wikipedia.org/wiki/Row-_and_column-major_order column-major]列表。
  46. </p>
  47. <h2>方法(Methods)</h2>
  48. <h3>
  49. [method:this fromArray]( [param:Array array], [param:Integer offset] )
  50. </h3>
  51. <p>
  52. [page:Array array] - 用来存储设置元素数据的数组<br />
  53. [page:Integer offset] - (optional) 数组的偏移量,默认值为 0。<br /><br />
  54. 使用基于列优先格式[link:https://en.wikipedia.org/wiki/Row-_and_column-major_order#Column-major_order column-major]的数组来设置该矩阵。
  55. </p>
  56. <h3>[method:this identity]()</h3>
  57. <p>
  58. 将此矩阵重置为 2x2 单位矩阵:
  59. </p>
  60. <math display="block">
  61. <mrow>
  62. <mo>[</mo>
  63. <mtable>
  64. <mtr>
  65. <mtd><mn>1</mn></mtd>
  66. <mtd><mn>0</mn></mtd>
  67. </mtr>
  68. <mtr>
  69. <mtd><mn>0</mn></mtd>
  70. <mtd><mn>1</mn></mtd>
  71. </mtr>
  72. </mtable>
  73. <mo>]</mo>
  74. </mrow>
  75. </math>
  76. <h3>
  77. [method:this set]( [param:Float n11], [param:Float n12], [param:Float n21], [param:Float n22] )
  78. </h3>
  79. <p>
  80. 使用行优先 [link:https://en.wikipedia.org/wiki/Row-_and_column-major_order row-major] 的格式来设置该矩阵:
  81. </p>
  82. <math display="block">
  83. <mrow>
  84. <mo>[</mo>
  85. <mtable>
  86. <mtr>
  87. <mtd><mi>n11</mi></mtd>
  88. <mtd><mi>n12</mi></mtd>
  89. </mtr>
  90. <mtr>
  91. <mtd><mi>n21</mi></mtd>
  92. <mtd><mi>n22</mi></mtd>
  93. </mtr>
  94. </mtable>
  95. <mo>]</mo>
  96. </mrow>
  97. </math>
  98. <h2>源码(Source)</h2>
  99. <p>
  100. [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
  101. </p>
  102. </body>
  103. </html>
粤ICP备19079148号