UNPKG

odin

Version:

Node.js Canvas/WebGL Javascript Game Framework

4,065 lines (1,169 loc) 71.5 kB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>JSDoc: Class: Mat4</title> <script src="scripts/prettify/prettify.js"> </script> <script src="scripts/prettify/lang-css.js"> </script> <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css"> <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css"> </head> <body> <div id="main"> <h1 class="page-title">Class: Mat4</h1> <section> <header> <h2> Mat4 </h2> </header> <article> <div class="container-overview"> <dt> <h4 class="name" id="Mat4"><span class="type-signature"></span>new Mat4<span class="signature">(Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number, Number)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m11</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m12</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m13</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m14</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m21</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m22</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m23</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m24</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m31</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m32</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m33</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m34</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m41</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m42</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m43</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">m44</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line17">line 17</a> </li></ul></dd> </dl> </dd> </div> <h3 class="subsection-title">Members</h3> <dl> <dt> <h4 class="name" id="this.elements"><span class="type-signature">&lt;static> </span>this.elements<span class="type-signature"></span></h4> </dt> <dd> <dl class="details"> <h5 class="subsection-title">Properties:</h5> <dl> <table class="props"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Float32Array</code></td> <td class="type"> </td> <td class="description last">elements</td> </tr> </tbody> </table></dl> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line44">line 44</a> </li></ul></dd> </dl> </dd> </dl> <h3 class="subsection-title">Methods</h3> <dl> <dt> <h4 class="name" id="clone"><span class="type-signature">&lt;static> </span>clone<span class="signature">()</span><span class="type-signature"></span></h4> </dt> <dd> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line66">line 66</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> Mat4 </div> </dd> <dt> <h4 class="name" id="compose"><span class="type-signature">&lt;static> </span>compose<span class="signature">(Vec3, Vec3, Quat)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Vec3</code></td> <td class="type"> </td> <td class="description last">position</td> </tr> <tr> <td class="name"><code>Vec3</code></td> <td class="type"> </td> <td class="description last">scale</td> </tr> <tr> <td class="name"><code>Quat</code></td> <td class="type"> </td> <td class="description last">rotation</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line658">line 658</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="copy"><span class="type-signature">&lt;static> </span>copy<span class="signature">(Mat4)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Mat4</code></td> <td class="type"> </td> <td class="description last">other</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line83">line 83</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="decompose"><span class="type-signature">&lt;static> </span>decompose<span class="signature">(Vec3, Vec3, Quat)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Vec3</code></td> <td class="type"> </td> <td class="description last">position</td> </tr> <tr> <td class="name"><code>Vec3</code></td> <td class="type"> </td> <td class="description last">scale</td> </tr> <tr> <td class="name"><code>Quat</code></td> <td class="type"> </td> <td class="description last">quaternion</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line714">line 714</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="determinant"><span class="type-signature">&lt;static> </span>determinant<span class="signature">()</span><span class="type-signature"></span></h4> </dt> <dd> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line417">line 417</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="extractPosition"><span class="type-signature">&lt;static> </span>extractPosition<span class="signature">(Mat4)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Mat4</code></td> <td class="type"> </td> <td class="description last">other</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line825">line 825</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="extractRotation"><span class="type-signature">&lt;static> </span>extractRotation<span class="signature">(Mat4)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Mat4</code></td> <td class="type"> </td> <td class="description last">other</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line843">line 843</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="extractRotationScale"><span class="type-signature">&lt;static> </span>extractRotationScale<span class="signature">(Mat4)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Mat4</code></td> <td class="type"> </td> <td class="description last">other</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line881">line 881</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="fromJSON"><span class="type-signature">&lt;static> </span>fromJSON<span class="signature">(Object)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Object</code></td> <td class="type"> </td> <td class="description last">json</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1396">line 1396</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="fromMat2"><span class="type-signature">&lt;static> </span>fromMat2<span class="signature">(Mat2)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Mat2</code></td> <td class="type"> </td> <td class="description last">m</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1253">line 1253</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="fromMat3"><span class="type-signature">&lt;static> </span>fromMat3<span class="signature">(Mat3)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Mat3</code></td> <td class="type"> </td> <td class="description last">m</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1315">line 1315</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="fromMat32"><span class="type-signature">&lt;static> </span>fromMat32<span class="signature">(Mat32)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Mat32</code></td> <td class="type"> </td> <td class="description last">m</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1284">line 1284</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="fromQuat"><span class="type-signature">&lt;static> </span>fromQuat<span class="signature">(Quat)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Quat</code></td> <td class="type"> </td> <td class="description last">q</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1346">line 1346</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="frustum"><span class="type-signature">&lt;static> </span>frustum<span class="signature">(Number, Number, Number, Number, Number, Number)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">left</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">right</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">bottom</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">top</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">near</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">far</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1150">line 1150</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="identity"><span class="type-signature">&lt;static> </span>identity<span class="signature">()</span><span class="type-signature"></span></h4> </dt> <dd> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line359">line 359</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="inverse"><span class="type-signature">&lt;static> </span>inverse<span class="signature">()</span><span class="type-signature"></span></h4> </dt> <dd> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line449">line 449</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="inverseMat"><span class="type-signature">&lt;static> </span>inverseMat<span class="signature">(Mat4)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Mat4</code></td> <td class="type"> </td> <td class="description last">other</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line504">line 504</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="lookAt"><span class="type-signature">&lt;static> </span>lookAt<span class="signature">(Vec3, Vec3, Vec3)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Vec3</code></td> <td class="type"> </td> <td class="description last">eye</td> </tr> <tr> <td class="name"><code>Vec3</code></td> <td class="type"> </td> <td class="description last">target</td> </tr> <tr> <td class="name"><code>Vec3</code></td> <td class="type"> </td> <td class="description last">up</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line613">line 613</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="makeRotationX"><span class="type-signature">&lt;static> </span>makeRotationX<span class="signature">(Number)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">angle</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1094">line 1094</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="makeRotationY"><span class="type-signature">&lt;static> </span>makeRotationY<span class="signature">(Number)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">angle</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1113">line 1113</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="makeRotationZ"><span class="type-signature">&lt;static> </span>makeRotationZ<span class="signature">(Number)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">angle</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1131">line 1131</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="makeScale"><span class="type-signature">&lt;static> </span>makeScale<span class="signature">(Number, Number, Number)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">x</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">y</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">z</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1075">line 1075</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="makeTranslation"><span class="type-signature">&lt;static> </span>makeTranslation<span class="signature">(Number, Number, Number)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">x</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">y</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">z</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1056">line 1056</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="mmul"><span class="type-signature">&lt;static> </span>mmul<span class="signature">(Mat4, Mat4)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Mat4</code></td> <td class="type"> </td> <td class="description last">a</td> </tr> <tr> <td class="name"><code>Mat4</code></td> <td class="type"> </td> <td class="description last">b</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line227">line 227</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="mul"><span class="type-signature">&lt;static> </span>mul<span class="signature">(Mat4)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Mat4</code></td> <td class="type"> </td> <td class="description last">other</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line159">line 159</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="orthographic"><span class="type-signature">&lt;static> </span>orthographic<span class="signature">(Number, Number, Number, Number, Number, Number)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">left</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">right</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">bottom</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">top</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">near</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">far</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1211">line 1211</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="perspective"><span class="type-signature">&lt;static> </span>perspective<span class="signature">(Number, Number, Number, Number)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">fov</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">aspect</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">near</td> </tr> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">far</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line1192">line 1192</a> </li></ul></dd> </dl> <h5>Returns:</h5> <div class="param-desc"> this </div> </dd> <dt> <h4 class="name" id="rotateX"><span class="type-signature">&lt;static> </span>rotateX<span class="signature">(Number)</span><span class="type-signature"></span></h4> </dt> <dd> <h5>Parameters:</h5> <table class="params"> <thead> <tr> <th>Name</th> <th>Type</th> <th class="last">Description</th> </tr> </thead> <tbody> <tr> <td class="name"><code>Number</code></td> <td class="type"> </td> <td class="description last">angle</td> </tr> </tbody> </table> <dl class="details"> <dt class="tag-source">Source:</dt> <dd class="tag-source"><ul class="dummy"><li> <a href="mat4.js.html">math/mat4.js</a>, <a href="mat4.js.html#line957">line 957</a> </li></ul>