@galacean/effects-core 2.1.0-alpha.8 → 2.1.0-alpha.9

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime core for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.1.0-alpha.8
+ * Version: v2.1.0-alpha.9
  */
 
 'use strict';
@@ -2156,41 +2156,6 @@ __decorate([
     serialize()
 ], RendererComponent.prototype, "_priority", void 0);
 
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-
-function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
-    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-    if (it) return (it = it.call(o)).next.bind(it);
-    // Fallback for engines without symbol support
-    if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike && o && typeof o.length === "number") {
-        if (it) o = it;
-        var i = 0;
-        return function() {
-            if (i >= o.length) return {
-                done: true
-            };
-            return {
-                done: false,
-                value: o[i++]
-            };
-        };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 var PI2 = Math.PI * 2;
 var DEG2RAD = Math.PI / 180;
 var RAD2DEG = 180 / Math.PI;
@@ -3197,26 +3162,26 @@ Vector3.ONE = new Vector3(1.0, 1.0, 1.0);
 Vector3.ZERO = new Vector3(0.0, 0.0, 0.0);
 
 /**
- * 四元数
- */ var Quaternion = /*#__PURE__*/ function() {
-    function Quaternion(x, y, z, w) {
+ * 四维向量
+ */ var Vector4 = /*#__PURE__*/ function() {
+    function Vector4(x, y, z, w) {
         if (x === void 0) x = 0;
         if (y === void 0) y = 0;
         if (z === void 0) z = 0;
-        if (w === void 0) w = 1;
+        if (w === void 0) w = 0;
         this.x = x;
         this.y = y;
         this.z = z;
         this.w = w;
     }
-    var _proto = Quaternion.prototype;
+    var _proto = Vector4.prototype;
     /**
-     * 四元数设置
-     * @param x - x 分量
-     * @param y - y 分量
-     * @param z - z 分量
-     * @param w - w 分量
-     * @returns 四元数
+     * 设置向量
+     * @param x - x 轴分量
+     * @param y - y 轴分量
+     * @param z - z 轴分量
+     * @param w - w 轴分量
+     * @returns
      */ _proto.set = function set(x, y, z, w) {
         this.x = x;
         this.y = y;
@@ -3225,1356 +3190,1165 @@ Vector3.ZERO = new Vector3(0.0, 0.0, 0.0);
         return this;
     };
     /**
-     * 通过欧拉角设置四元数
-     * @param euler - 欧拉角
-     * @returns
-     */ _proto.setFromEuler = function setFromEuler(euler) {
-        euler.toQuaternion(this);
-        return this;
-    };
-    /**
-     * 通过旋转轴和旋转角度设置四元数
-     * @param axis - 旋转轴
-     * @param angle - 旋转角度（弧度）
-     * @returns
-     */ _proto.setFromAxisAngle = function setFromAxisAngle(axis, angle) {
-        var halfAngle = angle / 2;
-        var s = Math.sin(halfAngle);
-        var v = Quaternion.tempVec0;
-        v.copyFrom(axis).normalize();
-        this.x = v.x * s;
-        this.y = v.y * s;
-        this.z = v.z * s;
-        this.w = Math.cos(halfAngle);
+     * 设置零向量
+     * @returns 向量
+     */ _proto.setZero = function setZero() {
+        this.x = 0;
+        this.y = 0;
+        this.z = 0;
+        this.w = 0;
         return this;
     };
     /**
-     * 通过 Vector4Like 创建四元数
-     * @param v - Vector4Like
-     * @returns
-     */ _proto.setFromVector4 = function setFromVector4(v) {
-        this.x = v.x;
-        this.y = v.y;
-        this.z = v.z;
-        this.w = v.w;
+     * 通过标量数值设置向量
+     * @param num - 数值
+     * @returns 向量
+     */ _proto.setFromNumber = function setFromNumber(num) {
+        this.x = num;
+        this.y = num;
+        this.z = num;
+        this.w = num;
         return this;
     };
     /**
-     * 通过数组设置四元数
+     * 通过数组创建向量
      * @param array - 数组
      * @param [offset=0] - 起始偏移值
-     * @returns
+     * @returns 向量
      */ _proto.setFromArray = function setFromArray(array, offset) {
         if (offset === void 0) offset = 0;
-        this.x = array[offset];
-        this.y = array[offset + 1];
-        this.z = array[offset + 2];
-        this.w = array[offset + 3];
-        return this;
-    };
-    /**
-     * 通过矩阵设置四元数
-     * @param m - 矩阵
-     * @returns
-     */ _proto.setFromRotationMatrix = function setFromRotationMatrix(m) {
-        // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToQuaternion/index.htm
-        // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
-        var te = m.elements;
-        var m11 = te[0];
-        var m12 = te[4];
-        var m13 = te[8];
-        var m21 = te[1];
-        var m22 = te[5];
-        var m23 = te[9];
-        var m31 = te[2];
-        var m32 = te[6];
-        var m33 = te[10];
-        var trace = m11 + m22 + m33;
-        if (trace > 0) {
-            var s = 0.5 / Math.sqrt(trace + 1.0);
-            this.w = 0.25 / s;
-            this.x = (m32 - m23) * s;
-            this.y = (m13 - m31) * s;
-            this.z = (m21 - m12) * s;
-        } else if (m11 > m22 && m11 > m33) {
-            var s1 = 2.0 * Math.sqrt(1.0 + m11 - m22 - m33);
-            this.w = (m32 - m23) / s1;
-            this.x = 0.25 * s1;
-            this.y = (m12 + m21) / s1;
-            this.z = (m13 + m31) / s1;
-            this.negate();
-        } else if (m22 > m33) {
-            var s2 = 2.0 * Math.sqrt(1.0 + m22 - m11 - m33);
-            this.w = (m13 - m31) / s2;
-            this.x = (m12 + m21) / s2;
-            this.y = 0.25 * s2;
-            this.z = (m23 + m32) / s2;
-            this.negate();
-        } else {
-            var s3 = 2.0 * Math.sqrt(1.0 + m33 - m11 - m22);
-            this.w = (m21 - m12) / s3;
-            this.x = (m13 + m31) / s3;
-            this.y = (m23 + m32) / s3;
-            this.z = 0.25 * s3;
-            this.negate();
-        }
-        // 兼容原先数学库
+        var _array_offset;
+        this.x = (_array_offset = array[offset]) != null ? _array_offset : 0;
+        var _array_;
+        this.y = (_array_ = array[offset + 1]) != null ? _array_ : 0;
+        var _array_1;
+        this.z = (_array_1 = array[offset + 2]) != null ? _array_1 : 0;
+        var _array_2;
+        this.w = (_array_2 = array[offset + 3]) != null ? _array_2 : 0;
         return this;
     };
     /**
-     * 通过开始和结束向量设置四元数
-     * @param from - 开始向量
-     * @param to - 结束向量
-     * @returns
-     */ _proto.setFromUnitVectors = function setFromUnitVectors(from, to) {
-        // assumes direction vectors vFrom and vTo are normalized
-        var r = from.dot(to) + 1;
-        if (r < Number.EPSILON) {
-            r = 0;
-            if (Math.abs(from.x) > Math.abs(from.z)) {
-                this.x = -from.y;
-                this.y = from.x;
-                this.z = 0;
-                this.w = r;
-            } else {
-                this.x = 0;
-                this.y = -from.z;
-                this.z = from.y;
-                this.w = r;
-            }
-        } else {
-            this.x = from.y * to.z - from.z * to.y;
-            this.y = from.z * to.x - from.x * to.z;
-            this.z = from.x * to.y - from.y * to.x;
-            this.w = r;
-        }
-        return this.normalize();
-    };
-    /**
-     * 四元数拷贝
-     * @param quat - 拷贝目标四元数
-     * @returns 拷贝四元数
-     */ _proto.copyFrom = function copyFrom(quat) {
-        this.x = quat.x;
-        this.y = quat.y;
-        this.z = quat.z;
-        this.w = quat.w;
+     * 拷贝向量
+     * @param v - 复制对象
+     * @returns 拷贝结果
+     */ _proto.copyFrom = function copyFrom(v) {
+        this.x = v.x;
+        this.y = v.y;
+        this.z = v.z;
+        this.w = v.w;
         return this;
     };
     /**
-     * 四元数克隆
+     * 克隆向量
      * @returns 克隆结果
      */ _proto.clone = function clone() {
-        return new Quaternion(this.x, this.y, this.z, this.w);
-    };
-    /**
-     * 四元数间的夹角计算
-     * @param other - 其他四元数
-     * @returns 夹角
-     */ _proto.angleTo = function angleTo(other) {
-        return 2 * Math.acos(Math.abs(clamp$1(this.dot(other), -1, 1)));
+        return new Vector4(this.x, this.y, this.z, this.w);
     };
     /**
-     * 四元数向目标旋转
-     * @param q - 四元数
-     * @param step - 旋转弧度
-     * @returns 目标四元数
-     */ _proto.rotateTowards = function rotateTowards(q, step) {
-        var angle = this.angleTo(q);
-        if (angle === 0) {
-            return this;
+     * 根据下标设置向量分量
+     * @param index - 下标值
+     * @param value - 分量值
+     * @returns 向量
+     */ _proto.setElement = function setElement(index, value) {
+        switch(index){
+            case 0:
+                this.x = value;
+                break;
+            case 1:
+                this.y = value;
+                break;
+            case 2:
+                this.z = value;
+                break;
+            case 3:
+                this.w = value;
+                break;
+            default:
+                console.error("index is out of range: " + index);
         }
-        var t = Math.min(1, step / angle);
-        this.slerp(q, t);
         return this;
     };
     /**
-     * 四元数单位化
-     * @returns 单位四元数
-     */ _proto.identity = function identity() {
-        return this.set(0, 0, 0, 1);
+     * 根据下标获取向量分量
+     * @param index - 下标
+     * @returns 分量值
+     */ _proto.getElement = function getElement(index) {
+        switch(index){
+            case 0:
+                return this.x;
+            case 1:
+                return this.y;
+            case 2:
+                return this.z;
+            case 3:
+                return this.w;
+            default:
+                console.error("index is out of range: " + index);
+        }
+        return 0;
     };
     /**
-     * 四元数求逆
-     * @returns 四元数的逆
-     */ _proto.invert = function invert() {
-        return this.conjugate();
+     * 向量相加
+     * @param right - 相加对象，向量 | 数字
+     * @returns 相加结果
+     */ _proto.add = function add(right) {
+        if (typeof right === "number") {
+            this.x += right;
+            this.y += right;
+            this.z += right;
+            this.w += right;
+        } else if (_instanceof1(right, Array)) {
+            this.x += right[0];
+            this.y += right[1];
+            this.z += right[2];
+            this.w += right[3];
+        } else {
+            this.x += right.x;
+            this.y += right.y;
+            this.z += right.z;
+            this.w += right.w;
+        }
+        return this;
     };
     /**
-     * 四元数取负
-     * @returns 负四元数
-     */ _proto.negate = function negate() {
-        this.x = -this.x;
-        this.y = -this.y;
-        this.z = -this.z;
-        this.w = -this.w;
+     * 向量相加
+     * @param left - 向量
+     * @param right - 向量
+     * @returns 求和结果
+     */ _proto.addVectors = function addVectors(left, right) {
+        this.x = left.x + right.x;
+        this.y = left.y + right.y;
+        this.z = left.z + right.z;
+        this.w = left.w + right.w;
         return this;
     };
     /**
-     * 四元数求共轭值
-     * @returns 四元数的共轭值
-     */ _proto.conjugate = function conjugate() {
-        this.x = -this.x;
-        this.y = -this.y;
-        this.z = -this.z;
+     * 向量比例缩放后相加
+     * @param right - 向量
+     * @param s - 比例
+     * @returns 求和结果
+     */ _proto.addScaledVector = function addScaledVector(right, s) {
+        this.x += right.x * s;
+        this.y += right.y * s;
+        this.z += right.z * s;
+        this.w += right.w * s;
         return this;
     };
     /**
-     * 四元数点乘结果
-     * @param v
-     * @return
-     */ _proto.dot = function dot(v) {
-        return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w;
+     * 向量相减
+     * @param right - 相减对象，向量 | 数字
+     * @returns 相减结果
+     */ _proto.subtract = function subtract(right) {
+        if (typeof right === "number") {
+            this.x -= right;
+            this.y -= right;
+            this.z -= right;
+            this.w -= right;
+        } else if (_instanceof1(right, Array)) {
+            this.x -= right[0];
+            this.y -= right[1];
+            this.z -= right[2];
+            this.w -= right[3];
+        } else {
+            this.x -= right.x;
+            this.y -= right.y;
+            this.z -= right.z;
+            this.w -= right.w;
+        }
+        return this;
     };
     /**
-     * 四元数的模平方
-     * @return
-     */ _proto.lengthSquared = function lengthSquared() {
-        return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w;
+     * 向量相减
+     * @param left - 向量
+     * @param right - 向量
+     * @returns 向量
+     */ _proto.subtractVectors = function subtractVectors(left, right) {
+        this.x = left.x - right.x;
+        this.y = left.y - right.y;
+        this.z = left.z - right.z;
+        this.w = left.w - right.w;
+        return this;
     };
     /**
-     * 四元数的欧式长度
-     * @returns 长度
-     */ _proto.length = function length() {
-        return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w);
+     * 向量相乘
+     * @param right - 相乘对象，对象 | 数字
+     * @returns 向量
+     */ _proto.multiply = function multiply(right) {
+        if (typeof right === "number") {
+            this.x *= right;
+            this.y *= right;
+            this.z *= right;
+            this.w *= right;
+        } else if (_instanceof1(right, Array)) {
+            this.x *= right[0];
+            this.y *= right[1];
+            this.z *= right[2];
+            this.w *= right[3];
+        } else {
+            this.x *= right.x;
+            this.y *= right.y;
+            this.z *= right.z;
+            this.w *= right.w;
+        }
+        return this;
     };
     /**
-     * 四元数归一化
-     * @returns 归一化值
-     */ _proto.normalize = function normalize() {
-        var l = this.length();
-        if (l === 0) {
-            this.x = 0;
-            this.y = 0;
-            this.z = 0;
-            this.w = 1;
+     * 向量相乘
+     * @param left - 向量
+     * @param right - 向量
+     * @returns 向量
+     */ _proto.multiplyVectors = function multiplyVectors(left, right) {
+        this.x = left.x * right.x;
+        this.y = left.y * right.y;
+        this.z = left.z * right.z;
+        this.w = left.w * right.w;
+        return this;
+    };
+    /**
+     * 向量相除
+     * @param right - 相除对象，对象 | 数字
+     * @returns 向量
+     */ _proto.divide = function divide(right) {
+        if (typeof right === "number") {
+            this.x /= right;
+            this.y /= right;
+            this.z /= right;
+            this.w /= right;
+        } else if (_instanceof1(right, Array)) {
+            this.x /= right[0];
+            this.y /= right[1];
+            this.z /= right[2];
+            this.w /= right[3];
         } else {
-            l = 1 / l;
-            this.x = this.x * l;
-            this.y = this.y * l;
-            this.z = this.z * l;
-            this.w = this.w * l;
+            this.x /= right.x;
+            this.y /= right.y;
+            this.z /= right.z;
+            this.w /= right.w;
         }
         return this;
     };
     /**
-     * 四元数右乘
-     * @param right - 右乘的四元数
-     * @returns
-     */ _proto.multiply = function multiply(right) {
-        return this.multiplyQuaternions(this, right);
+     * 向量缩放
+     * @param v - 数字
+     * @returns 缩放结果
+     */ _proto.scale = function scale(v) {
+        this.x *= v;
+        this.y *= v;
+        this.z *= v;
+        this.w *= v;
+        return this;
     };
     /**
-     * 四元数左乘
-     * @param left - 左乘的四元数
-     * @returns
-     */ _proto.premultiply = function premultiply(left) {
-        return this.multiplyQuaternions(left, this);
+     * 分量求和
+     * @returns 求和结果
+     */ _proto.sum = function sum() {
+        return this.x + this.y + this.z + this.w;
     };
     /**
-     * 四元数乘法
-     * @param left - 四元数
-     * @param right - 四元数
-     * @returns 四元数
-     */ _proto.multiplyQuaternions = function multiplyQuaternions(left, right) {
-        // from http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/code/index.htm
-        var qax = left.x;
-        var qay = left.y;
-        var qaz = left.z;
-        var qaw = left.w;
-        var qbx = right.x;
-        var qby = right.y;
-        var qbz = right.z;
-        var qbw = right.w;
-        this.x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby;
-        this.y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz;
-        this.z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx;
-        this.w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz;
+     * 向量求最小值
+     * @param v - 向量或数值
+     * @returns 最小值
+     */ _proto.min = function min(v) {
+        if (typeof v === "number") {
+            this.x = Math.min(this.x, v);
+            this.y = Math.min(this.y, v);
+            this.z = Math.min(this.z, v);
+            this.w = Math.min(this.w, v);
+        } else {
+            this.x = Math.min(this.x, v.x);
+            this.y = Math.min(this.y, v.y);
+            this.z = Math.min(this.z, v.z);
+            this.w = Math.min(this.w, v.w);
+        }
         return this;
     };
     /**
-     * 四元数线性插值
-     * @see http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/slerp/
-     * @param other - 四元数
-     * @param t - 插值比
-     * @returns 插值结果
-     */ _proto.slerp = function slerp(other, t) {
-        if (t === 0) {
-            return this;
-        }
-        if (t === 1) {
-            return this.copyFrom(other);
-        }
-        var _this = this, x = _this.x, y = _this.y, z = _this.z, w = _this.w;
-        var cosHalfTheta = w * other.w + x * other.x + y * other.y + z * other.z;
-        if (cosHalfTheta < 0) {
-            this.w = -other.w;
-            this.x = -other.x;
-            this.y = -other.y;
-            this.z = -other.z;
-            cosHalfTheta = -cosHalfTheta;
+     * 向量求最大值
+     * @param v - 向量或数值
+     * @returns 最大值
+     */ _proto.max = function max(v) {
+        if (typeof v === "number") {
+            this.x = Math.max(this.x, v);
+            this.y = Math.max(this.y, v);
+            this.z = Math.max(this.z, v);
+            this.w = Math.max(this.w, v);
         } else {
-            this.copyFrom(other);
-        }
-        if (cosHalfTheta >= 1.0) {
-            this.w = w;
-            this.x = x;
-            this.y = y;
-            this.z = z;
-            return this;
-        }
-        var sqrSinHalfTheta = 1.0 - cosHalfTheta * cosHalfTheta;
-        if (sqrSinHalfTheta <= Number.EPSILON) {
-            var s = 1 - t;
-            this.w = s * w + t * this.w;
-            this.x = s * x + t * this.x;
-            this.y = s * y + t * this.y;
-            this.z = s * z + t * this.z;
-            this.normalize();
-            return this;
+            this.x = Math.max(this.x, v.x);
+            this.y = Math.max(this.y, v.y);
+            this.z = Math.max(this.z, v.z);
+            this.w = Math.max(this.w, v.w);
         }
-        var sinHalfTheta = Math.sqrt(sqrSinHalfTheta);
-        var halfTheta = Math.atan2(sinHalfTheta, cosHalfTheta);
-        var ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta;
-        var ratioB = Math.sin(t * halfTheta) / sinHalfTheta;
-        this.w = w * ratioA + this.w * ratioB;
-        this.x = x * ratioA + this.x * ratioB;
-        this.y = y * ratioA + this.y * ratioB;
-        this.z = z * ratioA + this.z * ratioB;
         return this;
     };
     /**
-     * 两个四元数的线性插值
-     * @param qa - 四元数
-     * @param qb - 四元数
-     * @param t - 插值比
-     */ _proto.slerpQuaternions = function slerpQuaternions(qa, qb, t) {
-        this.copyFrom(qa).slerp(qb, t);
+     * 向量阈值约束
+     * @param min - 最小值
+     * @param max - 最大值
+     * @returns 向量
+     */ _proto.clamp = function clamp(min, max) {
+        return this.max(min).min(max);
     };
     /**
-     * 通过四元数旋转向量
-     * @param v - 待旋转向量
-     * @param [out] - 旋转结果，如果没有传入直接覆盖输入值
-     * @returns
-     */ _proto.rotateVector3 = function rotateVector3(v, out) {
-        var _this = this, qx = _this.x, qy = _this.y, qz = _this.z, qw = _this.w;
-        var vx = v.x, vy = v.y, vz = v.z;
-        var ix = qw * vx + qy * vz - qz * vy;
-        var iy = qw * vy + qz * vx - qx * vz;
-        var iz = qw * vz + qx * vy - qy * vx;
-        var iw = -qx * vx - qy * vy - qz * vz;
-        var res = out != null ? out : v;
-        res.x = ix * qw + iw * -qx + iy * -qz - iz * -qy;
-        res.y = iy * qw + iw * -qy + iz * -qx - ix * -qz;
-        res.z = iz * qw + iw * -qz + ix * -qy - iy * -qx;
-        return res;
+     * 向量向下取整
+     * @returns 取整结果
+     */ _proto.floor = function floor() {
+        this.x = Math.floor(this.x);
+        this.y = Math.floor(this.y);
+        this.z = Math.floor(this.z);
+        this.w = Math.floor(this.w);
+        return this;
     };
     /**
-     * 四元数判等
-     * @param quaternion - 四元数
-     * @returns 判等结果
-     */ _proto.equals = function equals(quaternion) {
-        return quaternion.x === this.x && quaternion.y === this.y && quaternion.z === this.z && quaternion.w === this.w;
+     * 向量向上取整
+     * @returns 取整结果
+     */ _proto.ceil = function ceil() {
+        this.x = Math.ceil(this.x);
+        this.y = Math.ceil(this.y);
+        this.z = Math.ceil(this.z);
+        this.w = Math.ceil(this.w);
+        return this;
     };
     /**
-     * 四元数保存为数组
-     * @returns
-     */ _proto.toArray = function toArray() {
-        return [
-            this.x,
-            this.y,
-            this.z,
-            this.w
-        ];
+     * 向量四舍五入
+     * @returns 求值结果
+     */ _proto.round = function round() {
+        this.x = Math.round(this.x);
+        this.y = Math.round(this.y);
+        this.z = Math.round(this.z);
+        this.w = Math.round(this.w);
+        return this;
     };
     /**
-     * 四元数转四维向量数组
-     * @param vec - 目标保存对象
-     * @returns 保存结果
-     */ _proto.toVector4 = function toVector4(vec) {
-        return vec.set(this.x, this.y, this.z, this.w);
+     * 向量取绝对值
+     * @returns 向量
+     */ _proto.abs = function abs() {
+        this.x = Math.abs(this.x);
+        this.y = Math.abs(this.y);
+        this.z = Math.abs(this.z);
+        this.w = Math.abs(this.w);
+        return this;
     };
     /**
-     * 四元数转欧拉角
-     * @param euler - 目标欧拉角
-     * @returns 欧拉角
-     */ _proto.toEuler = function toEuler(euler) {
-        return euler.setFromQuaternion(this);
+     * 向量取反
+     * @returns 取反结果
+     */ _proto.negate = function negate() {
+        this.x = -this.x;
+        this.y = -this.y;
+        this.z = -this.z;
+        this.w = -this.w;
+        return this;
     };
     /**
-     * 四元数转矩阵
-     * @param mat - 目标矩阵
-     * @returns
-     */ _proto.toMatrix4 = function toMatrix4(mat) {
-        return mat.compose(Vector3.ZERO, this, Vector3.ONE);
+     * 向量长度平方
+     * @returns 长度平方
+     */ _proto.lengthSquared = function lengthSquared() {
+        return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w;
     };
     /**
-     * 通过欧拉角创建四元数
-     * @param euler - 欧拉角
-     * @returns 四元数
-     */ Quaternion.fromEuler = function fromEuler(euler) {
-        return new Quaternion().setFromEuler(euler);
+     * 向量长度
+     * @returns 长度
+     */ _proto.length = function length() {
+        return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w);
     };
     /**
-     * 通过旋转轴和旋转角度创建四元数
-     * @param axis - 旋转轴
-     * @param angle - 旋转角（弧度值）
-     * @returns 四元数
-     */ Quaternion.fromAxisAngle = function fromAxisAngle(axis, angle) {
-        return new Quaternion().setFromAxisAngle(axis, angle);
+     * 向量归一化
+     * @returns 归一化结果
+     */ _proto.normalize = function normalize() {
+        return this.divide(this.length() || 1);
     };
     /**
-     * 通过 Vector4Like 创建四元数
-     * @param v - Vector4Like
-     * @returns 四元数
-     */ Quaternion.fromVector4 = function fromVector4(v) {
-        return new Quaternion().setFromVector4(v);
+     * 设置向量长度
+     * @param length - 长度
+     * @returns 向量
+     */ _proto.setLength = function setLength(length) {
+        return this.normalize().multiply(length);
     };
     /**
-     * 通过数组创建四元数
-     * @param array - 数组
-     * @param [offset=0] - 起始偏移值
-     * @returns 四元数
-     */ Quaternion.fromArray = function fromArray(array, offset) {
-        if (offset === void 0) offset = 0;
-        return new Quaternion().setFromArray(array, offset);
+     * 向量求线性插值
+     * @param v - 向量
+     * @param alpha - 插值比例
+     * @returns 插值结果
+     */ _proto.lerp = function lerp(v, alpha) {
+        this.x += (v.x - this.x) * alpha;
+        this.y += (v.y - this.y) * alpha;
+        this.z += (v.z - this.z) * alpha;
+        this.w += (v.w - this.w) * alpha;
+        return this;
     };
     /**
-     * 通过旋转矩阵创建四元数
-     * @param m - 旋转矩阵
-     * @returns 四元数
-     */ Quaternion.fromRotationMatrix = function fromRotationMatrix(m) {
-        return new Quaternion().setFromRotationMatrix(m);
+     * 两向量求线性插值
+     * @param v1 - 第一个向量
+     * @param v2 - 第二个向量
+     * @param alpha - 插值比例
+     * @returns 插值结果
+     */ _proto.lerpVectors = function lerpVectors(v1, v2, alpha) {
+        this.x = v1.x + (v2.x - v1.x) * alpha;
+        this.y = v1.y + (v2.y - v1.y) * alpha;
+        this.z = v1.z + (v2.z - v1.z) * alpha;
+        this.w = v1.w + (v2.w - v1.w) * alpha;
+        return this;
     };
     /**
-     * 通过开始和结束向量创建四元数
-     * @param from - 开始向量
-     * @param to - 结束向量
-     * @returns
-     */ Quaternion.fromUnitVectors = function fromUnitVectors(from, to) {
-        return new Quaternion().setFromUnitVectors(from, to);
+     * 向量求点积
+     * @param v - 向量
+     * @returns 点积结果
+     */ _proto.dot = function dot(v) {
+        return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w;
     };
-    return Quaternion;
-}();
-Quaternion.tempVec0 = new Vector3();
-
-/**
- * 四阶矩阵（列优先矩阵）
- */ var Matrix4 = /*#__PURE__*/ function() {
-    function Matrix4(m11, m21, m31, m41, m12, m22, m32, m42, m13, m23, m33, m43, m14, m24, m34, m44) {
-        if (m11 === void 0) m11 = 1;
-        if (m21 === void 0) m21 = 0;
-        if (m31 === void 0) m31 = 0;
-        if (m41 === void 0) m41 = 0;
-        if (m12 === void 0) m12 = 0;
-        if (m22 === void 0) m22 = 1;
-        if (m32 === void 0) m32 = 0;
-        if (m42 === void 0) m42 = 0;
-        if (m13 === void 0) m13 = 0;
-        if (m23 === void 0) m23 = 0;
-        if (m33 === void 0) m33 = 1;
-        if (m43 === void 0) m43 = 0;
-        if (m14 === void 0) m14 = 0;
-        if (m24 === void 0) m24 = 0;
-        if (m34 === void 0) m34 = 0;
-        if (m44 === void 0) m44 = 1;
-        this.elements = [
-            m11,
-            m21,
-            m31,
-            m41,
-            m12,
-            m22,
-            m32,
-            m42,
-            m13,
-            m23,
-            m33,
-            m43,
-            m14,
-            m24,
-            m34,
-            m44
-        ];
-    }
-    var _proto = Matrix4.prototype;
     /**
-     * 设置矩阵
-     * @param m11 - 第 1 行，第 1 列
-     * @param m21 - 第 2 行，第 1 列
-     * @param m31 - 第 3 行，第 1 列
-     * @param m41 - 第 4 行，第 1 列
-     * @param m12 - 第 1 行，第 2 列
-     * @param m22 - 第 2 行，第 2 列
-     * @param m32 - 第 3 行，第 2 列
-     * @param m42 - 第 4 行，第 2 列
-     * @param m13 - 第 1 行，第 3 列
-     * @param m23 - 第 2 行，第 3 列
-     * @param m33 - 第 3 行，第 3 列
-     * @param m43 - 第 4 行，第 3 列
-     * @param m14 - 第 1 行，第 4 列
-     * @param m24 - 第 2 行，第 4 列
-     * @param m34 - 第 3 行，第 4 列
-     * @param m44 - 第 4 行，第 4 列
-     * @returns 矩阵
-     */ _proto.set = function set(m11, m21, m31, m41, m12, m22, m32, m42, m13, m23, m33, m43, m14, m24, m34, m44) {
-        var e = this.elements;
-        e[0] = m11;
-        e[1] = m21;
-        e[2] = m31;
-        e[3] = m41;
-        e[4] = m12;
-        e[5] = m22;
-        e[6] = m32;
-        e[7] = m42;
-        e[8] = m13;
-        e[9] = m23;
-        e[10] = m33;
-        e[11] = m43;
-        e[12] = m14;
-        e[13] = m24;
-        e[14] = m34;
-        e[15] = m44;
-        return this;
+     * 向量判等
+     * @param v - 向量
+     * @returns 判等结果
+     */ _proto.equals = function equals(v) {
+        return v.x === this.x && v.y === this.y && v.z === this.z && v.w === this.w;
     };
     /**
-     * 通过行优先数据设置矩阵
-     * @param m11 - 第 1 行，第 1 列
-     * @param m12 - 第 1 行，第 2 列
-     * @param m13 - 第 1 行，第 3 列
-     * @param m14 - 第 1 行，第 4 列
-     * @param m21 - 第 2 行，第 1 列
-     * @param m22 - 第 2 行，第 2 列
-     * @param m23 - 第 2 行，第 3 列
-     * @param m24 - 第 2 行，第 4 列
-     * @param m31 - 第 3 行，第 1 列
-     * @param m32 - 第 3 行，第 2 列
-     * @param m33 - 第 3 行，第 3 列
-     * @param m34 - 第 3 行，第 4 列
-     * @param m41 - 第 4 行，第 1 列
-     * @param m42 - 第 4 行，第 2 列
-     * @param m43 - 第 4 行，第 3 列
-     * @param m44 - 第 4 行，第 4 列
-     * @returns 矩阵
-     */ _proto.setFromRowMajorData = function setFromRowMajorData(m11, m12, m13, m14, m21, m22, m23, m24, m31, m32, m33, m34, m41, m42, m43, m44) {
-        var e = this.elements;
-        e[0] = m11;
-        e[4] = m12;
-        e[8] = m13;
-        e[12] = m14;
-        e[1] = m21;
-        e[5] = m22;
-        e[9] = m23;
-        e[13] = m24;
-        e[2] = m31;
-        e[6] = m32;
-        e[10] = m33;
-        e[14] = m34;
-        e[3] = m41;
-        e[7] = m42;
-        e[11] = m43;
-        e[15] = m44;
-        return this;
+     * 是否零向量
+     * @returns 是否零向量
+     */ _proto.isZero = function isZero() {
+        var eps = NumberEpsilon;
+        var _this = this, x = _this.x, y = _this.y, z = _this.z, w = _this.w;
+        return Math.abs(x) <= eps && Math.abs(y) <= eps && Math.abs(z) <= eps && Math.abs(w) <= eps;
     };
     /**
-     * 通过四个列向量设置矩阵
-     * @param c1 - 第一列
-     * @param c2 - 第二列
-     * @param c3 - 第三列
-     * @param c4 - 第四列
-     * @returns 矩阵
-     */ _proto.setFromColumnVectors = function setFromColumnVectors(c1, c2, c3, c4) {
-        return this.set(c1.x, c1.y, c1.z, c1.w, c2.x, c2.y, c2.z, c2.w, c3.x, c3.y, c3.z, c3.w, c4.x, c4.y, c4.z, c4.w);
+     * 向量转数组
+     * @returns 数组
+     */ _proto.toArray = function toArray() {
+        return [
+            this.x,
+            this.y,
+            this.z,
+            this.w
+        ];
     };
-    /**
-     * 通过三维矩阵设置矩阵
-     * @param m - 三维矩阵
-     * @returns 设置结果
-     */ _proto.setFromMatrix3 = function setFromMatrix3(m) {
-        var me = m.elements;
-        this.set(me[0], me[1], me[2], 0, me[3], me[4], me[5], 0, me[6], me[7], me[8], 0, 0, 0, 0, 1);
-        return this;
+    _proto.toVector3 = function toVector3() {
+        return new Vector3(this.x, this.y, this.z);
     };
-    /**
-     * 通过数组设置矩阵
-     * @param array - 数组
-     * @param [offset=0] - 起始偏移值
-     * @returns 矩阵
-     */ _proto.setFromArray = function setFromArray(array, offset) {
+    _proto.fill = function fill(array, offset) {
         if (offset === void 0) offset = 0;
-        for(var i = 0; i < 16; i++){
-            this.elements[i] = array[offset + i];
-        }
-        return this;
+        array[offset] = this.x;
+        array[offset + 1] = this.y;
+        array[offset + 2] = this.z;
+        array[offset + 3] = this.w;
     };
     /**
-     * 通过缩放设置矩阵
-     * @param x - x 方向缩放
-     * @param y - y 方向缩放
-     * @param z - z 方向缩放
-     * @returns 缩放矩阵
-     */ _proto.setFromScale = function setFromScale(x, y, z) {
-        return this.set(x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1);
+     * 生成随机向量
+     * @returns 向量
+     */ _proto.random = function random() {
+        this.x = Math.random();
+        this.y = Math.random();
+        this.z = Math.random();
+        this.w = Math.random();
+        return this;
     };
     /**
-     * 通过平移设置矩阵
-     * @param x - x 方向平移
-     * @param y - y 方向平移
-     * @param z - z 方向平移
-     * @returns 平移矩阵
-     */ _proto.setFromTranslation = function setFromTranslation(x, y, z) {
-        return this.set(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, x, y, z, 1);
+     * 变换矩阵作用于向量
+     * @param m - 变换矩阵
+     * @param [out] - 输出结果，如果没有设置就直接覆盖当前值
+     * @returns 向量
+     */ _proto.applyMatrix = function applyMatrix(m, out) {
+        return m.transformVector4(this, out);
     };
     /**
-     * 通过 x 轴旋转角度设置矩阵
-     * @param theta - x 轴旋转弧度
-     * @returns 矩阵
-     */ _proto.setFromRotationX = function setFromRotationX(theta) {
-        var c = Math.cos(theta);
-        var s = Math.sin(theta);
-        return this.set(1, 0, 0, 0, 0, c, s, 0, 0, -s, c, 0, 0, 0, 0, 1);
+     * 通过标量数值创建向量
+     * @param num - 数值
+     * @returns 向量
+     */ Vector4.fromNumber = function fromNumber(num) {
+        return new Vector4().setFromNumber(num);
     };
     /**
-     * 通过 y 轴旋转角度设置矩阵
-     * @param theta - y 轴旋转弧度
-     * @returns 矩阵
-     */ _proto.setFromRotationY = function setFromRotationY(theta) {
-        var c = Math.cos(theta);
-        var s = Math.sin(theta);
-        return this.set(c, 0, -s, 0, 0, 1, 0, 0, s, 0, c, 0, 0, 0, 0, 1);
+     * 通过数组创建向量
+     * @param array - 数组
+     * @param [offset=0] - 起始偏移值
+     * @returns 向量
+     */ Vector4.fromArray = function fromArray(array, offset) {
+        if (offset === void 0) offset = 0;
+        return new Vector4().setFromArray(array, offset);
     };
-    /**
-     * 通过 z 轴旋转角度设置矩阵
-     * @param theta - z 轴旋转弧度
-     * @returns 矩阵
-     */ _proto.setFromRotationZ = function setFromRotationZ(theta) {
-        var c = Math.cos(theta);
-        var s = Math.sin(theta);
-        return this.set(c, s, 0, 0, -s, c, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    return Vector4;
+}();
+/**
+     * 四维向量的常量
+     */ Vector4.ONE = new Vector4(1.0, 1.0, 1.0, 1.0);
+Vector4.ZERO = new Vector4(0.0, 0.0, 0.0, 0.0);
+
+var MeshComponent = /*#__PURE__*/ function(RendererComponent) {
+    _inherits(MeshComponent, RendererComponent);
+    function MeshComponent() {
+        var _this;
+        _this = RendererComponent.apply(this, arguments) || this;
+        /**
+   * 用于点击测试的碰撞器
+   */ _this.meshCollider = new MeshCollider();
+        // TODO 点击测试后续抽象一个 Collider 组件
+        _this.getHitTestParams = function(force) {
+            var area = _this.getBoundingBox();
+            if (area) {
+                return {
+                    type: area.type,
+                    triangles: area.area
+                };
+            }
+        };
+        return _this;
+    }
+    var _proto = MeshComponent.prototype;
+    _proto.render = function render(renderer) {
+        if (renderer.renderingData.currentFrame.globalUniforms) {
+            renderer.setGlobalMatrix("effects_ObjectToWorld", this.transform.getWorldMatrix());
+        }
+        renderer.drawGeometry(this.geometry, this.material);
     };
-    /**
-     * 根据三维旋转轴与弧度设置矩阵
-     * @param axis - 三维旋转轴
-     * @param angle - 旋转弧度
-     * @returns 矩阵
-     */ _proto.setFromRotationAxis = function setFromRotationAxis(axis, angle) {
-        // Based on http://www.gamedev.net/reference/articles/article1199.asp
-        var v = Matrix4.tempVec0;
-        v.copyFrom(axis).normalize();
-        var c = Math.cos(angle);
-        var s = Math.sin(angle);
-        var t = 1 - c;
-        var x = v.x, y = v.y, z = v.z;
-        var tx = t * x;
-        var ty = t * y;
-        return this.set(tx * x + c, tx * y + s * z, tx * z - s * y, 0, tx * y - s * z, ty * y + c, ty * z + s * x, 0, tx * z + s * y, ty * z - s * x, t * z * z + c, 0, 0, 0, 0, 1);
+    _proto.getBoundingBox = function getBoundingBox() {
+        var worldMatrix = this.transform.getWorldMatrix();
+        this.meshCollider.setGeometry(this.geometry, worldMatrix);
+        var boundingBoxData = this.meshCollider.getBoundingBoxData();
+        return boundingBoxData;
     };
-    /**
-     * 通过欧拉角设置矩阵
-     * @param euler - 欧拉角
-     * @returns 矩阵
-     */ _proto.setFromEuler = function setFromEuler(euler) {
-        euler.toMatrix4(this);
-        return this;
+    return MeshComponent;
+}(RendererComponent);
+__decorate([
+    serialize()
+], MeshComponent.prototype, "geometry", void 0);
+
+exports.EffectComponent = /*#__PURE__*/ function(MeshComponent) {
+    _inherits(EffectComponent, MeshComponent);
+    function EffectComponent(engine) {
+        var _this;
+        _this = MeshComponent.call(this, engine) || this;
+        _this.name = "EffectComponent";
+        return _this;
+    }
+    var _proto = EffectComponent.prototype;
+    _proto.onStart = function onStart() {
+        this.item.getHitTestParams = this.getHitTestParams;
     };
-    /**
-     * 通过四元数设置矩阵
-     * @param quat - 四元数
-     * @returns 矩阵
-     */ _proto.setFromQuaternion = function setFromQuaternion(quat) {
-        return this.compose(Vector3.ZERO, quat, Vector3.ONE);
-    };
-    /**
-     * 通过倾斜参数设置矩阵
-     * @param x - x 方向倾斜分量
-     * @param y - y 方向倾斜分量
-     * @param z - z 方向倾斜分量
-     * @returns 倾斜矩阵
-     */ _proto.setFromShear = function setFromShear(x, y, z) {
-        return this.set(1, x, x, 0, y, 1, y, 0, z, z, 1, 0, 0, 0, 0, 1);
-    };
-    /**
-     * 通过基轴设置矩阵
-     * @param xAxis - x 轴
-     * @param yAxis - y 轴
-     * @param zAxis - z 轴
-     * @returns 倾斜矩阵
-     */ _proto.setFromBasis = function setFromBasis(xAxis, yAxis, zAxis) {
-        return this.set(xAxis.x, xAxis.y, xAxis.z, 0, yAxis.x, yAxis.y, yAxis.z, 0, zAxis.x, zAxis.y, zAxis.z, 0, 0, 0, 0, 1);
-    };
-    /**
-     * 矩阵清零
-     * @returns 零矩阵
-     */ _proto.setZero = function setZero() {
-        for(var i = 0; i < 16; i++){
-            this.elements[i] = 0;
-        }
-        return this;
-    };
-    /**
-     * 矩阵单位化
-     * @returns 单位矩阵
-     */ _proto.identity = function identity() {
-        return this.set(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-    };
-    /**
-     * 单位阵判断
-     * @returns 判断结果
-     */ _proto.isIdentity = function isIdentity() {
-        var e = this.elements;
-        return e[0] === 1 && e[4] === 0 && e[8] === 0 && e[12] === 0 && e[1] === 0 && e[5] === 1 && e[9] === 0 && e[13] === 0 && e[2] === 0 && e[6] === 0 && e[10] === 1 && e[14] === 0 && e[3] === 0 && e[7] === 0 && e[11] === 0 && e[15] === 1;
-    };
-    /**
-     * 矩阵克隆
-     * @returns 克隆结果
-     */ _proto.clone = function clone() {
-        var e = this.elements;
-        return new Matrix4(e[0], e[1], e[2], e[3], e[4], e[5], e[6], e[7], e[8], e[9], e[10], e[11], e[12], e[13], e[14], e[15]);
-    };
-    /**
-     * 矩阵复制
-     * @param m - 复制对象
-     * @returns 复制结果
-     */ _proto.copyFrom = function copyFrom(m) {
-        this.elements = [].concat(m.elements);
-        return this;
-    };
-    /**
-     * 得到列向量
-     * @param i - 列向量索引，从 0 开始
-     * @param v
-     * @returns 矩阵
-     */ _proto.getColumnVector = function getColumnVector(i, v) {
-        return v.set(this.elements[i * 4], this.elements[i * 4 + 1], this.elements[i * 4 + 2], this.elements[i * 4 + 3]);
-    };
-    /**
-     * 设置相机矩阵
-     * @param eye - 相机位置
-     * @param target - 目标位置
-     * @param up - 相机方向
-     * @returns 矩阵
-     */ _proto.lookAt = function lookAt(eye, target, up) {
-        var vX = Matrix4.tempVec0;
-        var vY = Matrix4.tempVec1;
-        var vZ = Matrix4.tempVec2;
-        vZ.subtractVectors(eye, target);
-        vZ.normalize();
-        vX.crossVectors(up, vZ);
-        vX.normalize();
-        vY.crossVectors(vZ, vX);
-        var te = this.elements;
-        te[0] = vX.x;
-        te[1] = vY.x;
-        te[2] = vZ.x;
-        te[3] = 0;
-        te[4] = vX.y;
-        te[5] = vY.y;
-        te[6] = vZ.y;
-        te[7] = 0;
-        te[8] = vX.z;
-        te[9] = vY.z;
-        te[10] = vZ.z;
-        te[11] = 0;
-        te[12] = -vX.dot(eye);
-        te[13] = -vY.dot(eye);
-        te[14] = -vZ.dot(eye);
-        te[15] = 1;
-        return this;
+    _proto.onUpdate = function onUpdate(dt) {
+        var time = this.item.time;
+        var _this_material_getVector4;
+        var _Time = (_this_material_getVector4 = this.material.getVector4("_Time")) != null ? _this_material_getVector4 : new Vector4();
+        this.material.setVector4("_Time", _Time.set(time / 20, time, time * 2, time * 3));
     };
-    /**
-     * 矩阵乘比例后相加
-     * @param right - 矩阵
-     * @param s - 比例
-     * @returns 相加结果
-     */ _proto.addScaledMatrix = function addScaledMatrix(right, s) {
-        var te = this.elements;
-        var re = right.elements;
-        for(var i = 0; i < 16; i++){
-            te[i] += re[i] * s;
-        }
-        return this;
+    _proto.fromData = function fromData(data) {
+        MeshComponent.prototype.fromData.call(this, data);
+        this.material = this.materials[0];
     };
-    /**
-     * 矩阵右乘
-     * @param right - 右侧矩阵或数值
-     * @returns 右乘结果
-     */ _proto.multiply = function multiply(right) {
-        if (typeof right === "number") {
-            for(var i = 0; i < 16; i++){
-                this.elements[i] *= right;
-            }
-            return this;
-        } else {
-            return this.multiplyMatrices(this, right);
+    return EffectComponent;
+}(MeshComponent);
+exports.EffectComponent = __decorate([
+    effectsClass(DataType.EffectComponent)
+], exports.EffectComponent);
+
+exports.PostProcessVolume = /*#__PURE__*/ function(Behaviour) {
+    _inherits(PostProcessVolume, Behaviour);
+    function PostProcessVolume() {
+        var _this;
+        _this = Behaviour.apply(this, arguments) || this;
+        // Bloom
+        _this.bloomEnabled = true;
+        _this.threshold = 1.0;
+        _this.bloomIntensity = 1.0;
+        // ColorAdjustments
+        _this.brightness = 1.0;
+        _this.saturation = 1.0;
+        _this.contrast = 1.0;
+        // Vignette
+        _this.vignetteIntensity = 0.2;
+        _this.vignetteSmoothness = 0.4;
+        _this.vignetteRoundness = 1.0;
+        // ToneMapping
+        _this.toneMappingEnabled = true // 1: true, 0: false
+        ;
+        return _this;
+    }
+    var _proto = PostProcessVolume.prototype;
+    _proto.onStart = function onStart() {
+        var composition = this.item.composition;
+        if (composition) {
+            composition.renderFrame.globalVolume = this;
         }
     };
+    return PostProcessVolume;
+}(Behaviour);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "bloomEnabled", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "threshold", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "bloomIntensity", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "brightness", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "saturation", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "contrast", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "vignetteIntensity", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "vignetteSmoothness", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "vignetteRoundness", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "toneMappingEnabled", void 0);
+exports.PostProcessVolume = __decorate([
+    effectsClass("PostProcessVolume")
+], exports.PostProcessVolume);
+
+function _assert_this_initialized(self) {
+    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return self;
+}
+
+/**
+ * 四元数
+ */ var Quaternion = /*#__PURE__*/ function() {
+    function Quaternion(x, y, z, w) {
+        if (x === void 0) x = 0;
+        if (y === void 0) y = 0;
+        if (z === void 0) z = 0;
+        if (w === void 0) w = 1;
+        this.x = x;
+        this.y = y;
+        this.z = z;
+        this.w = w;
+    }
+    var _proto = Quaternion.prototype;
     /**
-     * 矩阵左乘
-     * @param left - 左侧矩阵
-     * @returns 左乘结果
-     */ _proto.premultiply = function premultiply(left) {
-        return this.multiplyMatrices(left, this);
-    };
-    /**
-     * 矩阵相乘
-     * @param left - 矩阵
-     * @param right - 矩阵
-     * @returns 相乘结果
-     */ _proto.multiplyMatrices = function multiplyMatrices(left, right) {
-        var ae = left.elements;
-        var be = right.elements;
-        var te = this.elements;
-        var a11 = ae[0], a12 = ae[4], a13 = ae[8], a14 = ae[12];
-        var a21 = ae[1], a22 = ae[5], a23 = ae[9], a24 = ae[13];
-        var a31 = ae[2], a32 = ae[6], a33 = ae[10], a34 = ae[14];
-        var a41 = ae[3], a42 = ae[7], a43 = ae[11], a44 = ae[15];
-        var b11 = be[0], b12 = be[4], b13 = be[8], b14 = be[12];
-        var b21 = be[1], b22 = be[5], b23 = be[9], b24 = be[13];
-        var b31 = be[2], b32 = be[6], b33 = be[10], b34 = be[14];
-        var b41 = be[3], b42 = be[7], b43 = be[11], b44 = be[15];
-        te[0] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41;
-        te[4] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42;
-        te[8] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43;
-        te[12] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44;
-        te[1] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41;
-        te[5] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42;
-        te[9] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43;
-        te[13] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44;
-        te[2] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41;
-        te[6] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42;
-        te[10] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43;
-        te[14] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44;
-        te[3] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41;
-        te[7] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42;
-        te[11] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43;
-        te[15] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44;
-        return this;
-    };
-    /**
-     * 矩阵缩放
-     * @param s - 缩放比例
-     * @returns 缩放结果
-     */ _proto.multiplyScalar = function multiplyScalar(s) {
-        var e = this.elements;
-        e[0] *= s;
-        e[4] *= s;
-        e[8] *= s;
-        e[12] *= s;
-        e[1] *= s;
-        e[5] *= s;
-        e[9] *= s;
-        e[13] *= s;
-        e[2] *= s;
-        e[6] *= s;
-        e[10] *= s;
-        e[14] *= s;
-        e[3] *= s;
-        e[7] *= s;
-        e[11] *= s;
-        e[15] *= s;
+     * 四元数设置
+     * @param x - x 分量
+     * @param y - y 分量
+     * @param z - z 分量
+     * @param w - w 分量
+     * @returns 四元数
+     */ _proto.set = function set(x, y, z, w) {
+        this.x = x;
+        this.y = y;
+        this.z = z;
+        this.w = w;
         return this;
     };
     /**
-     * 矩阵求行列式值
-     * @returns 行列式值
-     */ _proto.determinant = function determinant() {
-        var e = this.elements;
-        var m11 = e[0], m12 = e[4], m13 = e[8], m14 = e[12];
-        var m21 = e[1], m22 = e[5], m23 = e[9], m24 = e[13];
-        var m31 = e[2], m32 = e[6], m33 = e[10], m34 = e[14];
-        var m41 = e[3], m42 = e[7], m43 = e[11], m44 = e[15];
-        return m41 * (+m14 * m23 * m32 - m13 * m24 * m32 - m14 * m22 * m33 + m12 * m24 * m33 + m13 * m22 * m34 - m12 * m23 * m34) + m42 * (+m11 * m23 * m34 - m11 * m24 * m33 + m14 * m21 * m33 - m13 * m21 * m34 + m13 * m24 * m31 - m14 * m23 * m31) + m43 * (+m11 * m24 * m32 - m11 * m22 * m34 - m14 * m21 * m32 + m12 * m21 * m34 + m14 * m22 * m31 - m12 * m24 * m31) + m44 * (-m13 * m22 * m31 - m11 * m23 * m32 + m11 * m22 * m33 + m13 * m21 * m32 - m12 * m21 * m33 + m12 * m23 * m31);
-    };
-    /**
-     * 矩阵转置
-     * @returns 转置结果
-     */ _proto.transpose = function transpose() {
-        var e = this.elements;
-        var t;
-        t = e[1];
-        e[1] = e[4];
-        e[4] = t;
-        t = e[2];
-        e[2] = e[8];
-        e[8] = t;
-        t = e[3];
-        e[3] = e[12];
-        e[12] = t;
-        //
-        t = e[6];
-        e[6] = e[9];
-        e[9] = t;
-        t = e[7];
-        e[7] = e[13];
-        e[13] = t;
-        t = e[11];
-        e[11] = e[14];
-        e[14] = t;
+     * 通过欧拉角设置四元数
+     * @param euler - 欧拉角
+     * @returns
+     */ _proto.setFromEuler = function setFromEuler(euler) {
+        euler.toQuaternion(this);
         return this;
     };
     /**
-     * 矩阵求逆
-     * @returns 逆矩阵
-     */ _proto.invert = function invert() {
-        // based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm
-        var e = this.elements;
-        var m11 = e[0], m21 = e[1], m31 = e[2], m41 = e[3];
-        var m12 = e[4], m22 = e[5], m32 = e[6], m42 = e[7];
-        var m13 = e[8], m23 = e[9], m33 = e[10], m43 = e[11];
-        var m14 = e[12], m24 = e[13], m34 = e[14], m44 = e[15];
-        var t11 = m23 * m34 * m42 - m24 * m33 * m42 + m24 * m32 * m43 - m22 * m34 * m43 - m23 * m32 * m44 + m22 * m33 * m44;
-        var t12 = m14 * m33 * m42 - m13 * m34 * m42 - m14 * m32 * m43 + m12 * m34 * m43 + m13 * m32 * m44 - m12 * m33 * m44;
-        var t13 = m13 * m24 * m42 - m14 * m23 * m42 + m14 * m22 * m43 - m12 * m24 * m43 - m13 * m22 * m44 + m12 * m23 * m44;
-        var t14 = m14 * m23 * m32 - m13 * m24 * m32 - m14 * m22 * m33 + m12 * m24 * m33 + m13 * m22 * m34 - m12 * m23 * m34;
-        var det = m11 * t11 + m21 * t12 + m31 * t13 + m41 * t14;
-        if (det === 0) {
-            return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
-        }
-        var detInv = 1 / det;
-        e[0] = t11 * detInv;
-        e[1] = (m24 * m33 * m41 - m23 * m34 * m41 - m24 * m31 * m43 + m21 * m34 * m43 + m23 * m31 * m44 - m21 * m33 * m44) * detInv;
-        e[2] = (m22 * m34 * m41 - m24 * m32 * m41 + m24 * m31 * m42 - m21 * m34 * m42 - m22 * m31 * m44 + m21 * m32 * m44) * detInv;
-        e[3] = (m23 * m32 * m41 - m22 * m33 * m41 - m23 * m31 * m42 + m21 * m33 * m42 + m22 * m31 * m43 - m21 * m32 * m43) * detInv;
-        e[4] = t12 * detInv;
-        e[5] = (m13 * m34 * m41 - m14 * m33 * m41 + m14 * m31 * m43 - m11 * m34 * m43 - m13 * m31 * m44 + m11 * m33 * m44) * detInv;
-        e[6] = (m14 * m32 * m41 - m12 * m34 * m41 - m14 * m31 * m42 + m11 * m34 * m42 + m12 * m31 * m44 - m11 * m32 * m44) * detInv;
-        e[7] = (m12 * m33 * m41 - m13 * m32 * m41 + m13 * m31 * m42 - m11 * m33 * m42 - m12 * m31 * m43 + m11 * m32 * m43) * detInv;
-        e[8] = t13 * detInv;
-        e[9] = (m14 * m23 * m41 - m13 * m24 * m41 - m14 * m21 * m43 + m11 * m24 * m43 + m13 * m21 * m44 - m11 * m23 * m44) * detInv;
-        e[10] = (m12 * m24 * m41 - m14 * m22 * m41 + m14 * m21 * m42 - m11 * m24 * m42 - m12 * m21 * m44 + m11 * m22 * m44) * detInv;
-        e[11] = (m13 * m22 * m41 - m12 * m23 * m41 - m13 * m21 * m42 + m11 * m23 * m42 + m12 * m21 * m43 - m11 * m22 * m43) * detInv;
-        e[12] = t14 * detInv;
-        e[13] = (m13 * m24 * m31 - m14 * m23 * m31 + m14 * m21 * m33 - m11 * m24 * m33 - m13 * m21 * m34 + m11 * m23 * m34) * detInv;
-        e[14] = (m14 * m22 * m31 - m12 * m24 * m31 - m14 * m21 * m32 + m11 * m24 * m32 + m12 * m21 * m34 - m11 * m22 * m34) * detInv;
-        e[15] = (m12 * m23 * m31 - m13 * m22 * m31 + m13 * m21 * m32 - m11 * m23 * m32 - m12 * m21 * m33 + m11 * m22 * m33) * detInv;
+     * 通过旋转轴和旋转角度设置四元数
+     * @param axis - 旋转轴
+     * @param angle - 旋转角度（弧度）
+     * @returns
+     */ _proto.setFromAxisAngle = function setFromAxisAngle(axis, angle) {
+        var halfAngle = angle / 2;
+        var s = Math.sin(halfAngle);
+        var v = Quaternion.tempVec0;
+        v.copyFrom(axis).normalize();
+        this.x = v.x * s;
+        this.y = v.y * s;
+        this.z = v.z * s;
+        this.w = Math.cos(halfAngle);
         return this;
     };
     /**
-     * 提取基轴
-     * @param xAxis - 提取的 x 轴
-     * @param yAxis - 提取的 y 轴
-     * @param zAxis - 提取的 z 轴
+     * 通过 Vector4Like 创建四元数
+     * @param v - Vector4Like
      * @returns
-     */ _proto.extractBasis = function extractBasis(xAxis, yAxis, zAxis) {
-        var te = this.elements;
-        xAxis.set(te[0], te[1], te[2]);
-        yAxis.set(te[4], te[5], te[6]);
-        zAxis.set(te[8], te[9], te[10]);
+     */ _proto.setFromVector4 = function setFromVector4(v) {
+        this.x = v.x;
+        this.y = v.y;
+        this.z = v.z;
+        this.w = v.w;
         return this;
     };
     /**
-     * 根据基础信息组装矩阵
-     * @param translation - 位置信息
-     * @param rotation - 旋转信息
-     * @param scale - 缩放信息
-     * @param [anchor] - 锚点信息
-     * @returns 矩阵
-     */ _proto.compose = function compose(translation, rotation, scale, anchor) {
-        if (anchor === void 0) anchor = Vector3.ZERO;
-        var te = this.elements;
-        var x = rotation.x, y = rotation.y, z = rotation.z, w = rotation.w;
-        var l = -anchor.x;
-        var m = -anchor.y;
-        var n = -anchor.z;
-        var x2 = x + x;
-        var y2 = y + y;
-        var z2 = z + z;
-        var xx = x * x2;
-        var xy = x * y2;
-        var xz = x * z2;
-        var yy = y * y2;
-        var yz = y * z2;
-        var zz = z * z2;
-        var wx = w * x2;
-        var wy = w * y2;
-        var wz = w * z2;
-        var sx = scale.x, sy = scale.y, sz = scale.z;
-        te[0] = (1 - (yy + zz)) * sx;
-        te[1] = (xy + wz) * sx;
-        te[2] = (xz - wy) * sx;
-        te[3] = 0;
-        te[4] = (xy - wz) * sy;
-        te[5] = (1 - (xx + zz)) * sy;
-        te[6] = (yz + wx) * sy;
-        te[7] = 0;
-        te[8] = (xz + wy) * sz;
-        te[9] = (yz - wx) * sz;
-        te[10] = (1 - (xx + yy)) * sz;
-        te[11] = 0;
-        te[12] = l * te[0] + m * te[4] + n * te[8] - l + translation.x;
-        te[13] = l * te[1] + m * te[5] + n * te[9] - m + translation.y;
-        te[14] = l * te[2] + m * te[6] + n * te[10] - n + translation.z;
+     * 通过数组设置四元数
+     * @param array - 数组
+     * @param [offset=0] - 起始偏移值
+     * @returns
+     */ _proto.setFromArray = function setFromArray(array, offset) {
+        if (offset === void 0) offset = 0;
+        this.x = array[offset];
+        this.y = array[offset + 1];
+        this.z = array[offset + 2];
+        this.w = array[offset + 3];
         return this;
     };
     /**
-     * 矩阵拆分为基础信息
-     * @param translation - 位置信息
-     * @param rotation - 旋转信息
-     * @param scale - 缩放信息
-     * @returns 矩阵
-     */ _proto.decompose = function decompose(translation, rotation, scale) {
-        var v = Matrix4.tempVec0;
-        var te = this.elements;
-        var sx = v.set(te[0], te[1], te[2]).length();
-        var sy = v.set(te[4], te[5], te[6]).length();
-        var sz = v.set(te[8], te[9], te[10]).length();
-        // if determine is negative, we need to invert one scale
-        var det = this.determinant();
-        if (det < 0) {
-            sx = -sx;
+     * 通过矩阵设置四元数
+     * @param m - 矩阵
+     * @returns
+     */ _proto.setFromRotationMatrix = function setFromRotationMatrix(m) {
+        // http://www.euclideanspace.com/maths/geometry/rotations/conversions/matrixToQuaternion/index.htm
+        // assumes the upper 3x3 of m is a pure rotation matrix (i.e, unscaled)
+        var te = m.elements;
+        var m11 = te[0];
+        var m12 = te[4];
+        var m13 = te[8];
+        var m21 = te[1];
+        var m22 = te[5];
+        var m23 = te[9];
+        var m31 = te[2];
+        var m32 = te[6];
+        var m33 = te[10];
+        var trace = m11 + m22 + m33;
+        if (trace > 0) {
+            var s = 0.5 / Math.sqrt(trace + 1.0);
+            this.w = 0.25 / s;
+            this.x = (m32 - m23) * s;
+            this.y = (m13 - m31) * s;
+            this.z = (m21 - m12) * s;
+        } else if (m11 > m22 && m11 > m33) {
+            var s1 = 2.0 * Math.sqrt(1.0 + m11 - m22 - m33);
+            this.w = (m32 - m23) / s1;
+            this.x = 0.25 * s1;
+            this.y = (m12 + m21) / s1;
+            this.z = (m13 + m31) / s1;
+            this.negate();
+        } else if (m22 > m33) {
+            var s2 = 2.0 * Math.sqrt(1.0 + m22 - m11 - m33);
+            this.w = (m13 - m31) / s2;
+            this.x = (m12 + m21) / s2;
+            this.y = 0.25 * s2;
+            this.z = (m23 + m32) / s2;
+            this.negate();
+        } else {
+            var s3 = 2.0 * Math.sqrt(1.0 + m33 - m11 - m22);
+            this.w = (m21 - m12) / s3;
+            this.x = (m13 + m31) / s3;
+            this.y = (m23 + m32) / s3;
+            this.z = 0.25 * s3;
+            this.negate();
         }
-        translation.x = te[12];
-        translation.y = te[13];
-        translation.z = te[14];
-        // scale the rotation part
-        var m = Matrix4.tempMat0;
-        m.copyFrom(this);
-        var invSX = 1 / sx;
-        var invSY = 1 / sy;
-        var invSZ = 1 / sz;
-        m.elements[0] *= invSX;
-        m.elements[1] *= invSX;
-        m.elements[2] *= invSX;
-        m.elements[4] *= invSY;
-        m.elements[5] *= invSY;
-        m.elements[6] *= invSY;
-        m.elements[8] *= invSZ;
-        m.elements[9] *= invSZ;
-        m.elements[10] *= invSZ;
-        rotation.setFromRotationMatrix(m);
-        scale.x = sx;
-        scale.y = sy;
-        scale.z = sz;
+        // 兼容原先数学库
         return this;
     };
-    _proto.getTranslation = function getTranslation(translation) {
-        var te = this.elements;
-        return translation.set(te[12], te[13], te[14]);
+    /**
+     * 通过开始和结束向量设置四元数
+     * @param from - 开始向量
+     * @param to - 结束向量
+     * @returns
+     */ _proto.setFromUnitVectors = function setFromUnitVectors(from, to) {
+        // assumes direction vectors vFrom and vTo are normalized
+        var r = from.dot(to) + 1;
+        if (r < Number.EPSILON) {
+            r = 0;
+            if (Math.abs(from.x) > Math.abs(from.z)) {
+                this.x = -from.y;
+                this.y = from.x;
+                this.z = 0;
+                this.w = r;
+            } else {
+                this.x = 0;
+                this.y = -from.z;
+                this.z = from.y;
+                this.w = r;
+            }
+        } else {
+            this.x = from.y * to.z - from.z * to.y;
+            this.y = from.z * to.x - from.x * to.z;
+            this.z = from.x * to.y - from.y * to.x;
+            this.w = r;
+        }
+        return this.normalize();
     };
-    _proto.getScale = function getScale(scale) {
-        var te = this.elements;
-        return scale.set(Math.hypot(te[0], te[1], te[2]), Math.hypot(te[4], te[5], te[6]), Math.hypot(te[8], te[9], te[10]));
+    /**
+     * 四元数拷贝
+     * @param quat - 拷贝目标四元数
+     * @returns 拷贝四元数
+     */ _proto.copyFrom = function copyFrom(quat) {
+        this.x = quat.x;
+        this.y = quat.y;
+        this.z = quat.z;
+        this.w = quat.w;
+        return this;
     };
     /**
-     * 获得矩阵分解的结果
-     * @returns 分解的结果
-     */ _proto.getTransform = function getTransform() {
-        var translation = new Vector3();
-        var rotation = new Quaternion();
-        var scale = new Vector3();
-        this.decompose(translation, rotation, scale);
-        return {
-            translation: translation,
-            rotation: rotation,
-            scale: scale
-        };
+     * 四元数克隆
+     * @returns 克隆结果
+     */ _proto.clone = function clone() {
+        return new Quaternion(this.x, this.y, this.z, this.w);
     };
     /**
-     * 根据视窗信息设置正交相机投影矩阵
-     * @param left - 视窗左平面位置
-     * @param right - 视窗右平面位置
-     * @param top - 视窗上平面位置
-     * @param bottom - 视窗下平面位置
-     * @param near - 视窗近平面位置
-     * @param far - 视窗远平面位置
-     * @returns 矩阵
-     */ _proto.orthographic = function orthographic(left, right, top, bottom, near, far) {
-        var a = 1.0 / (right - left);
-        var b = 1.0 / (top - bottom);
-        var c = 1.0 / (far - near);
-        var tx = -(right + left) * a;
-        var ty = -(top + bottom) * b;
-        var tz = -(far + near) * c;
-        a *= 2.0;
-        b *= 2.0;
-        c *= -2.0;
-        var te = this.elements;
-        te[0] = a;
-        te[1] = 0.0;
-        te[2] = 0.0;
-        te[3] = 0.0;
-        //
-        te[4] = 0.0;
-        te[5] = b;
-        te[6] = 0.0;
-        te[7] = 0.0;
-        //
-        te[8] = 0.0;
-        te[9] = 0.0;
-        te[10] = c;
-        te[11] = 0.0;
-        //
-        te[12] = tx;
-        te[13] = ty;
-        te[14] = tz;
-        te[15] = 1.0;
-        return this;
+     * 四元数间的夹角计算
+     * @param other - 其他四元数
+     * @returns 夹角
+     */ _proto.angleTo = function angleTo(other) {
+        return 2 * Math.acos(Math.abs(clamp$1(this.dot(other), -1, 1)));
     };
     /**
-     * 通过透视相机基础参数设置投影矩阵
-     * @param fov - 视角(弧度)
-     * @param aspect - 视窗比例
-     * @param near - 近平面
-     * @param far - 远平面
-     * @param [reverse] - 视锥体长宽反转(3D这里反了？)
-     * @returns 投影矩阵
-     */ _proto.perspective = function perspective(fov, aspect, near, far, reverse) {
-        var f = 1.0 / Math.tan(fov * 0.5);
-        var nf = 1 / (near - far);
-        var te = this.elements;
-        te[0] = reverse ? f : f / aspect;
-        te[1] = 0;
-        te[2] = 0;
-        te[3] = 0;
-        //
-        te[4] = 0;
-        te[5] = reverse ? f * aspect : f;
-        te[6] = 0;
-        te[7] = 0;
-        //
-        te[8] = 0;
-        te[9] = 0;
-        te[10] = (far + near) * nf;
-        te[11] = -1;
-        //
-        te[12] = 0;
-        te[13] = 0;
-        te[14] = 2 * far * near * nf;
-        te[15] = 0;
-        if (far === null || far === Infinity) {
-            te[10] = -1;
-            te[14] = -2 * near;
+     * 四元数向目标旋转
+     * @param q - 四元数
+     * @param step - 旋转弧度
+     * @returns 目标四元数
+     */ _proto.rotateTowards = function rotateTowards(q, step) {
+        var angle = this.angleTo(q);
+        if (angle === 0) {
+            return this;
         }
+        var t = Math.min(1, step / angle);
+        this.slerp(q, t);
         return this;
     };
     /**
-     * 对点进行投影变换
-     * @param v - 输入点
-     * @param [out] - 输出点，如果没有就覆盖输入的数据
-     * @returns 投影后的点
-     */ _proto.projectPoint = function projectPoint(v, out) {
-        var x = v.x, y = v.y, z = v.z;
-        var e = this.elements;
-        var res = out != null ? out : v;
-        res.x = e[0] * x + e[4] * y + e[8] * z + e[12];
-        res.y = e[1] * x + e[5] * y + e[9] * z + e[13];
-        res.z = e[2] * x + e[6] * y + e[10] * z + e[14];
-        var w = e[3] * x + e[7] * y + e[11] * z + e[15];
-        return res.multiply(1 / w);
+     * 四元数单位化
+     * @returns 单位四元数
+     */ _proto.identity = function identity() {
+        return this.set(0, 0, 0, 1);
     };
     /**
-     * 对点进行矩阵变换
-     * @param v - 输入点
-     * @param [out] - 输出点，如果没有就覆盖输入的数据
-     * @returns 变换后的点
-     */ _proto.transformPoint = function transformPoint(v, out) {
-        var x = v.x, y = v.y, z = v.z;
-        var e = this.elements;
-        var res = out != null ? out : v;
-        res.x = e[0] * x + e[4] * y + e[8] * z + e[12];
-        res.y = e[1] * x + e[5] * y + e[9] * z + e[13];
-        res.z = e[2] * x + e[6] * y + e[10] * z + e[14];
-        return res;
+     * 四元数求逆
+     * @returns 四元数的逆
+     */ _proto.invert = function invert() {
+        return this.conjugate();
     };
     /**
-     * 对法向量进行矩阵变换
-     * @param v - 输入法向量
-     * @param [out] - 输出法向量，如果没有就覆盖输入的数据
-     * @returns 变换后的法向量
-     */ _proto.transformNormal = function transformNormal(v, out) {
-        var x = v.x, y = v.y, z = v.z;
-        var e = this.elements;
-        var res = out != null ? out : v;
-        res.x = e[0] * x + e[4] * y + e[8] * z;
-        res.y = e[1] * x + e[5] * y + e[9] * z;
-        res.z = e[2] * x + e[6] * y + e[10] * z;
-        return res.normalize();
+     * 四元数取负
+     * @returns 负四元数
+     */ _proto.negate = function negate() {
+        this.x = -this.x;
+        this.y = -this.y;
+        this.z = -this.z;
+        this.w = -this.w;
+        return this;
     };
     /**
-     * 对四维向量进行矩阵变换
-     * @param v - 输入向量
-     * @param [out] - 输出向量，如果没有就覆盖输入的数据
-     * @returns 变换后向量
-     */ _proto.transformVector4 = function transformVector4(v, out) {
-        var x = v.x, y = v.y, z = v.z, w = v.w;
-        var e = this.elements;
-        var res = out != null ? out : v;
-        res.x = e[0] * x + e[4] * y + e[8] * z + e[12] * w;
-        res.y = e[1] * x + e[5] * y + e[9] * z + e[13] * w;
-        res.z = e[2] * x + e[6] * y + e[10] * z + e[14] * w;
-        res.w = e[3] * x + e[7] * y + e[11] * z + e[15] * w;
-        return res;
+     * 四元数求共轭值
+     * @returns 四元数的共轭值
+     */ _proto.conjugate = function conjugate() {
+        this.x = -this.x;
+        this.y = -this.y;
+        this.z = -this.z;
+        return this;
+    };
+    /**
+     * 四元数点乘结果
+     * @param v
+     * @return
+     */ _proto.dot = function dot(v) {
+        return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w;
+    };
+    /**
+     * 四元数的模平方
+     * @return
+     */ _proto.lengthSquared = function lengthSquared() {
+        return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w;
     };
     /**
-     * 矩阵判等
-     * @param matrix - 矩阵
-     * @returns 判等结果
-     */ _proto.equals = function equals(matrix) {
-        var te = this.elements;
-        var me = matrix.elements;
-        for(var i = 0; i < 16; i++){
-            if (!isEqual(te[i], me[i])) {
-                return false;
-            }
+     * 四元数的欧式长度
+     * @returns 长度
+     */ _proto.length = function length() {
+        return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w);
+    };
+    /**
+     * 四元数归一化
+     * @returns 归一化值
+     */ _proto.normalize = function normalize() {
+        var l = this.length();
+        if (l === 0) {
+            this.x = 0;
+            this.y = 0;
+            this.z = 0;
+            this.w = 1;
+        } else {
+            l = 1 / l;
+            this.x = this.x * l;
+            this.y = this.y * l;
+            this.z = this.z * l;
+            this.w = this.w * l;
         }
-        return true;
+        return this;
     };
     /**
-     * 矩阵转数组
+     * 四元数右乘
+     * @param right - 右乘的四元数
      * @returns
-     */ _proto.toArray = function toArray() {
-        return [].concat(this.elements);
-    };
-    _proto.fill = function fill(array, offset) {
-        if (offset === void 0) offset = 0;
-        var te = this.elements;
-        array[offset] = te[0];
-        array[offset + 1] = te[1];
-        array[offset + 2] = te[2];
-        array[offset + 3] = te[3];
-        array[offset + 4] = te[4];
-        array[offset + 5] = te[5];
-        array[offset + 6] = te[6];
-        array[offset + 7] = te[7];
-        array[offset + 8] = te[8];
-        array[offset + 9] = te[9];
-        array[offset + 10] = te[10];
-        array[offset + 11] = te[11];
-        array[offset + 12] = te[12];
-        array[offset + 13] = te[13];
-        array[offset + 14] = te[14];
-        array[offset + 15] = te[15];
+     */ _proto.multiply = function multiply(right) {
+        return this.multiplyQuaternions(this, right);
     };
     /**
-     * 创建单位阵
-     * @returns 单位矩阵
-     */ Matrix4.fromIdentity = function fromIdentity() {
-        return new Matrix4(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+     * 四元数左乘
+     * @param left - 左乘的四元数
+     * @returns
+     */ _proto.premultiply = function premultiply(left) {
+        return this.multiplyQuaternions(left, this);
     };
     /**
-     * 创建相机矩阵
-     * @param eye - 相机位置
-     * @param target - 目标位置
-     * @param up - 相机方向
-     * @returns 矩阵
-     */ Matrix4.fromLookAt = function fromLookAt(eye, target, up) {
-        return new Matrix4().lookAt(eye, target, up);
+     * 四元数乘法
+     * @param left - 四元数
+     * @param right - 四元数
+     * @returns 四元数
+     */ _proto.multiplyQuaternions = function multiplyQuaternions(left, right) {
+        // from http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/code/index.htm
+        var qax = left.x;
+        var qay = left.y;
+        var qaz = left.z;
+        var qaw = left.w;
+        var qbx = right.x;
+        var qby = right.y;
+        var qbz = right.z;
+        var qbw = right.w;
+        this.x = qax * qbw + qaw * qbx + qay * qbz - qaz * qby;
+        this.y = qay * qbw + qaw * qby + qaz * qbx - qax * qbz;
+        this.z = qaz * qbw + qaw * qbz + qax * qby - qay * qbx;
+        this.w = qaw * qbw - qax * qbx - qay * qby - qaz * qbz;
+        return this;
     };
     /**
-     * 创建投影矩阵
-     * @param fov - 视角
-     * @param aspect - 视窗比例
-     * @param near - 近平面
-     * @param far - 远平面
-     * @param [reverse] - 视锥体长宽反转
-     * @returns 投影矩阵
-     */ Matrix4.fromPerspective = function fromPerspective(fov, aspect, near, far, reverse) {
-        return new Matrix4().perspective(fov, aspect, near, far, reverse);
+     * 四元数线性插值
+     * @see http://www.euclideanspace.com/maths/algebra/realNormedAlgebra/quaternions/slerp/
+     * @param other - 四元数
+     * @param t - 插值比
+     * @returns 插值结果
+     */ _proto.slerp = function slerp(other, t) {
+        if (t === 0) {
+            return this;
+        }
+        if (t === 1) {
+            return this.copyFrom(other);
+        }
+        var _this = this, x = _this.x, y = _this.y, z = _this.z, w = _this.w;
+        var cosHalfTheta = w * other.w + x * other.x + y * other.y + z * other.z;
+        if (cosHalfTheta < 0) {
+            this.w = -other.w;
+            this.x = -other.x;
+            this.y = -other.y;
+            this.z = -other.z;
+            cosHalfTheta = -cosHalfTheta;
+        } else {
+            this.copyFrom(other);
+        }
+        if (cosHalfTheta >= 1.0) {
+            this.w = w;
+            this.x = x;
+            this.y = y;
+            this.z = z;
+            return this;
+        }
+        var sqrSinHalfTheta = 1.0 - cosHalfTheta * cosHalfTheta;
+        if (sqrSinHalfTheta <= Number.EPSILON) {
+            var s = 1 - t;
+            this.w = s * w + t * this.w;
+            this.x = s * x + t * this.x;
+            this.y = s * y + t * this.y;
+            this.z = s * z + t * this.z;
+            this.normalize();
+            return this;
+        }
+        var sinHalfTheta = Math.sqrt(sqrSinHalfTheta);
+        var halfTheta = Math.atan2(sinHalfTheta, cosHalfTheta);
+        var ratioA = Math.sin((1 - t) * halfTheta) / sinHalfTheta;
+        var ratioB = Math.sin(t * halfTheta) / sinHalfTheta;
+        this.w = w * ratioA + this.w * ratioB;
+        this.x = x * ratioA + this.x * ratioB;
+        this.y = y * ratioA + this.y * ratioB;
+        this.z = z * ratioA + this.z * ratioB;
+        return this;
     };
     /**
-     * 通过四个列向量创建矩阵
-     * @param c1 - 第一列
-     * @param c2 - 第二列
-     * @param c3 - 第三列
-     * @param c4 - 第四列
-     * @returns
-     */ Matrix4.fromColumnVectors = function fromColumnVectors(c1, c2, c3, c4) {
-        return new Matrix4().setFromColumnVectors(c1, c2, c3, c4);
+     * 两个四元数的线性插值
+     * @param qa - 四元数
+     * @param qb - 四元数
+     * @param t - 插值比
+     */ _proto.slerpQuaternions = function slerpQuaternions(qa, qb, t) {
+        this.copyFrom(qa).slerp(qb, t);
     };
     /**
-     * 通过三阶矩阵创建矩阵
-     * @param m - 三阶矩阵
-     * @returns 创建的矩阵
-     */ Matrix4.fromMatrix3 = function fromMatrix3(m) {
-        return new Matrix4().setFromMatrix3(m);
+     * 通过四元数旋转向量
+     * @param v - 待旋转向量
+     * @param [out] - 旋转结果，如果没有传入直接覆盖输入值
+     * @returns
+     */ _proto.rotateVector3 = function rotateVector3(v, out) {
+        var _this = this, qx = _this.x, qy = _this.y, qz = _this.z, qw = _this.w;
+        var vx = v.x, vy = v.y, vz = v.z;
+        var ix = qw * vx + qy * vz - qz * vy;
+        var iy = qw * vy + qz * vx - qx * vz;
+        var iz = qw * vz + qx * vy - qy * vx;
+        var iw = -qx * vx - qy * vy - qz * vz;
+        var res = out != null ? out : v;
+        res.x = ix * qw + iw * -qx + iy * -qz - iz * -qy;
+        res.y = iy * qw + iw * -qy + iz * -qx - ix * -qz;
+        res.z = iz * qw + iw * -qz + ix * -qy - iy * -qx;
+        return res;
     };
     /**
-     * 通过数组创建矩阵
-     * @param array - 数组
-     * @param [offset=0] - 起始偏移值
-     * @returns 矩阵
-     */ Matrix4.fromArray = function fromArray(array, offset) {
-        if (offset === void 0) offset = 0;
-        return new Matrix4().setFromArray(array, offset);
+     * 四元数判等
+     * @param quaternion - 四元数
+     * @returns 判等结果
+     */ _proto.equals = function equals(quaternion) {
+        return quaternion.x === this.x && quaternion.y === this.y && quaternion.z === this.z && quaternion.w === this.w;
     };
     /**
-     * 通过缩放创建矩阵
-     * @param x - x 缩放
-     * @param y - y 缩放
-     * @param z - z 缩放
-     * @returns 缩放结果
-     */ Matrix4.fromScale = function fromScale(x, y, z) {
-        return new Matrix4().setFromScale(x, y, z);
+     * 四元数保存为数组
+     * @returns
+     */ _proto.toArray = function toArray() {
+        return [
+            this.x,
+            this.y,
+            this.z,
+            this.w
+        ];
     };
     /**
-     * 通过平移创建矩阵
-     * @param x - x 平移
-     * @param y - y 平移
-     * @param z - z 平移
-     * @returns 平移结果
-     */ Matrix4.fromTranslation = function fromTranslation(x, y, z) {
-        return new Matrix4().setFromTranslation(x, y, z);
+     * 四元数转四维向量数组
+     * @param vec - 目标保存对象
+     * @returns 保存结果
+     */ _proto.toVector4 = function toVector4(vec) {
+        return vec.set(this.x, this.y, this.z, this.w);
     };
     /**
-     * 通过 x 轴旋转创建矩阵
-     * @param theta - x 轴旋转弧度
-     * @returns 矩阵
-     */ Matrix4.fromRotationX = function fromRotationX(theta) {
-        return new Matrix4().setFromRotationX(theta);
+     * 四元数转欧拉角
+     * @param euler - 目标欧拉角
+     * @returns 欧拉角
+     */ _proto.toEuler = function toEuler(euler) {
+        return euler.setFromQuaternion(this);
     };
     /**
-     * 通过 y 轴旋转创建矩阵
-     * @param theta - y 轴旋转弧度
-     * @returns 矩阵
-     */ Matrix4.fromRotationY = function fromRotationY(theta) {
-        return new Matrix4().setFromRotationY(theta);
+     * 四元数转矩阵
+     * @param mat - 目标矩阵
+     * @returns
+     */ _proto.toMatrix4 = function toMatrix4(mat) {
+        return mat.compose(Vector3.ZERO, this, Vector3.ONE);
     };
     /**
-     * 通过 z 轴旋转创建矩阵
-     * @param theta - z 轴旋转弧度
-     * @returns
-     */ Matrix4.fromRotationZ = function fromRotationZ(theta) {
-        return new Matrix4().setFromRotationZ(theta);
+     * 通过欧拉角创建四元数
+     * @param euler - 欧拉角
+     * @returns 四元数
+     */ Quaternion.fromEuler = function fromEuler(euler) {
+        return new Quaternion().setFromEuler(euler);
     };
     /**
-     * 通过旋转轴与旋转弧度创建矩阵
+     * 通过旋转轴和旋转角度创建四元数
      * @param axis - 旋转轴
-     * @param angle - 旋转弧度
-     * @returns
-     */ Matrix4.fromRotationAxis = function fromRotationAxis(axis, angle) {
-        return new Matrix4().setFromRotationAxis(axis, angle);
+     * @param angle - 旋转角（弧度值）
+     * @returns 四元数
+     */ Quaternion.fromAxisAngle = function fromAxisAngle(axis, angle) {
+        return new Quaternion().setFromAxisAngle(axis, angle);
     };
     /**
-     * 通过欧拉角创建矩阵
-     * @param euler - 欧拉角
-     * @returns
-     */ Matrix4.fromEuler = function fromEuler(euler) {
-        return new Matrix4().setFromEuler(euler);
+     * 通过 Vector4Like 创建四元数
+     * @param v - Vector4Like
+     * @returns 四元数
+     */ Quaternion.fromVector4 = function fromVector4(v) {
+        return new Quaternion().setFromVector4(v);
     };
     /**
-     * 通过四元数创建矩阵
-     * @param quat - 四元数
-     * @returns
-     */ Matrix4.fromQuaternion = function fromQuaternion(quat) {
-        return new Matrix4().setFromQuaternion(quat);
+     * 通过数组创建四元数
+     * @param array - 数组
+     * @param [offset=0] - 起始偏移值
+     * @returns 四元数
+     */ Quaternion.fromArray = function fromArray(array, offset) {
+        if (offset === void 0) offset = 0;
+        return new Quaternion().setFromArray(array, offset);
     };
     /**
-     * 通过倾斜创建矩阵
-     * @param x - x 方向倾斜分量
-     * @param y - y 方向倾斜分量
-     * @param z - z 方向倾斜分量
-     * @returns 倾斜矩阵
-     */ Matrix4.fromShear = function fromShear(x, y, z) {
-        return new Matrix4().setFromShear(x, y, z);
+     * 通过旋转矩阵创建四元数
+     * @param m - 旋转矩阵
+     * @returns 四元数
+     */ Quaternion.fromRotationMatrix = function fromRotationMatrix(m) {
+        return new Quaternion().setFromRotationMatrix(m);
     };
     /**
-     * 通过基轴创建矩阵
-     * @param xAxis - x 轴
-     * @param yAxis - y 轴
-     * @param zAxis - z 轴
+     * 通过开始和结束向量创建四元数
+     * @param from - 开始向量
+     * @param to - 结束向量
      * @returns
-     */ Matrix4.fromBasis = function fromBasis(xAxis, yAxis, zAxis) {
-        return new Matrix4().setFromBasis(xAxis, yAxis, zAxis);
+     */ Quaternion.fromUnitVectors = function fromUnitVectors(from, to) {
+        return new Quaternion().setFromUnitVectors(from, to);
+    };
+    return Quaternion;
+}();
+Quaternion.tempVec0 = new Vector3();
+
+/**
+ * 四阶矩阵（列优先矩阵）
+ */ var Matrix4 = /*#__PURE__*/ function() {
+    function Matrix4(m11, m21, m31, m41, m12, m22, m32, m42, m13, m23, m33, m43, m14, m24, m34, m44) {
+        if (m11 === void 0) m11 = 1;
+        if (m21 === void 0) m21 = 0;
+        if (m31 === void 0) m31 = 0;
+        if (m41 === void 0) m41 = 0;
+        if (m12 === void 0) m12 = 0;
+        if (m22 === void 0) m22 = 1;
+        if (m32 === void 0) m32 = 0;
+        if (m42 === void 0) m42 = 0;
+        if (m13 === void 0) m13 = 0;
+        if (m23 === void 0) m23 = 0;
+        if (m33 === void 0) m33 = 1;
+        if (m43 === void 0) m43 = 0;
+        if (m14 === void 0) m14 = 0;
+        if (m24 === void 0) m24 = 0;
+        if (m34 === void 0) m34 = 0;
+        if (m44 === void 0) m44 = 1;
+        this.elements = [
+            m11,
+            m21,
+            m31,
+            m41,
+            m12,
+            m22,
+            m32,
+            m42,
+            m13,
+            m23,
+            m33,
+            m43,
+            m14,
+            m24,
+            m34,
+            m44
+        ];
+    }
+    var _proto = Matrix4.prototype;
+    /**
+     * 设置矩阵
+     * @param m11 - 第 1 行，第 1 列
+     * @param m21 - 第 2 行，第 1 列
+     * @param m31 - 第 3 行，第 1 列
+     * @param m41 - 第 4 行，第 1 列
+     * @param m12 - 第 1 行，第 2 列
+     * @param m22 - 第 2 行，第 2 列
+     * @param m32 - 第 3 行，第 2 列
+     * @param m42 - 第 4 行，第 2 列
+     * @param m13 - 第 1 行，第 3 列
+     * @param m23 - 第 2 行，第 3 列
+     * @param m33 - 第 3 行，第 3 列
+     * @param m43 - 第 4 行，第 3 列
+     * @param m14 - 第 1 行，第 4 列
+     * @param m24 - 第 2 行，第 4 列
+     * @param m34 - 第 3 行，第 4 列
+     * @param m44 - 第 4 行，第 4 列
+     * @returns 矩阵
+     */ _proto.set = function set(m11, m21, m31, m41, m12, m22, m32, m42, m13, m23, m33, m43, m14, m24, m34, m44) {
+        var e = this.elements;
+        e[0] = m11;
+        e[1] = m21;
+        e[2] = m31;
+        e[3] = m41;
+        e[4] = m12;
+        e[5] = m22;
+        e[6] = m32;
+        e[7] = m42;
+        e[8] = m13;
+        e[9] = m23;
+        e[10] = m33;
+        e[11] = m43;
+        e[12] = m14;
+        e[13] = m24;
+        e[14] = m34;
+        e[15] = m44;
+        return this;
     };
     /**
      * 通过行优先数据设置矩阵
@@ -4594,732 +4368,891 @@ Quaternion.tempVec0 = new Vector3();
      * @param m42 - 第 4 行，第 2 列
      * @param m43 - 第 4 行，第 3 列
      * @param m44 - 第 4 行，第 4 列
-     * @returns
-     */ Matrix4.fromRowMajorData = function fromRowMajorData(m11, m12, m13, m14, m21, m22, m23, m24, m31, m32, m33, m34, m41, m42, m43, m44) {
-        return new Matrix4(m11, m21, m31, m41, m12, m22, m32, m42, m13, m23, m33, m43, m14, m24, m34, m44);
+     * @returns 矩阵
+     */ _proto.setFromRowMajorData = function setFromRowMajorData(m11, m12, m13, m14, m21, m22, m23, m24, m31, m32, m33, m34, m41, m42, m43, m44) {
+        var e = this.elements;
+        e[0] = m11;
+        e[4] = m12;
+        e[8] = m13;
+        e[12] = m14;
+        e[1] = m21;
+        e[5] = m22;
+        e[9] = m23;
+        e[13] = m24;
+        e[2] = m31;
+        e[6] = m32;
+        e[10] = m33;
+        e[14] = m34;
+        e[3] = m41;
+        e[7] = m42;
+        e[11] = m43;
+        e[15] = m44;
+        return this;
     };
-    return Matrix4;
-}();
-Matrix4.IDENTITY = new Matrix4(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-Matrix4.ZERO = new Matrix4(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
-Matrix4.tempVec0 = new Vector3();
-Matrix4.tempVec1 = new Vector3();
-Matrix4.tempVec2 = new Vector3();
-Matrix4.tempMat0 = new Matrix4();
-
-/**
- * 四维向量
- */ var Vector4 = /*#__PURE__*/ function() {
-    function Vector4(x, y, z, w) {
-        if (x === void 0) x = 0;
-        if (y === void 0) y = 0;
-        if (z === void 0) z = 0;
-        if (w === void 0) w = 0;
-        this.x = x;
-        this.y = y;
-        this.z = z;
-        this.w = w;
-    }
-    var _proto = Vector4.prototype;
     /**
-     * 设置向量
-     * @param x - x 轴分量
-     * @param y - y 轴分量
-     * @param z - z 轴分量
-     * @param w - w 轴分量
-     * @returns
-     */ _proto.set = function set(x, y, z, w) {
-        this.x = x;
-        this.y = y;
-        this.z = z;
-        this.w = w;
+     * 通过四个列向量设置矩阵
+     * @param c1 - 第一列
+     * @param c2 - 第二列
+     * @param c3 - 第三列
+     * @param c4 - 第四列
+     * @returns 矩阵
+     */ _proto.setFromColumnVectors = function setFromColumnVectors(c1, c2, c3, c4) {
+        return this.set(c1.x, c1.y, c1.z, c1.w, c2.x, c2.y, c2.z, c2.w, c3.x, c3.y, c3.z, c3.w, c4.x, c4.y, c4.z, c4.w);
+    };
+    /**
+     * 通过三维矩阵设置矩阵
+     * @param m - 三维矩阵
+     * @returns 设置结果
+     */ _proto.setFromMatrix3 = function setFromMatrix3(m) {
+        var me = m.elements;
+        this.set(me[0], me[1], me[2], 0, me[3], me[4], me[5], 0, me[6], me[7], me[8], 0, 0, 0, 0, 1);
+        return this;
+    };
+    /**
+     * 通过数组设置矩阵
+     * @param array - 数组
+     * @param [offset=0] - 起始偏移值
+     * @returns 矩阵
+     */ _proto.setFromArray = function setFromArray(array, offset) {
+        if (offset === void 0) offset = 0;
+        for(var i = 0; i < 16; i++){
+            this.elements[i] = array[offset + i];
+        }
         return this;
     };
     /**
-     * 设置零向量
-     * @returns 向量
-     */ _proto.setZero = function setZero() {
-        this.x = 0;
-        this.y = 0;
-        this.z = 0;
-        this.w = 0;
-        return this;
+     * 通过缩放设置矩阵
+     * @param x - x 方向缩放
+     * @param y - y 方向缩放
+     * @param z - z 方向缩放
+     * @returns 缩放矩阵
+     */ _proto.setFromScale = function setFromScale(x, y, z) {
+        return this.set(x, 0, 0, 0, 0, y, 0, 0, 0, 0, z, 0, 0, 0, 0, 1);
+    };
+    /**
+     * 通过平移设置矩阵
+     * @param x - x 方向平移
+     * @param y - y 方向平移
+     * @param z - z 方向平移
+     * @returns 平移矩阵
+     */ _proto.setFromTranslation = function setFromTranslation(x, y, z) {
+        return this.set(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, x, y, z, 1);
+    };
+    /**
+     * 通过 x 轴旋转角度设置矩阵
+     * @param theta - x 轴旋转弧度
+     * @returns 矩阵
+     */ _proto.setFromRotationX = function setFromRotationX(theta) {
+        var c = Math.cos(theta);
+        var s = Math.sin(theta);
+        return this.set(1, 0, 0, 0, 0, c, s, 0, 0, -s, c, 0, 0, 0, 0, 1);
+    };
+    /**
+     * 通过 y 轴旋转角度设置矩阵
+     * @param theta - y 轴旋转弧度
+     * @returns 矩阵
+     */ _proto.setFromRotationY = function setFromRotationY(theta) {
+        var c = Math.cos(theta);
+        var s = Math.sin(theta);
+        return this.set(c, 0, -s, 0, 0, 1, 0, 0, s, 0, c, 0, 0, 0, 0, 1);
+    };
+    /**
+     * 通过 z 轴旋转角度设置矩阵
+     * @param theta - z 轴旋转弧度
+     * @returns 矩阵
+     */ _proto.setFromRotationZ = function setFromRotationZ(theta) {
+        var c = Math.cos(theta);
+        var s = Math.sin(theta);
+        return this.set(c, s, 0, 0, -s, c, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
     };
     /**
-     * 通过标量数值设置向量
-     * @param num - 数值
-     * @returns 向量
-     */ _proto.setFromNumber = function setFromNumber(num) {
-        this.x = num;
-        this.y = num;
-        this.z = num;
-        this.w = num;
-        return this;
+     * 根据三维旋转轴与弧度设置矩阵
+     * @param axis - 三维旋转轴
+     * @param angle - 旋转弧度
+     * @returns 矩阵
+     */ _proto.setFromRotationAxis = function setFromRotationAxis(axis, angle) {
+        // Based on http://www.gamedev.net/reference/articles/article1199.asp
+        var v = Matrix4.tempVec0;
+        v.copyFrom(axis).normalize();
+        var c = Math.cos(angle);
+        var s = Math.sin(angle);
+        var t = 1 - c;
+        var x = v.x, y = v.y, z = v.z;
+        var tx = t * x;
+        var ty = t * y;
+        return this.set(tx * x + c, tx * y + s * z, tx * z - s * y, 0, tx * y - s * z, ty * y + c, ty * z + s * x, 0, tx * z + s * y, ty * z - s * x, t * z * z + c, 0, 0, 0, 0, 1);
     };
     /**
-     * 通过数组创建向量
-     * @param array - 数组
-     * @param [offset=0] - 起始偏移值
-     * @returns 向量
-     */ _proto.setFromArray = function setFromArray(array, offset) {
-        if (offset === void 0) offset = 0;
-        var _array_offset;
-        this.x = (_array_offset = array[offset]) != null ? _array_offset : 0;
-        var _array_;
-        this.y = (_array_ = array[offset + 1]) != null ? _array_ : 0;
-        var _array_1;
-        this.z = (_array_1 = array[offset + 2]) != null ? _array_1 : 0;
-        var _array_2;
-        this.w = (_array_2 = array[offset + 3]) != null ? _array_2 : 0;
+     * 通过欧拉角设置矩阵
+     * @param euler - 欧拉角
+     * @returns 矩阵
+     */ _proto.setFromEuler = function setFromEuler(euler) {
+        euler.toMatrix4(this);
         return this;
     };
     /**
-     * 拷贝向量
-     * @param v - 复制对象
-     * @returns 拷贝结果
-     */ _proto.copyFrom = function copyFrom(v) {
-        this.x = v.x;
-        this.y = v.y;
-        this.z = v.z;
-        this.w = v.w;
-        return this;
+     * 通过四元数设置矩阵
+     * @param quat - 四元数
+     * @returns 矩阵
+     */ _proto.setFromQuaternion = function setFromQuaternion(quat) {
+        return this.compose(Vector3.ZERO, quat, Vector3.ONE);
     };
     /**
-     * 克隆向量
-     * @returns 克隆结果
-     */ _proto.clone = function clone() {
-        return new Vector4(this.x, this.y, this.z, this.w);
+     * 通过倾斜参数设置矩阵
+     * @param x - x 方向倾斜分量
+     * @param y - y 方向倾斜分量
+     * @param z - z 方向倾斜分量
+     * @returns 倾斜矩阵
+     */ _proto.setFromShear = function setFromShear(x, y, z) {
+        return this.set(1, x, x, 0, y, 1, y, 0, z, z, 1, 0, 0, 0, 0, 1);
     };
     /**
-     * 根据下标设置向量分量
-     * @param index - 下标值
-     * @param value - 分量值
-     * @returns 向量
-     */ _proto.setElement = function setElement(index, value) {
-        switch(index){
-            case 0:
-                this.x = value;
-                break;
-            case 1:
-                this.y = value;
-                break;
-            case 2:
-                this.z = value;
-                break;
-            case 3:
-                this.w = value;
-                break;
-            default:
-                console.error("index is out of range: " + index);
+     * 通过基轴设置矩阵
+     * @param xAxis - x 轴
+     * @param yAxis - y 轴
+     * @param zAxis - z 轴
+     * @returns 倾斜矩阵
+     */ _proto.setFromBasis = function setFromBasis(xAxis, yAxis, zAxis) {
+        return this.set(xAxis.x, xAxis.y, xAxis.z, 0, yAxis.x, yAxis.y, yAxis.z, 0, zAxis.x, zAxis.y, zAxis.z, 0, 0, 0, 0, 1);
+    };
+    /**
+     * 矩阵清零
+     * @returns 零矩阵
+     */ _proto.setZero = function setZero() {
+        for(var i = 0; i < 16; i++){
+            this.elements[i] = 0;
         }
         return this;
     };
     /**
-     * 根据下标获取向量分量
-     * @param index - 下标
-     * @returns 分量值
-     */ _proto.getElement = function getElement(index) {
-        switch(index){
-            case 0:
-                return this.x;
-            case 1:
-                return this.y;
-            case 2:
-                return this.z;
-            case 3:
-                return this.w;
-            default:
-                console.error("index is out of range: " + index);
-        }
-        return 0;
+     * 矩阵单位化
+     * @returns 单位矩阵
+     */ _proto.identity = function identity() {
+        return this.set(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
     };
     /**
-     * 向量相加
-     * @param right - 相加对象，向量 | 数字
-     * @returns 相加结果
-     */ _proto.add = function add(right) {
-        if (typeof right === "number") {
-            this.x += right;
-            this.y += right;
-            this.z += right;
-            this.w += right;
-        } else if (_instanceof1(right, Array)) {
-            this.x += right[0];
-            this.y += right[1];
-            this.z += right[2];
-            this.w += right[3];
-        } else {
-            this.x += right.x;
-            this.y += right.y;
-            this.z += right.z;
-            this.w += right.w;
-        }
-        return this;
+     * 单位阵判断
+     * @returns 判断结果
+     */ _proto.isIdentity = function isIdentity() {
+        var e = this.elements;
+        return e[0] === 1 && e[4] === 0 && e[8] === 0 && e[12] === 0 && e[1] === 0 && e[5] === 1 && e[9] === 0 && e[13] === 0 && e[2] === 0 && e[6] === 0 && e[10] === 1 && e[14] === 0 && e[3] === 0 && e[7] === 0 && e[11] === 0 && e[15] === 1;
     };
     /**
-     * 向量相加
-     * @param left - 向量
-     * @param right - 向量
-     * @returns 求和结果
-     */ _proto.addVectors = function addVectors(left, right) {
-        this.x = left.x + right.x;
-        this.y = left.y + right.y;
-        this.z = left.z + right.z;
-        this.w = left.w + right.w;
-        return this;
+     * 矩阵克隆
+     * @returns 克隆结果
+     */ _proto.clone = function clone() {
+        var e = this.elements;
+        return new Matrix4(e[0], e[1], e[2], e[3], e[4], e[5], e[6], e[7], e[8], e[9], e[10], e[11], e[12], e[13], e[14], e[15]);
     };
     /**
-     * 向量比例缩放后相加
-     * @param right - 向量
-     * @param s - 比例
-     * @returns 求和结果
-     */ _proto.addScaledVector = function addScaledVector(right, s) {
-        this.x += right.x * s;
-        this.y += right.y * s;
-        this.z += right.z * s;
-        this.w += right.w * s;
+     * 矩阵复制
+     * @param m - 复制对象
+     * @returns 复制结果
+     */ _proto.copyFrom = function copyFrom(m) {
+        this.elements = [].concat(m.elements);
         return this;
     };
     /**
-     * 向量相减
-     * @param right - 相减对象，向量 | 数字
-     * @returns 相减结果
-     */ _proto.subtract = function subtract(right) {
-        if (typeof right === "number") {
-            this.x -= right;
-            this.y -= right;
-            this.z -= right;
-            this.w -= right;
-        } else if (_instanceof1(right, Array)) {
-            this.x -= right[0];
-            this.y -= right[1];
-            this.z -= right[2];
-            this.w -= right[3];
-        } else {
-            this.x -= right.x;
-            this.y -= right.y;
-            this.z -= right.z;
-            this.w -= right.w;
-        }
+     * 得到列向量
+     * @param i - 列向量索引，从 0 开始
+     * @param v
+     * @returns 矩阵
+     */ _proto.getColumnVector = function getColumnVector(i, v) {
+        return v.set(this.elements[i * 4], this.elements[i * 4 + 1], this.elements[i * 4 + 2], this.elements[i * 4 + 3]);
+    };
+    /**
+     * 设置相机矩阵
+     * @param eye - 相机位置
+     * @param target - 目标位置
+     * @param up - 相机方向
+     * @returns 矩阵
+     */ _proto.lookAt = function lookAt(eye, target, up) {
+        var vX = Matrix4.tempVec0;
+        var vY = Matrix4.tempVec1;
+        var vZ = Matrix4.tempVec2;
+        vZ.subtractVectors(eye, target);
+        vZ.normalize();
+        vX.crossVectors(up, vZ);
+        vX.normalize();
+        vY.crossVectors(vZ, vX);
+        var te = this.elements;
+        te[0] = vX.x;
+        te[1] = vY.x;
+        te[2] = vZ.x;
+        te[3] = 0;
+        te[4] = vX.y;
+        te[5] = vY.y;
+        te[6] = vZ.y;
+        te[7] = 0;
+        te[8] = vX.z;
+        te[9] = vY.z;
+        te[10] = vZ.z;
+        te[11] = 0;
+        te[12] = -vX.dot(eye);
+        te[13] = -vY.dot(eye);
+        te[14] = -vZ.dot(eye);
+        te[15] = 1;
         return this;
     };
     /**
-     * 向量相减
-     * @param left - 向量
-     * @param right - 向量
-     * @returns 向量
-     */ _proto.subtractVectors = function subtractVectors(left, right) {
-        this.x = left.x - right.x;
-        this.y = left.y - right.y;
-        this.z = left.z - right.z;
-        this.w = left.w - right.w;
+     * 矩阵乘比例后相加
+     * @param right - 矩阵
+     * @param s - 比例
+     * @returns 相加结果
+     */ _proto.addScaledMatrix = function addScaledMatrix(right, s) {
+        var te = this.elements;
+        var re = right.elements;
+        for(var i = 0; i < 16; i++){
+            te[i] += re[i] * s;
+        }
         return this;
     };
     /**
-     * 向量相乘
-     * @param right - 相乘对象，对象 | 数字
-     * @returns 向量
+     * 矩阵右乘
+     * @param right - 右侧矩阵或数值
+     * @returns 右乘结果
      */ _proto.multiply = function multiply(right) {
         if (typeof right === "number") {
-            this.x *= right;
-            this.y *= right;
-            this.z *= right;
-            this.w *= right;
-        } else if (_instanceof1(right, Array)) {
-            this.x *= right[0];
-            this.y *= right[1];
-            this.z *= right[2];
-            this.w *= right[3];
+            for(var i = 0; i < 16; i++){
+                this.elements[i] *= right;
+            }
+            return this;
         } else {
-            this.x *= right.x;
-            this.y *= right.y;
-            this.z *= right.z;
-            this.w *= right.w;
+            return this.multiplyMatrices(this, right);
         }
+    };
+    /**
+     * 矩阵左乘
+     * @param left - 左侧矩阵
+     * @returns 左乘结果
+     */ _proto.premultiply = function premultiply(left) {
+        return this.multiplyMatrices(left, this);
+    };
+    /**
+     * 矩阵相乘
+     * @param left - 矩阵
+     * @param right - 矩阵
+     * @returns 相乘结果
+     */ _proto.multiplyMatrices = function multiplyMatrices(left, right) {
+        var ae = left.elements;
+        var be = right.elements;
+        var te = this.elements;
+        var a11 = ae[0], a12 = ae[4], a13 = ae[8], a14 = ae[12];
+        var a21 = ae[1], a22 = ae[5], a23 = ae[9], a24 = ae[13];
+        var a31 = ae[2], a32 = ae[6], a33 = ae[10], a34 = ae[14];
+        var a41 = ae[3], a42 = ae[7], a43 = ae[11], a44 = ae[15];
+        var b11 = be[0], b12 = be[4], b13 = be[8], b14 = be[12];
+        var b21 = be[1], b22 = be[5], b23 = be[9], b24 = be[13];
+        var b31 = be[2], b32 = be[6], b33 = be[10], b34 = be[14];
+        var b41 = be[3], b42 = be[7], b43 = be[11], b44 = be[15];
+        te[0] = a11 * b11 + a12 * b21 + a13 * b31 + a14 * b41;
+        te[4] = a11 * b12 + a12 * b22 + a13 * b32 + a14 * b42;
+        te[8] = a11 * b13 + a12 * b23 + a13 * b33 + a14 * b43;
+        te[12] = a11 * b14 + a12 * b24 + a13 * b34 + a14 * b44;
+        te[1] = a21 * b11 + a22 * b21 + a23 * b31 + a24 * b41;
+        te[5] = a21 * b12 + a22 * b22 + a23 * b32 + a24 * b42;
+        te[9] = a21 * b13 + a22 * b23 + a23 * b33 + a24 * b43;
+        te[13] = a21 * b14 + a22 * b24 + a23 * b34 + a24 * b44;
+        te[2] = a31 * b11 + a32 * b21 + a33 * b31 + a34 * b41;
+        te[6] = a31 * b12 + a32 * b22 + a33 * b32 + a34 * b42;
+        te[10] = a31 * b13 + a32 * b23 + a33 * b33 + a34 * b43;
+        te[14] = a31 * b14 + a32 * b24 + a33 * b34 + a34 * b44;
+        te[3] = a41 * b11 + a42 * b21 + a43 * b31 + a44 * b41;
+        te[7] = a41 * b12 + a42 * b22 + a43 * b32 + a44 * b42;
+        te[11] = a41 * b13 + a42 * b23 + a43 * b33 + a44 * b43;
+        te[15] = a41 * b14 + a42 * b24 + a43 * b34 + a44 * b44;
         return this;
     };
     /**
-     * 向量相乘
-     * @param left - 向量
-     * @param right - 向量
-     * @returns 向量
-     */ _proto.multiplyVectors = function multiplyVectors(left, right) {
-        this.x = left.x * right.x;
-        this.y = left.y * right.y;
-        this.z = left.z * right.z;
-        this.w = left.w * right.w;
+     * 矩阵缩放
+     * @param s - 缩放比例
+     * @returns 缩放结果
+     */ _proto.multiplyScalar = function multiplyScalar(s) {
+        var e = this.elements;
+        e[0] *= s;
+        e[4] *= s;
+        e[8] *= s;
+        e[12] *= s;
+        e[1] *= s;
+        e[5] *= s;
+        e[9] *= s;
+        e[13] *= s;
+        e[2] *= s;
+        e[6] *= s;
+        e[10] *= s;
+        e[14] *= s;
+        e[3] *= s;
+        e[7] *= s;
+        e[11] *= s;
+        e[15] *= s;
         return this;
     };
     /**
-     * 向量相除
-     * @param right - 相除对象，对象 | 数字
-     * @returns 向量
-     */ _proto.divide = function divide(right) {
-        if (typeof right === "number") {
-            this.x /= right;
-            this.y /= right;
-            this.z /= right;
-            this.w /= right;
-        } else if (_instanceof1(right, Array)) {
-            this.x /= right[0];
-            this.y /= right[1];
-            this.z /= right[2];
-            this.w /= right[3];
-        } else {
-            this.x /= right.x;
-            this.y /= right.y;
-            this.z /= right.z;
-            this.w /= right.w;
+     * 矩阵求行列式值
+     * @returns 行列式值
+     */ _proto.determinant = function determinant() {
+        var e = this.elements;
+        var m11 = e[0], m12 = e[4], m13 = e[8], m14 = e[12];
+        var m21 = e[1], m22 = e[5], m23 = e[9], m24 = e[13];
+        var m31 = e[2], m32 = e[6], m33 = e[10], m34 = e[14];
+        var m41 = e[3], m42 = e[7], m43 = e[11], m44 = e[15];
+        return m41 * (+m14 * m23 * m32 - m13 * m24 * m32 - m14 * m22 * m33 + m12 * m24 * m33 + m13 * m22 * m34 - m12 * m23 * m34) + m42 * (+m11 * m23 * m34 - m11 * m24 * m33 + m14 * m21 * m33 - m13 * m21 * m34 + m13 * m24 * m31 - m14 * m23 * m31) + m43 * (+m11 * m24 * m32 - m11 * m22 * m34 - m14 * m21 * m32 + m12 * m21 * m34 + m14 * m22 * m31 - m12 * m24 * m31) + m44 * (-m13 * m22 * m31 - m11 * m23 * m32 + m11 * m22 * m33 + m13 * m21 * m32 - m12 * m21 * m33 + m12 * m23 * m31);
+    };
+    /**
+     * 矩阵转置
+     * @returns 转置结果
+     */ _proto.transpose = function transpose() {
+        var e = this.elements;
+        var t;
+        t = e[1];
+        e[1] = e[4];
+        e[4] = t;
+        t = e[2];
+        e[2] = e[8];
+        e[8] = t;
+        t = e[3];
+        e[3] = e[12];
+        e[12] = t;
+        //
+        t = e[6];
+        e[6] = e[9];
+        e[9] = t;
+        t = e[7];
+        e[7] = e[13];
+        e[13] = t;
+        t = e[11];
+        e[11] = e[14];
+        e[14] = t;
+        return this;
+    };
+    /**
+     * 矩阵求逆
+     * @returns 逆矩阵
+     */ _proto.invert = function invert() {
+        // based on http://www.euclideanspace.com/maths/algebra/matrix/functions/inverse/fourD/index.htm
+        var e = this.elements;
+        var m11 = e[0], m21 = e[1], m31 = e[2], m41 = e[3];
+        var m12 = e[4], m22 = e[5], m32 = e[6], m42 = e[7];
+        var m13 = e[8], m23 = e[9], m33 = e[10], m43 = e[11];
+        var m14 = e[12], m24 = e[13], m34 = e[14], m44 = e[15];
+        var t11 = m23 * m34 * m42 - m24 * m33 * m42 + m24 * m32 * m43 - m22 * m34 * m43 - m23 * m32 * m44 + m22 * m33 * m44;
+        var t12 = m14 * m33 * m42 - m13 * m34 * m42 - m14 * m32 * m43 + m12 * m34 * m43 + m13 * m32 * m44 - m12 * m33 * m44;
+        var t13 = m13 * m24 * m42 - m14 * m23 * m42 + m14 * m22 * m43 - m12 * m24 * m43 - m13 * m22 * m44 + m12 * m23 * m44;
+        var t14 = m14 * m23 * m32 - m13 * m24 * m32 - m14 * m22 * m33 + m12 * m24 * m33 + m13 * m22 * m34 - m12 * m23 * m34;
+        var det = m11 * t11 + m21 * t12 + m31 * t13 + m41 * t14;
+        if (det === 0) {
+            return this.set(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
         }
+        var detInv = 1 / det;
+        e[0] = t11 * detInv;
+        e[1] = (m24 * m33 * m41 - m23 * m34 * m41 - m24 * m31 * m43 + m21 * m34 * m43 + m23 * m31 * m44 - m21 * m33 * m44) * detInv;
+        e[2] = (m22 * m34 * m41 - m24 * m32 * m41 + m24 * m31 * m42 - m21 * m34 * m42 - m22 * m31 * m44 + m21 * m32 * m44) * detInv;
+        e[3] = (m23 * m32 * m41 - m22 * m33 * m41 - m23 * m31 * m42 + m21 * m33 * m42 + m22 * m31 * m43 - m21 * m32 * m43) * detInv;
+        e[4] = t12 * detInv;
+        e[5] = (m13 * m34 * m41 - m14 * m33 * m41 + m14 * m31 * m43 - m11 * m34 * m43 - m13 * m31 * m44 + m11 * m33 * m44) * detInv;
+        e[6] = (m14 * m32 * m41 - m12 * m34 * m41 - m14 * m31 * m42 + m11 * m34 * m42 + m12 * m31 * m44 - m11 * m32 * m44) * detInv;
+        e[7] = (m12 * m33 * m41 - m13 * m32 * m41 + m13 * m31 * m42 - m11 * m33 * m42 - m12 * m31 * m43 + m11 * m32 * m43) * detInv;
+        e[8] = t13 * detInv;
+        e[9] = (m14 * m23 * m41 - m13 * m24 * m41 - m14 * m21 * m43 + m11 * m24 * m43 + m13 * m21 * m44 - m11 * m23 * m44) * detInv;
+        e[10] = (m12 * m24 * m41 - m14 * m22 * m41 + m14 * m21 * m42 - m11 * m24 * m42 - m12 * m21 * m44 + m11 * m22 * m44) * detInv;
+        e[11] = (m13 * m22 * m41 - m12 * m23 * m41 - m13 * m21 * m42 + m11 * m23 * m42 + m12 * m21 * m43 - m11 * m22 * m43) * detInv;
+        e[12] = t14 * detInv;
+        e[13] = (m13 * m24 * m31 - m14 * m23 * m31 + m14 * m21 * m33 - m11 * m24 * m33 - m13 * m21 * m34 + m11 * m23 * m34) * detInv;
+        e[14] = (m14 * m22 * m31 - m12 * m24 * m31 - m14 * m21 * m32 + m11 * m24 * m32 + m12 * m21 * m34 - m11 * m22 * m34) * detInv;
+        e[15] = (m12 * m23 * m31 - m13 * m22 * m31 + m13 * m21 * m32 - m11 * m23 * m32 - m12 * m21 * m33 + m11 * m22 * m33) * detInv;
         return this;
     };
     /**
-     * 向量缩放
-     * @param v - 数字
-     * @returns 缩放结果
-     */ _proto.scale = function scale(v) {
-        this.x *= v;
-        this.y *= v;
-        this.z *= v;
-        this.w *= v;
+     * 提取基轴
+     * @param xAxis - 提取的 x 轴
+     * @param yAxis - 提取的 y 轴
+     * @param zAxis - 提取的 z 轴
+     * @returns
+     */ _proto.extractBasis = function extractBasis(xAxis, yAxis, zAxis) {
+        var te = this.elements;
+        xAxis.set(te[0], te[1], te[2]);
+        yAxis.set(te[4], te[5], te[6]);
+        zAxis.set(te[8], te[9], te[10]);
+        return this;
+    };
+    /**
+     * 根据基础信息组装矩阵
+     * @param translation - 位置信息
+     * @param rotation - 旋转信息
+     * @param scale - 缩放信息
+     * @param [anchor] - 锚点信息
+     * @returns 矩阵
+     */ _proto.compose = function compose(translation, rotation, scale, anchor) {
+        if (anchor === void 0) anchor = Vector3.ZERO;
+        var te = this.elements;
+        var x = rotation.x, y = rotation.y, z = rotation.z, w = rotation.w;
+        var l = -anchor.x;
+        var m = -anchor.y;
+        var n = -anchor.z;
+        var x2 = x + x;
+        var y2 = y + y;
+        var z2 = z + z;
+        var xx = x * x2;
+        var xy = x * y2;
+        var xz = x * z2;
+        var yy = y * y2;
+        var yz = y * z2;
+        var zz = z * z2;
+        var wx = w * x2;
+        var wy = w * y2;
+        var wz = w * z2;
+        var sx = scale.x, sy = scale.y, sz = scale.z;
+        te[0] = (1 - (yy + zz)) * sx;
+        te[1] = (xy + wz) * sx;
+        te[2] = (xz - wy) * sx;
+        te[3] = 0;
+        te[4] = (xy - wz) * sy;
+        te[5] = (1 - (xx + zz)) * sy;
+        te[6] = (yz + wx) * sy;
+        te[7] = 0;
+        te[8] = (xz + wy) * sz;
+        te[9] = (yz - wx) * sz;
+        te[10] = (1 - (xx + yy)) * sz;
+        te[11] = 0;
+        te[12] = l * te[0] + m * te[4] + n * te[8] - l + translation.x;
+        te[13] = l * te[1] + m * te[5] + n * te[9] - m + translation.y;
+        te[14] = l * te[2] + m * te[6] + n * te[10] - n + translation.z;
         return this;
     };
     /**
-     * 分量求和
-     * @returns 求和结果
-     */ _proto.sum = function sum() {
-        return this.x + this.y + this.z + this.w;
-    };
-    /**
-     * 向量求最小值
-     * @param v - 向量或数值
-     * @returns 最小值
-     */ _proto.min = function min(v) {
-        if (typeof v === "number") {
-            this.x = Math.min(this.x, v);
-            this.y = Math.min(this.y, v);
-            this.z = Math.min(this.z, v);
-            this.w = Math.min(this.w, v);
-        } else {
-            this.x = Math.min(this.x, v.x);
-            this.y = Math.min(this.y, v.y);
-            this.z = Math.min(this.z, v.z);
-            this.w = Math.min(this.w, v.w);
+     * 矩阵拆分为基础信息
+     * @param translation - 位置信息
+     * @param rotation - 旋转信息
+     * @param scale - 缩放信息
+     * @returns 矩阵
+     */ _proto.decompose = function decompose(translation, rotation, scale) {
+        var v = Matrix4.tempVec0;
+        var te = this.elements;
+        var sx = v.set(te[0], te[1], te[2]).length();
+        var sy = v.set(te[4], te[5], te[6]).length();
+        var sz = v.set(te[8], te[9], te[10]).length();
+        // if determine is negative, we need to invert one scale
+        var det = this.determinant();
+        if (det < 0) {
+            sx = -sx;
         }
+        translation.x = te[12];
+        translation.y = te[13];
+        translation.z = te[14];
+        // scale the rotation part
+        var m = Matrix4.tempMat0;
+        m.copyFrom(this);
+        var invSX = 1 / sx;
+        var invSY = 1 / sy;
+        var invSZ = 1 / sz;
+        m.elements[0] *= invSX;
+        m.elements[1] *= invSX;
+        m.elements[2] *= invSX;
+        m.elements[4] *= invSY;
+        m.elements[5] *= invSY;
+        m.elements[6] *= invSY;
+        m.elements[8] *= invSZ;
+        m.elements[9] *= invSZ;
+        m.elements[10] *= invSZ;
+        rotation.setFromRotationMatrix(m);
+        scale.x = sx;
+        scale.y = sy;
+        scale.z = sz;
         return this;
     };
-    /**
-     * 向量求最大值
-     * @param v - 向量或数值
-     * @returns 最大值
-     */ _proto.max = function max(v) {
-        if (typeof v === "number") {
-            this.x = Math.max(this.x, v);
-            this.y = Math.max(this.y, v);
-            this.z = Math.max(this.z, v);
-            this.w = Math.max(this.w, v);
-        } else {
-            this.x = Math.max(this.x, v.x);
-            this.y = Math.max(this.y, v.y);
-            this.z = Math.max(this.z, v.z);
-            this.w = Math.max(this.w, v.w);
-        }
-        return this;
+    _proto.getTranslation = function getTranslation(translation) {
+        var te = this.elements;
+        return translation.set(te[12], te[13], te[14]);
+    };
+    _proto.getScale = function getScale(scale) {
+        var te = this.elements;
+        return scale.set(Math.hypot(te[0], te[1], te[2]), Math.hypot(te[4], te[5], te[6]), Math.hypot(te[8], te[9], te[10]));
     };
     /**
-     * 向量阈值约束
-     * @param min - 最小值
-     * @param max - 最大值
-     * @returns 向量
-     */ _proto.clamp = function clamp(min, max) {
-        return this.max(min).min(max);
+     * 获得矩阵分解的结果
+     * @returns 分解的结果
+     */ _proto.getTransform = function getTransform() {
+        var translation = new Vector3();
+        var rotation = new Quaternion();
+        var scale = new Vector3();
+        this.decompose(translation, rotation, scale);
+        return {
+            translation: translation,
+            rotation: rotation,
+            scale: scale
+        };
     };
     /**
-     * 向量向下取整
-     * @returns 取整结果
-     */ _proto.floor = function floor() {
-        this.x = Math.floor(this.x);
-        this.y = Math.floor(this.y);
-        this.z = Math.floor(this.z);
-        this.w = Math.floor(this.w);
+     * 根据视窗信息设置正交相机投影矩阵
+     * @param left - 视窗左平面位置
+     * @param right - 视窗右平面位置
+     * @param top - 视窗上平面位置
+     * @param bottom - 视窗下平面位置
+     * @param near - 视窗近平面位置
+     * @param far - 视窗远平面位置
+     * @returns 矩阵
+     */ _proto.orthographic = function orthographic(left, right, top, bottom, near, far) {
+        var a = 1.0 / (right - left);
+        var b = 1.0 / (top - bottom);
+        var c = 1.0 / (far - near);
+        var tx = -(right + left) * a;
+        var ty = -(top + bottom) * b;
+        var tz = -(far + near) * c;
+        a *= 2.0;
+        b *= 2.0;
+        c *= -2.0;
+        var te = this.elements;
+        te[0] = a;
+        te[1] = 0.0;
+        te[2] = 0.0;
+        te[3] = 0.0;
+        //
+        te[4] = 0.0;
+        te[5] = b;
+        te[6] = 0.0;
+        te[7] = 0.0;
+        //
+        te[8] = 0.0;
+        te[9] = 0.0;
+        te[10] = c;
+        te[11] = 0.0;
+        //
+        te[12] = tx;
+        te[13] = ty;
+        te[14] = tz;
+        te[15] = 1.0;
         return this;
     };
     /**
-     * 向量向上取整
-     * @returns 取整结果
-     */ _proto.ceil = function ceil() {
-        this.x = Math.ceil(this.x);
-        this.y = Math.ceil(this.y);
-        this.z = Math.ceil(this.z);
-        this.w = Math.ceil(this.w);
+     * 通过透视相机基础参数设置投影矩阵
+     * @param fov - 视角(弧度)
+     * @param aspect - 视窗比例
+     * @param near - 近平面
+     * @param far - 远平面
+     * @param [reverse] - 视锥体长宽反转(3D这里反了？)
+     * @returns 投影矩阵
+     */ _proto.perspective = function perspective(fov, aspect, near, far, reverse) {
+        var f = 1.0 / Math.tan(fov * 0.5);
+        var nf = 1 / (near - far);
+        var te = this.elements;
+        te[0] = reverse ? f : f / aspect;
+        te[1] = 0;
+        te[2] = 0;
+        te[3] = 0;
+        //
+        te[4] = 0;
+        te[5] = reverse ? f * aspect : f;
+        te[6] = 0;
+        te[7] = 0;
+        //
+        te[8] = 0;
+        te[9] = 0;
+        te[10] = (far + near) * nf;
+        te[11] = -1;
+        //
+        te[12] = 0;
+        te[13] = 0;
+        te[14] = 2 * far * near * nf;
+        te[15] = 0;
+        if (far === null || far === Infinity) {
+            te[10] = -1;
+            te[14] = -2 * near;
+        }
         return this;
     };
     /**
-     * 向量四舍五入
-     * @returns 求值结果
-     */ _proto.round = function round() {
-        this.x = Math.round(this.x);
-        this.y = Math.round(this.y);
-        this.z = Math.round(this.z);
-        this.w = Math.round(this.w);
-        return this;
+     * 对点进行投影变换
+     * @param v - 输入点
+     * @param [out] - 输出点，如果没有就覆盖输入的数据
+     * @returns 投影后的点
+     */ _proto.projectPoint = function projectPoint(v, out) {
+        var x = v.x, y = v.y, z = v.z;
+        var e = this.elements;
+        var res = out != null ? out : v;
+        res.x = e[0] * x + e[4] * y + e[8] * z + e[12];
+        res.y = e[1] * x + e[5] * y + e[9] * z + e[13];
+        res.z = e[2] * x + e[6] * y + e[10] * z + e[14];
+        var w = e[3] * x + e[7] * y + e[11] * z + e[15];
+        return res.multiply(1 / w);
     };
     /**
-     * 向量取绝对值
-     * @returns 向量
-     */ _proto.abs = function abs() {
-        this.x = Math.abs(this.x);
-        this.y = Math.abs(this.y);
-        this.z = Math.abs(this.z);
-        this.w = Math.abs(this.w);
-        return this;
+     * 对点进行矩阵变换
+     * @param v - 输入点
+     * @param [out] - 输出点，如果没有就覆盖输入的数据
+     * @returns 变换后的点
+     */ _proto.transformPoint = function transformPoint(v, out) {
+        var x = v.x, y = v.y, z = v.z;
+        var e = this.elements;
+        var res = out != null ? out : v;
+        res.x = e[0] * x + e[4] * y + e[8] * z + e[12];
+        res.y = e[1] * x + e[5] * y + e[9] * z + e[13];
+        res.z = e[2] * x + e[6] * y + e[10] * z + e[14];
+        return res;
     };
     /**
-     * 向量取反
-     * @returns 取反结果
-     */ _proto.negate = function negate() {
-        this.x = -this.x;
-        this.y = -this.y;
-        this.z = -this.z;
-        this.w = -this.w;
-        return this;
+     * 对法向量进行矩阵变换
+     * @param v - 输入法向量
+     * @param [out] - 输出法向量，如果没有就覆盖输入的数据
+     * @returns 变换后的法向量
+     */ _proto.transformNormal = function transformNormal(v, out) {
+        var x = v.x, y = v.y, z = v.z;
+        var e = this.elements;
+        var res = out != null ? out : v;
+        res.x = e[0] * x + e[4] * y + e[8] * z;
+        res.y = e[1] * x + e[5] * y + e[9] * z;
+        res.z = e[2] * x + e[6] * y + e[10] * z;
+        return res.normalize();
     };
     /**
-     * 向量长度平方
-     * @returns 长度平方
-     */ _proto.lengthSquared = function lengthSquared() {
-        return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w;
+     * 对四维向量进行矩阵变换
+     * @param v - 输入向量
+     * @param [out] - 输出向量，如果没有就覆盖输入的数据
+     * @returns 变换后向量
+     */ _proto.transformVector4 = function transformVector4(v, out) {
+        var x = v.x, y = v.y, z = v.z, w = v.w;
+        var e = this.elements;
+        var res = out != null ? out : v;
+        res.x = e[0] * x + e[4] * y + e[8] * z + e[12] * w;
+        res.y = e[1] * x + e[5] * y + e[9] * z + e[13] * w;
+        res.z = e[2] * x + e[6] * y + e[10] * z + e[14] * w;
+        res.w = e[3] * x + e[7] * y + e[11] * z + e[15] * w;
+        return res;
     };
     /**
-     * 向量长度
-     * @returns 长度
-     */ _proto.length = function length() {
-        return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w);
+     * 矩阵判等
+     * @param matrix - 矩阵
+     * @returns 判等结果
+     */ _proto.equals = function equals(matrix) {
+        var te = this.elements;
+        var me = matrix.elements;
+        for(var i = 0; i < 16; i++){
+            if (!isEqual(te[i], me[i])) {
+                return false;
+            }
+        }
+        return true;
     };
     /**
-     * 向量归一化
-     * @returns 归一化结果
-     */ _proto.normalize = function normalize() {
-        return this.divide(this.length() || 1);
+     * 矩阵转数组
+     * @returns
+     */ _proto.toArray = function toArray() {
+        return [].concat(this.elements);
     };
-    /**
-     * 设置向量长度
-     * @param length - 长度
-     * @returns 向量
-     */ _proto.setLength = function setLength(length) {
-        return this.normalize().multiply(length);
+    _proto.fill = function fill(array, offset) {
+        if (offset === void 0) offset = 0;
+        var te = this.elements;
+        array[offset] = te[0];
+        array[offset + 1] = te[1];
+        array[offset + 2] = te[2];
+        array[offset + 3] = te[3];
+        array[offset + 4] = te[4];
+        array[offset + 5] = te[5];
+        array[offset + 6] = te[6];
+        array[offset + 7] = te[7];
+        array[offset + 8] = te[8];
+        array[offset + 9] = te[9];
+        array[offset + 10] = te[10];
+        array[offset + 11] = te[11];
+        array[offset + 12] = te[12];
+        array[offset + 13] = te[13];
+        array[offset + 14] = te[14];
+        array[offset + 15] = te[15];
     };
     /**
-     * 向量求线性插值
-     * @param v - 向量
-     * @param alpha - 插值比例
-     * @returns 插值结果
-     */ _proto.lerp = function lerp(v, alpha) {
-        this.x += (v.x - this.x) * alpha;
-        this.y += (v.y - this.y) * alpha;
-        this.z += (v.z - this.z) * alpha;
-        this.w += (v.w - this.w) * alpha;
-        return this;
+     * 创建单位阵
+     * @returns 单位矩阵
+     */ Matrix4.fromIdentity = function fromIdentity() {
+        return new Matrix4(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
     };
     /**
-     * 两向量求线性插值
-     * @param v1 - 第一个向量
-     * @param v2 - 第二个向量
-     * @param alpha - 插值比例
-     * @returns 插值结果
-     */ _proto.lerpVectors = function lerpVectors(v1, v2, alpha) {
-        this.x = v1.x + (v2.x - v1.x) * alpha;
-        this.y = v1.y + (v2.y - v1.y) * alpha;
-        this.z = v1.z + (v2.z - v1.z) * alpha;
-        this.w = v1.w + (v2.w - v1.w) * alpha;
-        return this;
+     * 创建相机矩阵
+     * @param eye - 相机位置
+     * @param target - 目标位置
+     * @param up - 相机方向
+     * @returns 矩阵
+     */ Matrix4.fromLookAt = function fromLookAt(eye, target, up) {
+        return new Matrix4().lookAt(eye, target, up);
     };
     /**
-     * 向量求点积
-     * @param v - 向量
-     * @returns 点积结果
-     */ _proto.dot = function dot(v) {
-        return this.x * v.x + this.y * v.y + this.z * v.z + this.w * v.w;
+     * 创建投影矩阵
+     * @param fov - 视角
+     * @param aspect - 视窗比例
+     * @param near - 近平面
+     * @param far - 远平面
+     * @param [reverse] - 视锥体长宽反转
+     * @returns 投影矩阵
+     */ Matrix4.fromPerspective = function fromPerspective(fov, aspect, near, far, reverse) {
+        return new Matrix4().perspective(fov, aspect, near, far, reverse);
     };
     /**
-     * 向量判等
-     * @param v - 向量
-     * @returns 判等结果
-     */ _proto.equals = function equals(v) {
-        return v.x === this.x && v.y === this.y && v.z === this.z && v.w === this.w;
+     * 通过四个列向量创建矩阵
+     * @param c1 - 第一列
+     * @param c2 - 第二列
+     * @param c3 - 第三列
+     * @param c4 - 第四列
+     * @returns
+     */ Matrix4.fromColumnVectors = function fromColumnVectors(c1, c2, c3, c4) {
+        return new Matrix4().setFromColumnVectors(c1, c2, c3, c4);
     };
     /**
-     * 是否零向量
-     * @returns 是否零向量
-     */ _proto.isZero = function isZero() {
-        var eps = NumberEpsilon;
-        var _this = this, x = _this.x, y = _this.y, z = _this.z, w = _this.w;
-        return Math.abs(x) <= eps && Math.abs(y) <= eps && Math.abs(z) <= eps && Math.abs(w) <= eps;
+     * 通过三阶矩阵创建矩阵
+     * @param m - 三阶矩阵
+     * @returns 创建的矩阵
+     */ Matrix4.fromMatrix3 = function fromMatrix3(m) {
+        return new Matrix4().setFromMatrix3(m);
     };
     /**
-     * 向量转数组
-     * @returns 数组
-     */ _proto.toArray = function toArray() {
-        return [
-            this.x,
-            this.y,
-            this.z,
-            this.w
-        ];
-    };
-    _proto.toVector3 = function toVector3() {
-        return new Vector3(this.x, this.y, this.z);
-    };
-    _proto.fill = function fill(array, offset) {
+     * 通过数组创建矩阵
+     * @param array - 数组
+     * @param [offset=0] - 起始偏移值
+     * @returns 矩阵
+     */ Matrix4.fromArray = function fromArray(array, offset) {
         if (offset === void 0) offset = 0;
-        array[offset] = this.x;
-        array[offset + 1] = this.y;
-        array[offset + 2] = this.z;
-        array[offset + 3] = this.w;
+        return new Matrix4().setFromArray(array, offset);
     };
     /**
-     * 生成随机向量
-     * @returns 向量
-     */ _proto.random = function random() {
-        this.x = Math.random();
-        this.y = Math.random();
-        this.z = Math.random();
-        this.w = Math.random();
-        return this;
+     * 通过缩放创建矩阵
+     * @param x - x 缩放
+     * @param y - y 缩放
+     * @param z - z 缩放
+     * @returns 缩放结果
+     */ Matrix4.fromScale = function fromScale(x, y, z) {
+        return new Matrix4().setFromScale(x, y, z);
     };
     /**
-     * 变换矩阵作用于向量
-     * @param m - 变换矩阵
-     * @param [out] - 输出结果，如果没有设置就直接覆盖当前值
-     * @returns 向量
-     */ _proto.applyMatrix = function applyMatrix(m, out) {
-        return m.transformVector4(this, out);
+     * 通过平移创建矩阵
+     * @param x - x 平移
+     * @param y - y 平移
+     * @param z - z 平移
+     * @returns 平移结果
+     */ Matrix4.fromTranslation = function fromTranslation(x, y, z) {
+        return new Matrix4().setFromTranslation(x, y, z);
     };
     /**
-     * 通过标量数值创建向量
-     * @param num - 数值
-     * @returns 向量
-     */ Vector4.fromNumber = function fromNumber(num) {
-        return new Vector4().setFromNumber(num);
+     * 通过 x 轴旋转创建矩阵
+     * @param theta - x 轴旋转弧度
+     * @returns 矩阵
+     */ Matrix4.fromRotationX = function fromRotationX(theta) {
+        return new Matrix4().setFromRotationX(theta);
     };
     /**
-     * 通过数组创建向量
-     * @param array - 数组
-     * @param [offset=0] - 起始偏移值
-     * @returns 向量
-     */ Vector4.fromArray = function fromArray(array, offset) {
-        if (offset === void 0) offset = 0;
-        return new Vector4().setFromArray(array, offset);
-    };
-    return Vector4;
-}();
-/**
-     * 四维向量的常量
-     */ Vector4.ONE = new Vector4(1.0, 1.0, 1.0, 1.0);
-Vector4.ZERO = new Vector4(0.0, 0.0, 0.0, 0.0);
-
-exports.EffectComponent = /*#__PURE__*/ function(RendererComponent) {
-    _inherits(EffectComponent, RendererComponent);
-    function EffectComponent(engine) {
-        var _this;
-        _this = RendererComponent.call(this, engine) || this;
-        /**
-   * Mesh 的世界矩阵
-   */ _this.worldMatrix = Matrix4.fromIdentity();
-        _this.triangles = [];
-        _this.destroyed = false;
-        // TODO 点击测试后续抽象一个 Collider 组件
-        _this.getHitTestParams = function(force) {
-            var area = _this.getBoundingBox();
-            if (area) {
-                return {
-                    type: area.type,
-                    triangles: area.area
-                };
-            }
-        };
-        _this.name = "EffectComponent";
-        _this._priority = 0;
-        return _this;
-    }
-    var _proto = EffectComponent.prototype;
-    _proto.onStart = function onStart() {
-        this.item.getHitTestParams = this.getHitTestParams;
-    };
-    _proto.onUpdate = function onUpdate(dt) {
-        var time = this.item.time;
-        var _this_material_getVector4;
-        var _Time = (_this_material_getVector4 = this.material.getVector4("_Time")) != null ? _this_material_getVector4 : new Vector4();
-        this.material.setVector4("_Time", _Time.set(time / 20, time, time * 2, time * 3));
+     * 通过 y 轴旋转创建矩阵
+     * @param theta - y 轴旋转弧度
+     * @returns 矩阵
+     */ Matrix4.fromRotationY = function fromRotationY(theta) {
+        return new Matrix4().setFromRotationY(theta);
     };
-    _proto.render = function render(renderer) {
-        if (renderer.renderingData.currentFrame.globalUniforms) {
-            renderer.setGlobalMatrix("effects_ObjectToWorld", this.transform.getWorldMatrix());
-        }
-        renderer.drawGeometry(this.geometry, this.material);
+    /**
+     * 通过 z 轴旋转创建矩阵
+     * @param theta - z 轴旋转弧度
+     * @returns
+     */ Matrix4.fromRotationZ = function fromRotationZ(theta) {
+        return new Matrix4().setFromRotationZ(theta);
     };
     /**
-   * 设置当前 Mesh 的材质
-   * @param material - 要设置的材质
-   * @param destroy - 可选的材质销毁选项
-   */ _proto.setMaterial = function setMaterial(material, destroy) {
-        if (destroy !== exports.DestroyOptions.keep) {
-            this.material.dispose(destroy);
-        }
-        this.material = material;
+     * 通过旋转轴与旋转弧度创建矩阵
+     * @param axis - 旋转轴
+     * @param angle - 旋转弧度
+     * @returns
+     */ Matrix4.fromRotationAxis = function fromRotationAxis(axis, angle) {
+        return new Matrix4().setFromRotationAxis(axis, angle);
     };
-    _proto.getBoundingBox = function getBoundingBox() {
-        var worldMatrix = this.transform.getWorldMatrix();
-        if (this.hitTestGeometry !== this.geometry) {
-            this.triangles = geometryToTriangles(this.geometry);
-            this.hitTestGeometry = this.geometry;
-        }
-        var area = [];
-        for(var _iterator = _create_for_of_iterator_helper_loose(this.triangles), _step; !(_step = _iterator()).done;){
-            var triangle = _step.value;
-            area.push({
-                p0: triangle.p0,
-                p1: triangle.p1,
-                p2: triangle.p2
-            });
-        }
-        area.forEach(function(triangle) {
-            triangle.p0 = worldMatrix.transformPoint(triangle.p0, new Vector3());
-            triangle.p1 = worldMatrix.transformPoint(triangle.p1, new Vector3());
-            triangle.p2 = worldMatrix.transformPoint(triangle.p2, new Vector3());
-        });
-        return {
-            type: exports.HitTestType.triangle,
-            area: area
-        };
+    /**
+     * 通过欧拉角创建矩阵
+     * @param euler - 欧拉角
+     * @returns
+     */ Matrix4.fromEuler = function fromEuler(euler) {
+        return new Matrix4().setFromEuler(euler);
     };
-    _proto.fromData = function fromData(data) {
-        RendererComponent.prototype.fromData.call(this, data);
-        this.material = this.materials[0];
+    /**
+     * 通过四元数创建矩阵
+     * @param quat - 四元数
+     * @returns
+     */ Matrix4.fromQuaternion = function fromQuaternion(quat) {
+        return new Matrix4().setFromQuaternion(quat);
     };
-    _proto.toData = function toData() {
-        this.taggedProperties.id = this.guid;
+    /**
+     * 通过倾斜创建矩阵
+     * @param x - x 方向倾斜分量
+     * @param y - y 方向倾斜分量
+     * @param z - z 方向倾斜分量
+     * @returns 倾斜矩阵
+     */ Matrix4.fromShear = function fromShear(x, y, z) {
+        return new Matrix4().setFromShear(x, y, z);
     };
     /**
-   * 销毁当前资源
-   * @param options - 可选的销毁选项
-   */ _proto.dispose = function dispose(options) {
-        if (this.destroyed) {
-            return;
-        }
-        this.destroyed = true;
-        RendererComponent.prototype.dispose.call(this);
+     * 通过基轴创建矩阵
+     * @param xAxis - x 轴
+     * @param yAxis - y 轴
+     * @param zAxis - z 轴
+     * @returns
+     */ Matrix4.fromBasis = function fromBasis(xAxis, yAxis, zAxis) {
+        return new Matrix4().setFromBasis(xAxis, yAxis, zAxis);
     };
-    return EffectComponent;
-}(RendererComponent);
-__decorate([
-    serialize()
-], exports.EffectComponent.prototype, "geometry", void 0);
-exports.EffectComponent = __decorate([
-    effectsClass(DataType.EffectComponent)
-], exports.EffectComponent);
-function geometryToTriangles(geometry) {
-    var _geometry_getIndexData;
-    var indices = (_geometry_getIndexData = geometry.getIndexData()) != null ? _geometry_getIndexData : [];
-    var _geometry_getAttributeData;
-    var vertices = (_geometry_getAttributeData = geometry.getAttributeData("aPos")) != null ? _geometry_getAttributeData : [];
-    var res = [];
-    for(var i = 0; i < indices.length; i += 3){
-        var index0 = indices[i] * 3;
-        var index1 = indices[i + 1] * 3;
-        var index2 = indices[i + 2] * 3;
-        var p0 = {
-            x: vertices[index0],
-            y: vertices[index0 + 1],
-            z: vertices[index0 + 2]
-        };
-        var p1 = {
-            x: vertices[index1],
-            y: vertices[index1 + 1],
-            z: vertices[index1 + 2]
-        };
-        var p2 = {
-            x: vertices[index2],
-            y: vertices[index2 + 1],
-            z: vertices[index2 + 2]
-        };
-        res.push({
-            p0: p0,
-            p1: p1,
-            p2: p2
-        });
-    }
-    return res;
+    /**
+     * 通过行优先数据设置矩阵
+     * @param m11 - 第 1 行，第 1 列
+     * @param m12 - 第 1 行，第 2 列
+     * @param m13 - 第 1 行，第 3 列
+     * @param m14 - 第 1 行，第 4 列
+     * @param m21 - 第 2 行，第 1 列
+     * @param m22 - 第 2 行，第 2 列
+     * @param m23 - 第 2 行，第 3 列
+     * @param m24 - 第 2 行，第 4 列
+     * @param m31 - 第 3 行，第 1 列
+     * @param m32 - 第 3 行，第 2 列
+     * @param m33 - 第 3 行，第 3 列
+     * @param m34 - 第 3 行，第 4 列
+     * @param m41 - 第 4 行，第 1 列
+     * @param m42 - 第 4 行，第 2 列
+     * @param m43 - 第 4 行，第 3 列
+     * @param m44 - 第 4 行，第 4 列
+     * @returns
+     */ Matrix4.fromRowMajorData = function fromRowMajorData(m11, m12, m13, m14, m21, m22, m23, m24, m31, m32, m33, m34, m41, m42, m43, m44) {
+        return new Matrix4(m11, m21, m31, m41, m12, m22, m32, m42, m13, m23, m33, m43, m14, m24, m34, m44);
+    };
+    return Matrix4;
+}();
+Matrix4.IDENTITY = new Matrix4(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+Matrix4.ZERO = new Matrix4(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
+Matrix4.tempVec0 = new Vector3();
+Matrix4.tempVec1 = new Vector3();
+Matrix4.tempVec2 = new Vector3();
+Matrix4.tempMat0 = new Matrix4();
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
 }
 
-exports.PostProcessVolume = /*#__PURE__*/ function(Behaviour) {
-    _inherits(PostProcessVolume, Behaviour);
-    function PostProcessVolume() {
-        var _this;
-        _this = Behaviour.apply(this, arguments) || this;
-        // Bloom
-        _this.bloomEnabled = true;
-        _this.threshold = 1.0;
-        _this.bloomIntensity = 1.0;
-        // ColorAdjustments
-        _this.brightness = 1.0;
-        _this.saturation = 1.0;
-        _this.contrast = 1.0;
-        // Vignette
-        _this.vignetteIntensity = 0.2;
-        _this.vignetteSmoothness = 0.4;
-        _this.vignetteRoundness = 1.0;
-        // ToneMapping
-        _this.toneMappingEnabled = true // 1: true, 0: false
-        ;
-        return _this;
-    }
-    var _proto = PostProcessVolume.prototype;
-    _proto.onStart = function onStart() {
-        var composition = this.item.composition;
-        if (composition) {
-            composition.renderFrame.globalVolume = this;
-        }
-    };
-    return PostProcessVolume;
-}(Behaviour);
-__decorate([
-    serialize()
-], exports.PostProcessVolume.prototype, "bloomEnabled", void 0);
-__decorate([
-    serialize()
-], exports.PostProcessVolume.prototype, "threshold", void 0);
-__decorate([
-    serialize()
-], exports.PostProcessVolume.prototype, "bloomIntensity", void 0);
-__decorate([
-    serialize()
-], exports.PostProcessVolume.prototype, "brightness", void 0);
-__decorate([
-    serialize()
-], exports.PostProcessVolume.prototype, "saturation", void 0);
-__decorate([
-    serialize()
-], exports.PostProcessVolume.prototype, "contrast", void 0);
-__decorate([
-    serialize()
-], exports.PostProcessVolume.prototype, "vignetteIntensity", void 0);
-__decorate([
-    serialize()
-], exports.PostProcessVolume.prototype, "vignetteSmoothness", void 0);
-__decorate([
-    serialize()
-], exports.PostProcessVolume.prototype, "vignetteRoundness", void 0);
-__decorate([
-    serialize()
-], exports.PostProcessVolume.prototype, "toneMappingEnabled", void 0);
-exports.PostProcessVolume = __decorate([
-    effectsClass("PostProcessVolume")
-], exports.PostProcessVolume);
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 
-function _assert_this_initialized(self) {
-    if (self === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    return self;
+function _create_for_of_iterator_helper_loose(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+    if (it) return (it = it.call(o)).next.bind(it);
+    // Fallback for engines without symbol support
+    if (Array.isArray(o) || (it = _unsupported_iterable_to_array(o)) || allowArrayLike && o && typeof o.length === "number") {
+        if (it) o = it;
+        var i = 0;
+        return function() {
+            if (i >= o.length) return {
+                done: true
+            };
+            return {
+                done: false,
+                value: o[i++]
+            };
+        };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 exports.ShaderCompileResultStatus = void 0;
@@ -15495,14 +15428,14 @@ var GraphicsPath = /*#__PURE__*/ function() {
     return GraphicsPath;
 }();
 
-exports.ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
-    _inherits(ShapeComponent, RendererComponent);
+exports.ShapeComponent = /*#__PURE__*/ function(MeshComponent) {
+    _inherits(ShapeComponent, MeshComponent);
     function ShapeComponent(engine) {
         var _this;
-        _this = RendererComponent.call(this, engine) || this;
+        _this = MeshComponent.call(this, engine) || this;
         _this.path = new GraphicsPath();
         _this.curveValues = [];
-        _this.animated = false;
+        _this.animated = true;
         _this.vert = "\nprecision highp float;\n\nattribute vec3 aPos;//x y\n\nuniform mat4 effects_MatrixVP;\nuniform mat4 effects_MatrixInvV;\nuniform mat4 effects_ObjectToWorld;\n\nvoid main() {\n  vec4 pos = vec4(aPos.xyz, 1.0);\n  gl_Position = effects_MatrixVP * effects_ObjectToWorld * pos;\n}\n";
         _this.frag = "\nprecision highp float;\n\nuniform vec4 _Color;\n\nvoid main() {\n  vec4 color = _Color;\n  gl_FragColor = color;\n}\n";
         if (!_this.geometry) {
@@ -15553,18 +15486,15 @@ exports.ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
         return _this;
     }
     var _proto = ShapeComponent.prototype;
+    _proto.onStart = function onStart() {
+        this.item.getHitTestParams = this.getHitTestParams;
+    };
     _proto.onUpdate = function onUpdate(dt) {
         if (this.animated) {
             this.buildPath(this.data);
             this.buildGeometryFromPath(this.path.shapePath);
         }
     };
-    _proto.render = function render(renderer) {
-        if (renderer.renderingData.currentFrame.globalUniforms) {
-            renderer.setGlobalMatrix("effects_ObjectToWorld", this.transform.getWorldMatrix());
-        }
-        renderer.drawGeometry(this.geometry, this.material);
-    };
     _proto.buildGeometryFromPath = function buildGeometryFromPath(shapePath) {
         var shapePrimitives = shapePath.shapePrimitives;
         var vertices = [];
@@ -15661,12 +15591,11 @@ exports.ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
         }
     };
     _proto.fromData = function fromData(data) {
-        RendererComponent.prototype.fromData.call(this, data);
+        MeshComponent.prototype.fromData.call(this, data);
         this.data = data;
-        this.animated = true;
     };
     return ShapeComponent;
-}(RendererComponent);
+}(MeshComponent);
 exports.ShapeComponent = __decorate([
     effectsClass("ShapeComponent")
 ], exports.ShapeComponent);
@@ -16318,6 +16247,76 @@ function shouldIgnoreBouncing(arg, mul) {
     return arg && Math.abs(arg.vx || 0) < threshold && Math.abs(arg.vy || 0) < threshold;
 }
 
+var MeshCollider = /*#__PURE__*/ function() {
+    function MeshCollider() {
+        this.triangles = [];
+    }
+    var _proto = MeshCollider.prototype;
+    _proto.getBoundingBoxData = function getBoundingBoxData() {
+        return this.boundingBoxData;
+    };
+    _proto.setGeometry = function setGeometry(geometry, worldMatrix) {
+        if (this.geometry !== geometry) {
+            this.triangles = this.geometryToTriangles(geometry);
+            this.geometry = geometry;
+        }
+        var area = [];
+        for(var _iterator = _create_for_of_iterator_helper_loose(this.triangles), _step; !(_step = _iterator()).done;){
+            var triangle = _step.value;
+            area.push({
+                p0: triangle.p0,
+                p1: triangle.p1,
+                p2: triangle.p2
+            });
+        }
+        if (worldMatrix) {
+            area.forEach(function(triangle) {
+                triangle.p0 = worldMatrix.transformPoint(triangle.p0, new Vector3());
+                triangle.p1 = worldMatrix.transformPoint(triangle.p1, new Vector3());
+                triangle.p2 = worldMatrix.transformPoint(triangle.p2, new Vector3());
+            });
+        }
+        this.boundingBoxData = {
+            type: exports.HitTestType.triangle,
+            area: area
+        };
+    };
+    _proto.geometryToTriangles = function geometryToTriangles(geometry) {
+        var _geometry_getIndexData;
+        var indices = (_geometry_getIndexData = geometry.getIndexData()) != null ? _geometry_getIndexData : [];
+        var _geometry_getAttributeData;
+        var vertices = (_geometry_getAttributeData = geometry.getAttributeData("aPos")) != null ? _geometry_getAttributeData : [];
+        var res = [];
+        for(var i = 0; i < indices.length; i += 3){
+            var index0 = indices[i] * 3;
+            var index1 = indices[i + 1] * 3;
+            var index2 = indices[i + 2] * 3;
+            var p0 = {
+                x: vertices[index0],
+                y: vertices[index0 + 1],
+                z: vertices[index0 + 2]
+            };
+            var p1 = {
+                x: vertices[index1],
+                y: vertices[index1 + 1],
+                z: vertices[index1 + 2]
+            };
+            var p2 = {
+                x: vertices[index2],
+                y: vertices[index2 + 1],
+                z: vertices[index2 + 2]
+            };
+            res.push({
+                p0: p0,
+                p1: p1,
+                p2: p2
+            });
+        }
+        return res;
+    };
+    return MeshCollider;
+}();
+
 exports.maxSpriteMeshItemCount = 8;
 function setSpriteMeshMaxItemCountByGPU(gpuCapability) {
     if (gpuCapability.maxVertexUniforms >= 256) {
@@ -30648,7 +30647,7 @@ registerPlugin("sprite", SpriteLoader, exports.VFXItem, true);
 registerPlugin("particle", ParticleLoader, exports.VFXItem, true);
 registerPlugin("cal", CalculateLoader, exports.VFXItem, true);
 registerPlugin("interact", InteractLoader, exports.VFXItem, true);
-var version = "2.1.0-alpha.8";
+var version = "2.1.0-alpha.9";
 logger.info("Core version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;
@@ -30703,6 +30702,7 @@ exports.LinearValue = LinearValue;
 exports.Material = Material;
 exports.MaterialDataBlock = MaterialDataBlock;
 exports.Mesh = Mesh;
+exports.MeshCollider = MeshCollider;
 exports.PLAYER_OPTIONS_ENV_EDITOR = PLAYER_OPTIONS_ENV_EDITOR;
 exports.POST_PROCESS_SETTINGS = POST_PROCESS_SETTINGS;
 exports.ParticleBehaviourPlayable = ParticleBehaviourPlayable;