Matrix4.js 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. * @author supereggbert / http://www.paulbrunt.co.uk/
  4. * @author philogb / http://blog.thejit.org/
  5. * @author jordi_ros / http://plattsoft.com
  6. * @author D1plo1d / http://github.com/D1plo1d
  7. * @author alteredq / http://alteredqualia.com/
  8. * @author mikael emtinger / http://gomo.se/
  9. * @author timknip / http://www.floorplanner.com/
  10. * @author bhouston / http://exocortex.com
  11. */
  12. THREE.Matrix4 = function ( n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44 ) {
  13. this.elements = new Float32Array( 16 );
  14. this.set(
  15. ( n11 !== undefined ) ? n11 : 1, n12 || 0, n13 || 0, n14 || 0,
  16. n21 || 0, ( n22 !== undefined ) ? n22 : 1, n23 || 0, n24 || 0,
  17. n31 || 0, n32 || 0, ( n33 !== undefined ) ? n33 : 1, n34 || 0,
  18. n41 || 0, n42 || 0, n43 || 0, ( n44 !== undefined ) ? n44 : 1
  19. );
  20. };
  21. THREE.Matrix4.prototype = {
  22. constructor: THREE.Matrix4,
  23. set: function ( n11, n12, n13, n14, n21, n22, n23, n24, n31, n32, n33, n34, n41, n42, n43, n44 ) {
  24. var te = this.elements;
  25. te[0] = n11; te[4] = n12; te[8] = n13; te[12] = n14;
  26. te[1] = n21; te[5] = n22; te[9] = n23; te[13] = n24;
  27. te[2] = n31; te[6] = n32; te[10] = n33; te[14] = n34;
  28. te[3] = n41; te[7] = n42; te[11] = n43; te[15] = n44;
  29. return this;
  30. },
  31. identity: function () {
  32. this.set(
  33. 1, 0, 0, 0,
  34. 0, 1, 0, 0,
  35. 0, 0, 1, 0,
  36. 0, 0, 0, 1
  37. );
  38. return this;
  39. },
  40. copy: function ( m ) {
  41. var me = m.elements;
  42. this.set(
  43. me[0], me[4], me[8], me[12],
  44. me[1], me[5], me[9], me[13],
  45. me[2], me[6], me[10], me[14],
  46. me[3], me[7], me[11], me[15]
  47. );
  48. return this;
  49. },
  50. setRotationFromEuler: function ( v, order ) {
  51. var te = this.elements;
  52. var x = v.x, y = v.y, z = v.z;
  53. var a = Math.cos( x ), b = Math.sin( x );
  54. var c = Math.cos( y ), d = Math.sin( y );
  55. var e = Math.cos( z ), f = Math.sin( z );
  56. if ( order === undefined || order === 'XYZ' ) {
  57. var ae = a * e, af = a * f, be = b * e, bf = b * f;
  58. te[0] = c * e;
  59. te[4] = - c * f;
  60. te[8] = d;
  61. te[1] = af + be * d;
  62. te[5] = ae - bf * d;
  63. te[9] = - b * c;
  64. te[2] = bf - ae * d;
  65. te[6] = be + af * d;
  66. te[10] = a * c;
  67. } else if ( order === 'YXZ' ) {
  68. var ce = c * e, cf = c * f, de = d * e, df = d * f;
  69. te[0] = ce + df * b;
  70. te[4] = de * b - cf;
  71. te[8] = a * d;
  72. te[1] = a * f;
  73. te[5] = a * e;
  74. te[9] = - b;
  75. te[2] = cf * b - de;
  76. te[6] = df + ce * b;
  77. te[10] = a * c;
  78. } else if ( order === 'ZXY' ) {
  79. var ce = c * e, cf = c * f, de = d * e, df = d * f;
  80. te[0] = ce - df * b;
  81. te[4] = - a * f;
  82. te[8] = de + cf * b;
  83. te[1] = cf + de * b;
  84. te[5] = a * e;
  85. te[9] = df - ce * b;
  86. te[2] = - a * d;
  87. te[6] = b;
  88. te[10] = a * c;
  89. } else if ( order === 'ZYX' ) {
  90. var ae = a * e, af = a * f, be = b * e, bf = b * f;
  91. te[0] = c * e;
  92. te[4] = be * d - af;
  93. te[8] = ae * d + bf;
  94. te[1] = c * f;
  95. te[5] = bf * d + ae;
  96. te[9] = af * d - be;
  97. te[2] = - d;
  98. te[6] = b * c;
  99. te[10] = a * c;
  100. } else if ( order === 'YZX' ) {
  101. var ac = a * c, ad = a * d, bc = b * c, bd = b * d;
  102. te[0] = c * e;
  103. te[4] = bd - ac * f;
  104. te[8] = bc * f + ad;
  105. te[1] = f;
  106. te[5] = a * e;
  107. te[9] = - b * e;
  108. te[2] = - d * e;
  109. te[6] = ad * f + bc;
  110. te[10] = ac - bd * f;
  111. } else if ( order === 'XZY' ) {
  112. var ac = a * c, ad = a * d, bc = b * c, bd = b * d;
  113. te[0] = c * e;
  114. te[4] = - f;
  115. te[8] = d * e;
  116. te[1] = ac * f + bd;
  117. te[5] = a * e;
  118. te[9] = ad * f - bc;
  119. te[2] = bc * f - ad;
  120. te[6] = b * e;
  121. te[10] = bd * f + ac;
  122. }
  123. return this;
  124. },
  125. setRotationFromQuaternion: function ( q ) {
  126. var te = this.elements;
  127. var x = q.x, y = q.y, z = q.z, w = q.w;
  128. var x2 = x + x, y2 = y + y, z2 = z + z;
  129. var xx = x * x2, xy = x * y2, xz = x * z2;
  130. var yy = y * y2, yz = y * z2, zz = z * z2;
  131. var wx = w * x2, wy = w * y2, wz = w * z2;
  132. te[0] = 1 - ( yy + zz );
  133. te[4] = xy - wz;
  134. te[8] = xz + wy;
  135. te[1] = xy + wz;
  136. te[5] = 1 - ( xx + zz );
  137. te[9] = yz - wx;
  138. te[2] = xz - wy;
  139. te[6] = yz + wx;
  140. te[10] = 1 - ( xx + yy );
  141. return this;
  142. },
  143. lookAt: function ( eye, target, up ) {
  144. var te = this.elements;
  145. var x = THREE.Matrix4.__v1;
  146. var y = THREE.Matrix4.__v2;
  147. var z = THREE.Matrix4.__v3;
  148. z.sub( eye, target ).normalize();
  149. if ( z.length() === 0 ) {
  150. z.z = 1;
  151. }
  152. x.cross( up, z ).normalize();
  153. if ( x.length() === 0 ) {
  154. z.x += 0.0001;
  155. x.cross( up, z ).normalize();
  156. }
  157. y.cross( z, x );
  158. te[0] = x.x; te[4] = y.x; te[8] = z.x;
  159. te[1] = x.y; te[5] = y.y; te[9] = z.y;
  160. te[2] = x.z; te[6] = y.z; te[10] = z.z;
  161. return this;
  162. },
  163. multiply: function ( a, b ) {
  164. var ae = a.elements;
  165. var be = b.elements;
  166. var te = this.elements;
  167. var a11 = ae[0], a12 = ae[4], a13 = ae[8], a14 = ae[12];
  168. var a21 = ae[1], a22 = ae[5], a23 = ae[9], a24 = ae[13];
  169. var a31 = ae[2], a32 = ae[6], a33 = ae[10], a34 = ae[14];
  170. var a41 = ae[3], a42 = ae[7], a43 = ae[11], a44 = ae[15];
  171. var b11 = be[0], b12 = be[4], b13 = be[8], b14 = be[12];
  172. var b21 = be[1], b22 = be[5], b23 = be[9], b24 = be[13];
  173. var b31 = be[2], b32 = be[6], b33 = be[10], b34 = be[14];
  174. var b41 = be[3], b42 = be[7], b43 = be[11], b44 = be[15];
  175. te[0] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41;
  176. te[4] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42;
  177. te[8] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43;
  178. te[12] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44;
  179. te[1] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41;
  180. te[5] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42;
  181. te[9] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43;
  182. te[13] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44;
  183. te[2] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41;
  184. te[6] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42;
  185. te[10] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43;
  186. te[14] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44;
  187. te[3] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41;
  188. te[7] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42;
  189. te[11] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43;
  190. te[15] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44;
  191. return this;
  192. },
  193. multiplySelf: function ( m ) {
  194. return this.multiply( this, m );
  195. },
  196. multiplyToArray: function ( a, b, r ) {
  197. var te = this.elements;
  198. this.multiply( a, b );
  199. r[ 0 ] = te[0]; r[ 1 ] = te[1]; r[ 2 ] = te[2]; r[ 3 ] = te[3];
  200. r[ 4 ] = te[4]; r[ 5 ] = te[5]; r[ 6 ] = te[6]; r[ 7 ] = te[7];
  201. r[ 8 ] = te[8]; r[ 9 ] = te[9]; r[ 10 ] = te[10]; r[ 11 ] = te[11];
  202. r[ 12 ] = te[12]; r[ 13 ] = te[13]; r[ 14 ] = te[14]; r[ 15 ] = te[15];
  203. return this;
  204. },
  205. multiplyScalar: function ( s ) {
  206. var te = this.elements;
  207. te[0] *= s; te[4] *= s; te[8] *= s; te[12] *= s;
  208. te[1] *= s; te[5] *= s; te[9] *= s; te[13] *= s;
  209. te[2] *= s; te[6] *= s; te[10] *= s; te[14] *= s;
  210. te[3] *= s; te[7] *= s; te[11] *= s; te[15] *= s;
  211. return this;
  212. },
  213. multiplyVector3: function ( v ) {
  214. var te = this.elements;
  215. var vx = v.x, vy = v.y, vz = v.z;
  216. var d = 1 / ( te[3] * vx + te[7] * vy + te[11] * vz + te[15] );
  217. v.x = ( te[0] * vx + te[4] * vy + te[8] * vz + te[12] ) * d;
  218. v.y = ( te[1] * vx + te[5] * vy + te[9] * vz + te[13] ) * d;
  219. v.z = ( te[2] * vx + te[6] * vy + te[10] * vz + te[14] ) * d;
  220. return v;
  221. },
  222. multiplyVector4: function ( v ) {
  223. var te = this.elements;
  224. var vx = v.x, vy = v.y, vz = v.z, vw = v.w;
  225. v.x = te[0] * vx + te[4] * vy + te[8] * vz + te[12] * vw;
  226. v.y = te[1] * vx + te[5] * vy + te[9] * vz + te[13] * vw;
  227. v.z = te[2] * vx + te[6] * vy + te[10] * vz + te[14] * vw;
  228. v.w = te[3] * vx + te[7] * vy + te[11] * vz + te[15] * vw;
  229. return v;
  230. },
  231. multiplyVector3Array: function ( a ) {
  232. var tmp = THREE.Matrix4.__v1;
  233. for ( var i = 0, il = a.length; i < il; i += 3 ) {
  234. tmp.x = a[ i ];
  235. tmp.y = a[ i + 1 ];
  236. tmp.z = a[ i + 2 ];
  237. this.multiplyVector3( tmp );
  238. a[ i ] = tmp.x;
  239. a[ i + 1 ] = tmp.y;
  240. a[ i + 2 ] = tmp.z;
  241. }
  242. return a;
  243. },
  244. rotateAxis: function ( v ) {
  245. var te = this.elements;
  246. var vx = v.x, vy = v.y, vz = v.z;
  247. v.x = vx * te[0] + vy * te[4] + vz * te[8];
  248. v.y = vx * te[1] + vy * te[5] + vz * te[9];
  249. v.z = vx * te[2] + vy * te[6] + vz * te[10];
  250. v.normalize();
  251. return v;
  252. },
  253. crossVector: function ( a ) {
  254. var te = this.elements;
  255. var v = new THREE.Vector4();
  256. v.x = te[0] * a.x + te[4] * a.y + te[8] * a.z + te[12] * a.w;
  257. v.y = te[1] * a.x + te[5] * a.y + te[9] * a.z + te[13] * a.w;
  258. v.z = te[2] * a.x + te[6] * a.y + te[10] * a.z + te[14] * a.w;
  259. v.w = ( a.w ) ? te[3] * a.x + te[7] * a.y + te[11] * a.z + te[15] * a.w : 1;
  260. return v;
  261. },
  262. determinant: function () {
  263. var te = this.elements;
  264. var n11 = te[0], n12 = te[4], n13 = te[8], n14 = te[12];
  265. var n21 = te[1], n22 = te[5], n23 = te[9], n24 = te[13];
  266. var n31 = te[2], n32 = te[6], n33 = te[10], n34 = te[14];
  267. var n41 = te[3], n42 = te[7], n43 = te[11], n44 = te[15];
  268. //TODO: make this more efficient
  269. //( based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm )
  270. return (
  271. n41 * (
  272. +n14 * n23 * n32
  273. -n13 * n24 * n32
  274. -n14 * n22 * n33
  275. +n12 * n24 * n33
  276. +n13 * n22 * n34
  277. -n12 * n23 * n34
  278. ) +
  279. n42 * (
  280. +n11 * n23 * n34
  281. -n11 * n24 * n33
  282. +n14 * n21 * n33
  283. -n13 * n21 * n34
  284. +n13 * n24 * n31
  285. -n14 * n23 * n31
  286. ) +
  287. n43 * (
  288. +n11 * n24 * n32
  289. -n11 * n22 * n34
  290. -n14 * n21 * n32
  291. +n12 * n21 * n34
  292. +n14 * n22 * n31
  293. -n12 * n24 * n31
  294. ) +
  295. n44 * (
  296. -n13 * n22 * n31
  297. -n11 * n23 * n32
  298. +n11 * n22 * n33
  299. +n13 * n21 * n32
  300. -n12 * n21 * n33
  301. +n12 * n23 * n31
  302. )
  303. );
  304. },
  305. transpose: function () {
  306. var te = this.elements;
  307. var tmp;
  308. tmp = te[1]; te[1] = te[4]; te[4] = tmp;
  309. tmp = te[2]; te[2] = te[8]; te[8] = tmp;
  310. tmp = te[6]; te[6] = te[9]; te[9] = tmp;
  311. tmp = te[3]; te[3] = te[12]; te[12] = tmp;
  312. tmp = te[7]; te[7] = te[13]; te[13] = tmp;
  313. tmp = te[11]; te[11] = te[14]; te[14] = tmp;
  314. return this;
  315. },
  316. flattenToArray: function ( flat ) {
  317. var te = this.elements;
  318. flat[ 0 ] = te[0]; flat[ 1 ] = te[1]; flat[ 2 ] = te[2]; flat[ 3 ] = te[3];
  319. flat[ 4 ] = te[4]; flat[ 5 ] = te[5]; flat[ 6 ] = te[6]; flat[ 7 ] = te[7];
  320. flat[ 8 ] = te[8]; flat[ 9 ] = te[9]; flat[ 10 ] = te[10]; flat[ 11 ] = te[11];
  321. flat[ 12 ] = te[12]; flat[ 13 ] = te[13]; flat[ 14 ] = te[14]; flat[ 15 ] = te[15];
  322. return flat;
  323. },
  324. flattenToArrayOffset: function( flat, offset ) {
  325. var te = this.elements;
  326. flat[ offset ] = te[0];
  327. flat[ offset + 1 ] = te[1];
  328. flat[ offset + 2 ] = te[2];
  329. flat[ offset + 3 ] = te[3];
  330. flat[ offset + 4 ] = te[4];
  331. flat[ offset + 5 ] = te[5];
  332. flat[ offset + 6 ] = te[6];
  333. flat[ offset + 7 ] = te[7];
  334. flat[ offset + 8 ] = te[8];
  335. flat[ offset + 9 ] = te[9];
  336. flat[ offset + 10 ] = te[10];
  337. flat[ offset + 11 ] = te[11];
  338. flat[ offset + 12 ] = te[12];
  339. flat[ offset + 13 ] = te[13];
  340. flat[ offset + 14 ] = te[14];
  341. flat[ offset + 15 ] = te[15];
  342. return flat;
  343. },
  344. getPosition: function () {
  345. var te = this.elements;
  346. return THREE.Matrix4.__v1.set( te[12], te[13], te[14] );
  347. },
  348. setPosition: function ( v ) {
  349. var te = this.elements;
  350. te[12] = v.x;
  351. te[13] = v.y;
  352. te[14] = v.z;
  353. return this;
  354. },
  355. getColumnX: function () {
  356. var te = this.elements;
  357. return THREE.Matrix4.__v1.set( te[0], te[1], te[2] );
  358. },
  359. getColumnY: function () {
  360. var te = this.elements;
  361. return THREE.Matrix4.__v1.set( te[4], te[5], te[6] );
  362. },
  363. getColumnZ: function() {
  364. var te = this.elements;
  365. return THREE.Matrix4.__v1.set( te[8], te[9], te[10] );
  366. },
  367. getInverse: function ( m, throwOnInvertible ) {
  368. // based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm
  369. var te = this.elements;
  370. var me = m.elements;
  371. var n11 = me[0], n12 = me[4], n13 = me[8], n14 = me[12];
  372. var n21 = me[1], n22 = me[5], n23 = me[9], n24 = me[13];
  373. var n31 = me[2], n32 = me[6], n33 = me[10], n34 = me[14];
  374. var n41 = me[3], n42 = me[7], n43 = me[11], n44 = me[15];
  375. te[0] = n23*n34*n42 - n24*n33*n42 + n24*n32*n43 - n22*n34*n43 - n23*n32*n44 + n22*n33*n44;
  376. te[4] = n14*n33*n42 - n13*n34*n42 - n14*n32*n43 + n12*n34*n43 + n13*n32*n44 - n12*n33*n44;
  377. te[8] = n13*n24*n42 - n14*n23*n42 + n14*n22*n43 - n12*n24*n43 - n13*n22*n44 + n12*n23*n44;
  378. te[12] = n14*n23*n32 - n13*n24*n32 - n14*n22*n33 + n12*n24*n33 + n13*n22*n34 - n12*n23*n34;
  379. te[1] = n24*n33*n41 - n23*n34*n41 - n24*n31*n43 + n21*n34*n43 + n23*n31*n44 - n21*n33*n44;
  380. te[5] = n13*n34*n41 - n14*n33*n41 + n14*n31*n43 - n11*n34*n43 - n13*n31*n44 + n11*n33*n44;
  381. te[9] = n14*n23*n41 - n13*n24*n41 - n14*n21*n43 + n11*n24*n43 + n13*n21*n44 - n11*n23*n44;
  382. te[13] = n13*n24*n31 - n14*n23*n31 + n14*n21*n33 - n11*n24*n33 - n13*n21*n34 + n11*n23*n34;
  383. te[2] = n22*n34*n41 - n24*n32*n41 + n24*n31*n42 - n21*n34*n42 - n22*n31*n44 + n21*n32*n44;
  384. te[6] = n14*n32*n41 - n12*n34*n41 - n14*n31*n42 + n11*n34*n42 + n12*n31*n44 - n11*n32*n44;
  385. te[10] = n12*n24*n41 - n14*n22*n41 + n14*n21*n42 - n11*n24*n42 - n12*n21*n44 + n11*n22*n44;
  386. te[14] = n14*n22*n31 - n12*n24*n31 - n14*n21*n32 + n11*n24*n32 + n12*n21*n34 - n11*n22*n34;
  387. te[3] = n23*n32*n41 - n22*n33*n41 - n23*n31*n42 + n21*n33*n42 + n22*n31*n43 - n21*n32*n43;
  388. te[7] = n12*n33*n41 - n13*n32*n41 + n13*n31*n42 - n11*n33*n42 - n12*n31*n43 + n11*n32*n43;
  389. te[11] = n13*n22*n41 - n12*n23*n41 - n13*n21*n42 + n11*n23*n42 + n12*n21*n43 - n11*n22*n43;
  390. te[15] = n12*n23*n31 - n13*n22*n31 + n13*n21*n32 - n11*n23*n32 - n12*n21*n33 + n11*n22*n33;
  391. var det = me[ 0 ] * te[ 0 ] + me[ 1 ] * te[ 4 ] + me[ 2 ] * te[ 8 ] + me[ 3 ] * te[ 12 ];
  392. if( det == 0 ) {
  393. var msg = "Matrix4.getInverse(): can't invert matrix, determinant is 0";
  394. if( throwOnInvertible || false ) {
  395. throw new Error( msg );
  396. }
  397. else {
  398. console.warn( msg );
  399. }
  400. this.identity();
  401. return this;
  402. }
  403. this.multiplyScalar( 1 / det );
  404. return this;
  405. },
  406. compose: function ( translation, rotation, scale ) {
  407. var te = this.elements;
  408. var mRotation = THREE.Matrix4.__m1;
  409. var mScale = THREE.Matrix4.__m2;
  410. mRotation.identity();
  411. mRotation.setRotationFromQuaternion( rotation );
  412. mScale.makeScale( scale );
  413. this.multiply( mRotation, mScale );
  414. te[12] = translation.x;
  415. te[13] = translation.y;
  416. te[14] = translation.z;
  417. return this;
  418. },
  419. decompose: function ( translation, rotation, scale ) {
  420. var te = this.elements;
  421. // grab the axis vectors
  422. var x = THREE.Matrix4.__v1;
  423. var y = THREE.Matrix4.__v2;
  424. var z = THREE.Matrix4.__v3;
  425. x.set( te[0], te[1], te[2] );
  426. y.set( te[4], te[5], te[6] );
  427. z.set( te[8], te[9], te[10] );
  428. translation = ( translation instanceof THREE.Vector3 ) ? translation : new THREE.Vector3();
  429. rotation = ( rotation instanceof THREE.Quaternion ) ? rotation : new THREE.Quaternion();
  430. scale = ( scale instanceof THREE.Vector3 ) ? scale : new THREE.Vector3();
  431. scale.x = x.length();
  432. scale.y = y.length();
  433. scale.z = z.length();
  434. translation.x = te[12];
  435. translation.y = te[13];
  436. translation.z = te[14];
  437. // scale the rotation part
  438. var matrix = THREE.Matrix4.__m1;
  439. matrix.copy( this );
  440. matrix.elements[0] /= scale.x;
  441. matrix.elements[1] /= scale.x;
  442. matrix.elements[2] /= scale.x;
  443. matrix.elements[4] /= scale.y;
  444. matrix.elements[5] /= scale.y;
  445. matrix.elements[6] /= scale.y;
  446. matrix.elements[8] /= scale.z;
  447. matrix.elements[9] /= scale.z;
  448. matrix.elements[10] /= scale.z;
  449. rotation.setFromRotationMatrix( matrix );
  450. return [ translation, rotation, scale ];
  451. },
  452. extractPosition: function ( m ) {
  453. var te = this.elements;
  454. var me = m.elements;
  455. te[12] = me[12];
  456. te[13] = me[13];
  457. te[14] = me[14];
  458. return this;
  459. },
  460. extractRotation: function ( m ) {
  461. var te = this.elements;
  462. var me = m.elements;
  463. var vector = THREE.Matrix4.__v1;
  464. var scaleX = 1 / vector.set( me[0], me[1], me[2] ).length();
  465. var scaleY = 1 / vector.set( me[4], me[5], me[6] ).length();
  466. var scaleZ = 1 / vector.set( me[8], me[9], me[10] ).length();
  467. te[0] = me[0] * scaleX;
  468. te[1] = me[1] * scaleX;
  469. te[2] = me[2] * scaleX;
  470. te[4] = me[4] * scaleY;
  471. te[5] = me[5] * scaleY;
  472. te[6] = me[6] * scaleY;
  473. te[8] = me[8] * scaleZ;
  474. te[9] = me[9] * scaleZ;
  475. te[10] = me[10] * scaleZ;
  476. return this;
  477. },
  478. //
  479. translate: function ( v ) {
  480. var te = this.elements;
  481. var x = v.x, y = v.y, z = v.z;
  482. te[12] = te[0] * x + te[4] * y + te[8] * z + te[12];
  483. te[13] = te[1] * x + te[5] * y + te[9] * z + te[13];
  484. te[14] = te[2] * x + te[6] * y + te[10] * z + te[14];
  485. te[15] = te[3] * x + te[7] * y + te[11] * z + te[15];
  486. return this;
  487. },
  488. rotateX: function ( angle ) {
  489. var te = this.elements;
  490. var m12 = te[4];
  491. var m22 = te[5];
  492. var m32 = te[6];
  493. var m42 = te[7];
  494. var m13 = te[8];
  495. var m23 = te[9];
  496. var m33 = te[10];
  497. var m43 = te[11];
  498. var c = Math.cos( angle );
  499. var s = Math.sin( angle );
  500. te[4] = c * m12 + s * m13;
  501. te[5] = c * m22 + s * m23;
  502. te[6] = c * m32 + s * m33;
  503. te[7] = c * m42 + s * m43;
  504. te[8] = c * m13 - s * m12;
  505. te[9] = c * m23 - s * m22;
  506. te[10] = c * m33 - s * m32;
  507. te[11] = c * m43 - s * m42;
  508. return this;
  509. },
  510. rotateY: function ( angle ) {
  511. var te = this.elements;
  512. var m11 = te[0];
  513. var m21 = te[1];
  514. var m31 = te[2];
  515. var m41 = te[3];
  516. var m13 = te[8];
  517. var m23 = te[9];
  518. var m33 = te[10];
  519. var m43 = te[11];
  520. var c = Math.cos( angle );
  521. var s = Math.sin( angle );
  522. te[0] = c * m11 - s * m13;
  523. te[1] = c * m21 - s * m23;
  524. te[2] = c * m31 - s * m33;
  525. te[3] = c * m41 - s * m43;
  526. te[8] = c * m13 + s * m11;
  527. te[9] = c * m23 + s * m21;
  528. te[10] = c * m33 + s * m31;
  529. te[11] = c * m43 + s * m41;
  530. return this;
  531. },
  532. rotateZ: function ( angle ) {
  533. var te = this.elements;
  534. var m11 = te[0];
  535. var m21 = te[1];
  536. var m31 = te[2];
  537. var m41 = te[3];
  538. var m12 = te[4];
  539. var m22 = te[5];
  540. var m32 = te[6];
  541. var m42 = te[7];
  542. var c = Math.cos( angle );
  543. var s = Math.sin( angle );
  544. te[0] = c * m11 + s * m12;
  545. te[1] = c * m21 + s * m22;
  546. te[2] = c * m31 + s * m32;
  547. te[3] = c * m41 + s * m42;
  548. te[4] = c * m12 - s * m11;
  549. te[5] = c * m22 - s * m21;
  550. te[6] = c * m32 - s * m31;
  551. te[7] = c * m42 - s * m41;
  552. return this;
  553. },
  554. rotateByAxis: function ( axis, angle ) {
  555. var te = this.elements;
  556. // optimize by checking axis
  557. if ( axis.x === 1 && axis.y === 0 && axis.z === 0 ) {
  558. return this.rotateX( angle );
  559. } else if ( axis.x === 0 && axis.y === 1 && axis.z === 0 ) {
  560. return this.rotateY( angle );
  561. } else if ( axis.x === 0 && axis.y === 0 && axis.z === 1 ) {
  562. return this.rotateZ( angle );
  563. }
  564. var x = axis.x, y = axis.y, z = axis.z;
  565. var n = Math.sqrt(x * x + y * y + z * z);
  566. x /= n;
  567. y /= n;
  568. z /= n;
  569. var xx = x * x, yy = y * y, zz = z * z;
  570. var c = Math.cos( angle );
  571. var s = Math.sin( angle );
  572. var oneMinusCosine = 1 - c;
  573. var xy = x * y * oneMinusCosine;
  574. var xz = x * z * oneMinusCosine;
  575. var yz = y * z * oneMinusCosine;
  576. var xs = x * s;
  577. var ys = y * s;
  578. var zs = z * s;
  579. var r11 = xx + (1 - xx) * c;
  580. var r21 = xy + zs;
  581. var r31 = xz - ys;
  582. var r12 = xy - zs;
  583. var r22 = yy + (1 - yy) * c;
  584. var r32 = yz + xs;
  585. var r13 = xz + ys;
  586. var r23 = yz - xs;
  587. var r33 = zz + (1 - zz) * c;
  588. var m11 = te[0], m21 = te[1], m31 = te[2], m41 = te[3];
  589. var m12 = te[4], m22 = te[5], m32 = te[6], m42 = te[7];
  590. var m13 = te[8], m23 = te[9], m33 = te[10], m43 = te[11];
  591. var m14 = te[12], m24 = te[13], m34 = te[14], m44 = te[15];
  592. te[0] = r11 * m11 + r21 * m12 + r31 * m13;
  593. te[1] = r11 * m21 + r21 * m22 + r31 * m23;
  594. te[2] = r11 * m31 + r21 * m32 + r31 * m33;
  595. te[3] = r11 * m41 + r21 * m42 + r31 * m43;
  596. te[4] = r12 * m11 + r22 * m12 + r32 * m13;
  597. te[5] = r12 * m21 + r22 * m22 + r32 * m23;
  598. te[6] = r12 * m31 + r22 * m32 + r32 * m33;
  599. te[7] = r12 * m41 + r22 * m42 + r32 * m43;
  600. te[8] = r13 * m11 + r23 * m12 + r33 * m13;
  601. te[9] = r13 * m21 + r23 * m22 + r33 * m23;
  602. te[10] = r13 * m31 + r23 * m32 + r33 * m33;
  603. te[11] = r13 * m41 + r23 * m42 + r33 * m43;
  604. return this;
  605. },
  606. scale: function ( v ) {
  607. var te = this.elements;
  608. var x = v.x, y = v.y, z = v.z;
  609. te[0] *= x; te[4] *= y; te[8] *= z;
  610. te[1] *= x; te[5] *= y; te[9] *= z;
  611. te[2] *= x; te[6] *= y; te[10] *= z;
  612. te[3] *= x; te[7] *= y; te[11] *= z;
  613. return this;
  614. },
  615. getMaxScaleOnAxis: function () {
  616. var te = this.elements;
  617. var scaleXSq = te[0] * te[0] + te[1] * te[1] + te[2] * te[2];
  618. var scaleYSq = te[4] * te[4] + te[5] * te[5] + te[6] * te[6];
  619. var scaleZSq = te[8] * te[8] + te[9] * te[9] + te[10] * te[10];
  620. return Math.sqrt( Math.max( scaleXSq, Math.max( scaleYSq, scaleZSq ) ) );
  621. },
  622. //
  623. makeTranslation: function ( offset ) {
  624. this.set(
  625. 1, 0, 0, offset.x,
  626. 0, 1, 0, offset.y,
  627. 0, 0, 1, offset.z,
  628. 0, 0, 0, 1
  629. );
  630. return this;
  631. },
  632. makeRotationX: function ( theta ) {
  633. var c = Math.cos( theta ), s = Math.sin( theta );
  634. this.set(
  635. 1, 0, 0, 0,
  636. 0, c, -s, 0,
  637. 0, s, c, 0,
  638. 0, 0, 0, 1
  639. );
  640. return this;
  641. },
  642. makeRotationY: function ( theta ) {
  643. var c = Math.cos( theta ), s = Math.sin( theta );
  644. this.set(
  645. c, 0, s, 0,
  646. 0, 1, 0, 0,
  647. -s, 0, c, 0,
  648. 0, 0, 0, 1
  649. );
  650. return this;
  651. },
  652. makeRotationZ: function ( theta ) {
  653. var c = Math.cos( theta ), s = Math.sin( theta );
  654. this.set(
  655. c, -s, 0, 0,
  656. s, c, 0, 0,
  657. 0, 0, 1, 0,
  658. 0, 0, 0, 1
  659. );
  660. return this;
  661. },
  662. makeRotationAxis: function ( axis, angle ) {
  663. // Based on http://www.gamedev.net/reference/articles/article1199.asp
  664. var c = Math.cos( angle );
  665. var s = Math.sin( angle );
  666. var t = 1 - c;
  667. var x = axis.x, y = axis.y, z = axis.z;
  668. var tx = t * x, ty = t * y;
  669. this.set(
  670. tx * x + c, tx * y - s * z, tx * z + s * y, 0,
  671. tx * y + s * z, ty * y + c, ty * z - s * x, 0,
  672. tx * z - s * y, ty * z + s * x, t * z * z + c, 0,
  673. 0, 0, 0, 1
  674. );
  675. return this;
  676. },
  677. makeScale: function ( factor ) {
  678. this.set(
  679. factor.x, 0, 0, 0,
  680. 0, factor.y, 0, 0,
  681. 0, 0, factor.z, 0,
  682. 0, 0, 0, 1
  683. );
  684. return this;
  685. },
  686. makeFrustum: function ( left, right, bottom, top, near, far ) {
  687. var te = this.elements;
  688. var x = 2 * near / ( right - left );
  689. var y = 2 * near / ( top - bottom );
  690. var a = ( right + left ) / ( right - left );
  691. var b = ( top + bottom ) / ( top - bottom );
  692. var c = - ( far + near ) / ( far - near );
  693. var d = - 2 * far * near / ( far - near );
  694. te[0] = x; te[4] = 0; te[8] = a; te[12] = 0;
  695. te[1] = 0; te[5] = y; te[9] = b; te[13] = 0;
  696. te[2] = 0; te[6] = 0; te[10] = c; te[14] = d;
  697. te[3] = 0; te[7] = 0; te[11] = - 1; te[15] = 0;
  698. return this;
  699. },
  700. makePerspective: function ( fov, aspect, near, far ) {
  701. var ymax = near * Math.tan( THREE.Math.degToRad( fov * 0.5 ) );
  702. var ymin = - ymax;
  703. var xmin = ymin * aspect;
  704. var xmax = ymax * aspect;
  705. return this.makeFrustum( xmin, xmax, ymin, ymax, near, far );
  706. },
  707. makeOrthographic: function ( left, right, top, bottom, near, far ) {
  708. var te = this.elements;
  709. var w = right - left;
  710. var h = top - bottom;
  711. var p = far - near;
  712. var x = ( right + left ) / w;
  713. var y = ( top + bottom ) / h;
  714. var z = ( far + near ) / p;
  715. te[0] = 2 / w; te[4] = 0; te[8] = 0; te[12] = -x;
  716. te[1] = 0; te[5] = 2 / h; te[9] = 0; te[13] = -y;
  717. te[2] = 0; te[6] = 0; te[10] = -2 / p; te[14] = -z;
  718. te[3] = 0; te[7] = 0; te[11] = 0; te[15] = 1;
  719. return this;
  720. },
  721. clone: function () {
  722. var te = this.elements;
  723. return new THREE.Matrix4(
  724. te[0], te[4], te[8], te[12],
  725. te[1], te[5], te[9], te[13],
  726. te[2], te[6], te[10], te[14],
  727. te[3], te[7], te[11], te[15]
  728. );
  729. }
  730. };
  731. THREE.Matrix4.__v1 = new THREE.Vector3();
  732. THREE.Matrix4.__v2 = new THREE.Vector3();
  733. THREE.Matrix4.__v3 = new THREE.Vector3();
  734. THREE.Matrix4.__m1 = new THREE.Matrix4();
  735. THREE.Matrix4.__m2 = new THREE.Matrix4();