@galacean/effects-core 2.6.7 → 2.6.9

package/dist/index.mjs

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime core for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.6.7
+ * Version: v2.6.9
  */
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -4141,6 +4141,1027 @@ var Blender = /*#__PURE__*/ function() {
 Blender.normalBlendFunction = new NormalBlend();
 Blender.additiveBlendFunction = new AdditiveBlend();
 
+/**
+ * 四维向量
+ */ 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;
+        return this;
+    };
+    /**
+     * 设置零向量
+     * @returns 向量
+     */ _proto.setZero = function setZero() {
+        this.x = 0;
+        this.y = 0;
+        this.z = 0;
+        this.w = 0;
+        return this;
+    };
+    /**
+     * 通过标量数值设置向量
+     * @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 向量
+     */ _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;
+        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;
+    };
+    /**
+     * 克隆向量
+     * @returns 克隆结果
+     */ _proto.clone = function clone() {
+        return new Vector4(this.x, this.y, this.z, this.w);
+    };
+    /**
+     * 根据下标设置向量分量
+     * @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);
+        }
+        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;
+    };
+    /**
+     * 向量相加
+     * @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;
+    };
+    /**
+     * 向量相加
+     * @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;
+    };
+    /**
+     * 向量比例缩放后相加
+     * @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 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;
+    };
+    /**
+     * 向量相减
+     * @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;
+    };
+    /**
+     * 向量相乘
+     * @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;
+    };
+    /**
+     * 向量相乘
+     * @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 {
+            this.x /= right.x;
+            this.y /= right.y;
+            this.z /= right.z;
+            this.w /= right.w;
+        }
+        return this;
+    };
+    /**
+     * 向量缩放
+     * @param v - 数字
+     * @returns 缩放结果
+     */ _proto.scale = function scale(v) {
+        this.x *= v;
+        this.y *= v;
+        this.z *= v;
+        this.w *= v;
+        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);
+        }
+        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;
+    };
+    /**
+     * 向量阈值约束
+     * @param min - 最小值
+     * @param max - 最大值
+     * @returns 向量
+     */ _proto.clamp = function clamp(min, max) {
+        return this.max(min).min(max);
+    };
+    /**
+     * 向量向下取整
+     * @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;
+    };
+    /**
+     * 向量向上取整
+     * @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.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;
+    };
+    /**
+     * 向量取绝对值
+     * @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;
+    };
+    /**
+     * 向量取反
+     * @returns 取反结果
+     */ _proto.negate = function negate() {
+        this.x = -this.x;
+        this.y = -this.y;
+        this.z = -this.z;
+        this.w = -this.w;
+        return this;
+    };
+    /**
+     * 向量长度平方
+     * @returns 长度平方
+     */ _proto.lengthSquared = function lengthSquared() {
+        return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w;
+    };
+    /**
+     * 向量长度
+     * @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() {
+        return this.divide(this.length() || 1);
+    };
+    /**
+     * 设置向量长度
+     * @param length - 长度
+     * @returns 向量
+     */ _proto.setLength = function setLength(length) {
+        return this.normalize().multiply(length);
+    };
+    /**
+     * 向量求线性插值
+     * @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 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 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 v - 向量
+     * @returns 判等结果
+     */ _proto.equals = function equals(v) {
+        return v.x === this.x && v.y === this.y && v.z === this.z && v.w === this.w;
+    };
+    /**
+     * 是否零向量
+     * @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;
+    };
+    /**
+     * 向量转数组
+     * @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) {
+        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;
+    };
+    /**
+     * 生成随机向量
+     * @returns 向量
+     */ _proto.random = function random() {
+        this.x = Math.random();
+        this.y = Math.random();
+        this.z = Math.random();
+        this.w = Math.random();
+        return this;
+    };
+    /**
+     * 变换矩阵作用于向量
+     * @param m - 变换矩阵
+     * @param [out] - 输出结果，如果没有设置就直接覆盖当前值
+     * @returns 向量
+     */ _proto.applyMatrix = function applyMatrix(m, out) {
+        return m.transformVector4(this, out);
+    };
+    /**
+     * 通过标量数值创建向量
+     * @param num - 数值
+     * @returns 向量
+     */ Vector4.fromNumber = function fromNumber(num) {
+        return new Vector4().setFromNumber(num);
+    };
+    /**
+     * 通过数组创建向量
+     * @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);
+
+var Color = /*#__PURE__*/ function() {
+    function Color(r, g, b, a) {
+        if (r === void 0) r = 0;
+        if (g === void 0) g = 0;
+        if (b === void 0) b = 0;
+        if (a === void 0) a = 0;
+        this.r = r;
+        this.g = g;
+        this.b = b;
+        this.a = a;
+    }
+    var _proto = Color.prototype;
+    /**
+     * 设置颜色
+     * @param r - r 分量
+     * @param g - g 分量
+     * @param b - b 分量
+     * @param a - a 分量
+     * @returns
+     */ _proto.set = function set(r, g, b, a) {
+        this.r = r;
+        this.g = g;
+        this.b = b;
+        this.a = a;
+        return this;
+    };
+    /**
+     * 设置零颜色
+     * @returns
+     */ _proto.setZero = function setZero() {
+        this.r = 0;
+        this.g = 0;
+        this.b = 0;
+        this.a = 0;
+        return this;
+    };
+    /**
+     * 通过标量数值设置颜色
+     * @param num - 数值
+     * @returns
+     */ _proto.setFromNumber = function setFromNumber(num) {
+        this.r = num;
+        this.g = num;
+        this.b = num;
+        this.a = num;
+        return this;
+    };
+    /**
+     * 通过Vector4创建颜色
+     * @param v - Vector4
+     * @returns
+     */ _proto.setFromVector4 = function setFromVector4(v) {
+        this.r = v.x;
+        this.g = v.y;
+        this.b = v.z;
+        this.a = v.w;
+        return this;
+    };
+    /**
+     * 通过数组创建颜色
+     * @param array - 数组
+     * @param [offset=0] - 起始偏移值
+     * @returns
+     */ _proto.setFromArray = function setFromArray(array, offset) {
+        if (offset === void 0) offset = 0;
+        var _array_offset;
+        this.r = (_array_offset = array[offset]) != null ? _array_offset : 0;
+        var _array_;
+        this.g = (_array_ = array[offset + 1]) != null ? _array_ : 0;
+        var _array_1;
+        this.b = (_array_1 = array[offset + 2]) != null ? _array_1 : 0;
+        var _array_2;
+        this.a = (_array_2 = array[offset + 3]) != null ? _array_2 : 0;
+        return this;
+    };
+    _proto.setFromHSV = function setFromHSV(hue, saturation, value, alpha) {
+        if (alpha === void 0) alpha = 1;
+        var chroma = value * saturation;
+        var h = hue / 60;
+        var x = chroma * (1 - Math.abs(h % 2 - 1));
+        var r = 0;
+        var g = 0;
+        var b = 0;
+        if (h >= 0 && h <= 1) {
+            r = chroma;
+            g = x;
+        } else if (h >= 1 && h <= 2) {
+            r = x;
+            g = chroma;
+        } else if (h >= 2 && h <= 3) {
+            g = chroma;
+            b = x;
+        } else if (h >= 3 && h <= 4) {
+            g = x;
+            b = chroma;
+        } else if (h >= 4 && h <= 5) {
+            r = x;
+            b = chroma;
+        } else if (h >= 5 && h <= 6) {
+            r = chroma;
+            b = x;
+        }
+        var m = value - chroma;
+        return this.set(r + m, g + m, b + m, alpha);
+    };
+    _proto.setFromHexString = function setFromHexString(hex) {
+        if (hex.substring(0, 1) !== "#" || hex.length !== 9 && hex.length !== 7) {
+            return this;
+        }
+        var r = parseInt(hex.substring(1, 3), 16) / 255.0;
+        var g = parseInt(hex.substring(3, 5), 16) / 255.0;
+        var b = parseInt(hex.substring(5, 7), 16) / 255.0;
+        var a = hex.length === 9 ? parseInt(hex.substring(7, 9), 16) / 255.0 : 1.0;
+        return this.set(r, g, b, a);
+    };
+    /**
+     * 拷贝颜色
+     * @param v - 复制对象
+     * @returns 拷贝结果
+     */ _proto.copyFrom = function copyFrom(v) {
+        this.r = v.r;
+        this.g = v.g;
+        this.b = v.b;
+        this.a = v.a;
+        return this;
+    };
+    /**
+     * 克隆颜色
+     * @returns 克隆结果
+     */ _proto.clone = function clone() {
+        return new Color(this.r, this.g, this.b, this.a);
+    };
+    /**
+     * 根据下标设置颜色分量
+     * @param index - 下标值
+     * @param value - 分量值
+     * @returns
+     */ _proto.setElement = function setElement(index, value) {
+        switch(index){
+            case 0:
+                this.r = value;
+                break;
+            case 1:
+                this.g = value;
+                break;
+            case 2:
+                this.b = value;
+                break;
+            case 3:
+                this.a = value;
+                break;
+            default:
+                console.error("index is out of range: " + index);
+        }
+        return this;
+    };
+    /**
+     * 根据下标获取颜色分量
+     * @param index - 下标
+     * @returns 分量值
+     */ _proto.getElement = function getElement(index) {
+        switch(index){
+            case 0:
+                return this.r;
+            case 1:
+                return this.g;
+            case 2:
+                return this.b;
+            case 3:
+                return this.a;
+            default:
+                console.error("index is out of range: " + index);
+        }
+        return 0;
+    };
+    /**
+     * 颜色相加
+     * @param right - 相加对象，颜色 | 数字
+     * @returns 相加结果
+     */ _proto.add = function add(right) {
+        if (typeof right === "number") {
+            this.r += right;
+            this.g += right;
+            this.b += right;
+            this.a += right;
+        } else if (_instanceof1(right, Array)) {
+            this.r += right[0];
+            this.g += right[1];
+            this.b += right[2];
+            this.a += right[3];
+        } else {
+            this.r += right.r;
+            this.g += right.g;
+            this.b += right.b;
+            this.a += right.a;
+        }
+        return this;
+    };
+    /**
+     * 颜色相减
+     * @param right - 相减对象，颜色 | 数字
+     * @returns 相减结果
+     */ _proto.subtract = function subtract(right) {
+        if (typeof right === "number") {
+            this.r -= right;
+            this.g -= right;
+            this.b -= right;
+            this.a -= right;
+        } else if (_instanceof1(right, Array)) {
+            this.r -= right[0];
+            this.g -= right[1];
+            this.b -= right[2];
+            this.a -= right[3];
+        } else {
+            this.r -= right.r;
+            this.g -= right.g;
+            this.b -= right.b;
+            this.a -= right.a;
+        }
+        return this;
+    };
+    /**
+     * 颜色相乘
+     * @param right - 相乘对象，对象 | 数字
+     * @returns 颜色
+     */ _proto.multiply = function multiply(right) {
+        if (typeof right === "number") {
+            this.r *= right;
+            this.g *= right;
+            this.b *= right;
+            this.a *= right;
+        } else if (_instanceof1(right, Array)) {
+            this.r *= right[0];
+            this.g *= right[1];
+            this.b *= right[2];
+            this.a *= right[3];
+        } else {
+            this.r *= right.r;
+            this.g *= right.g;
+            this.b *= right.b;
+            this.a *= right.a;
+        }
+        return this;
+    };
+    /**
+     * 颜色相除
+     * @param right - 相除对象，对象 | 数字
+     * @returns 颜色
+     */ _proto.divide = function divide(right) {
+        if (typeof right === "number") {
+            this.r /= right;
+            this.g /= right;
+            this.b /= right;
+            this.a /= right;
+        } else if (_instanceof1(right, Array)) {
+            this.r /= right[0];
+            this.g /= right[1];
+            this.b /= right[2];
+            this.a /= right[3];
+        } else {
+            this.r /= right.r;
+            this.g /= right.g;
+            this.b /= right.b;
+            this.a /= right.a;
+        }
+        return this;
+    };
+    /**
+     * 颜色缩放
+     * @param v - 数字
+     * @returns 缩放结果
+     */ _proto.scale = function scale(v) {
+        this.r *= v;
+        this.g *= v;
+        this.b *= v;
+        this.a *= v;
+        return this;
+    };
+    /**
+     * 颜色求最小值
+     * @param v - 颜色或数值
+     * @returns 最小值
+     */ _proto.min = function min(v) {
+        if (typeof v === "number") {
+            this.r = Math.min(this.r, v);
+            this.g = Math.min(this.g, v);
+            this.b = Math.min(this.b, v);
+            this.a = Math.min(this.a, v);
+        } else {
+            this.r = Math.min(this.r, v.r);
+            this.g = Math.min(this.g, v.g);
+            this.b = Math.min(this.b, v.b);
+            this.a = Math.min(this.a, v.a);
+        }
+        return this;
+    };
+    /**
+     * 颜色求最大值
+     * @param v - 颜色或数值
+     * @returns 最大值
+     */ _proto.max = function max(v) {
+        if (typeof v === "number") {
+            this.r = Math.max(this.r, v);
+            this.g = Math.max(this.g, v);
+            this.b = Math.max(this.b, v);
+            this.a = Math.max(this.a, v);
+        } else {
+            this.r = Math.max(this.r, v.r);
+            this.g = Math.max(this.g, v.g);
+            this.b = Math.max(this.b, v.b);
+            this.a = Math.max(this.a, v.a);
+        }
+        return this;
+    };
+    /**
+     * 颜色阈值约束
+     * @param min - 最小值
+     * @param max - 最大值
+     * @returns 颜色
+     */ _proto.clamp = function clamp(min, max) {
+        return this.max(min).min(max);
+    };
+    /**
+     * 颜色求线性插值
+     * @param v - 颜色
+     * @param alpha - 插值比例
+     * @returns 插值结果
+     */ _proto.lerp = function lerp(v, alpha) {
+        this.r += (v.r - this.r) * alpha;
+        this.g += (v.g - this.g) * alpha;
+        this.b += (v.b - this.b) * alpha;
+        this.a += (v.a - this.a) * alpha;
+        return this;
+    };
+    /**
+     * 计算颜色亮度值
+     * @returns 亮度值
+     */ _proto.luminance = function luminance() {
+        return this.r * 0.3 + this.g * 0.59 + this.b * 0.11;
+    };
+    /**
+     * 颜色判等
+     * @param v - 颜色
+     * @returns 判等结果
+     */ _proto.equals = function equals(v) {
+        return v.r === this.r && v.g === this.g && v.b === this.b && v.a === this.a;
+    };
+    _proto.toLinear = function toLinear() {
+        this.r = Color.gammaToLinear(this.r);
+        this.g = Color.gammaToLinear(this.g);
+        this.b = Color.gammaToLinear(this.b);
+        return this;
+    };
+    _proto.toGamma = function toGamma() {
+        this.r = Color.linearToGamma(this.r);
+        this.g = Color.linearToGamma(this.g);
+        this.b = Color.linearToGamma(this.b);
+        return this;
+    };
+    /**
+     * 颜色转数组
+     * @returns 数组
+     */ _proto.toArray = function toArray() {
+        return [
+            this.r,
+            this.g,
+            this.b,
+            this.a
+        ];
+    };
+    _proto.toVector4 = function toVector4() {
+        return new Vector4(this.r, this.g, this.b, this.a);
+    };
+    /**
+     * RGB 颜色空间转 HSV
+     * @param result HSV 值
+     */ _proto.toHSV = function toHSV() {
+        var _this = this, r = _this.r, g = _this.g, b = _this.b, a = _this.a;
+        var max = Math.max(r, g, b);
+        var min = Math.min(r, g, b);
+        var v = max;
+        var dm = max - min;
+        var h = 0;
+        var s = 0;
+        if (max !== 0) {
+            s = dm / max;
+        }
+        if (max != min) {
+            if (max == r) {
+                h = (g - b) / dm;
+                if (g < b) {
+                    h += 6;
+                }
+            } else if (max == g) {
+                h = (b - r) / dm + 2;
+            } else if (max == b) {
+                h = (r - g) / dm + 4;
+            }
+            h *= 60;
+        }
+        return new Color(h, s, v, a);
+    };
+    _proto.toHexString = function toHexString(includeAlpha) {
+        if (includeAlpha === void 0) includeAlpha = true;
+        var R = Color.ToHex(Math.round(this.r * 255));
+        var G = Color.ToHex(Math.round(this.g * 255));
+        var B = Color.ToHex(Math.round(this.b * 255));
+        var A = Color.ToHex(Math.round(this.a * 255));
+        if (includeAlpha) {
+            return "#" + R + G + B + A;
+        } else {
+            return "#" + R + G + B;
+        }
+    };
+    _proto.fill = function fill(array, offset) {
+        if (offset === void 0) offset = 0;
+        array[offset] = this.r;
+        array[offset + 1] = this.g;
+        array[offset + 2] = this.b;
+        array[offset + 3] = this.a;
+    };
+    /**
+     * 通过标量数值创建颜色
+     * @param num - 数值
+     * @returns
+     */ Color.fromNumber = function fromNumber(num) {
+        return new Color().setFromNumber(num);
+    };
+    /**
+     * 通过数组创建颜色
+     * @param array - 数组
+     * @param [offset=0] - 起始偏移值
+     * @returns
+     */ Color.fromArray = function fromArray(array, offset) {
+        if (offset === void 0) offset = 0;
+        return new Color().setFromArray(array, offset);
+    };
+    /**
+     * 通过 hex 字符串创建颜色
+     * @param hex - hex 字符串
+     * @returns
+     */ Color.fromHexString = function fromHexString(hex) {
+        return new Color().setFromHexString(hex);
+    };
+    Color.fromHSV = function fromHSV(hue, saturation, value, alpha) {
+        if (alpha === void 0) alpha = 1;
+        return new Color().setFromHSV(hue, saturation, value, alpha);
+    };
+    /**
+     * 颜色值从 Gamma 空间转到线性空间
+     * @param v - Gamma 空间颜色值
+     * @returns 线性空间颜色值
+     */ Color.gammaToLinear = function gammaToLinear(v) {
+        if (v <= 0.0) {
+            return 0.0;
+        } else if (v <= 0.04045) {
+            return v / 12.92;
+        } else if (v < 1.0) {
+            return Math.pow((v + 0.055) / 1.055, 2.4);
+        } else {
+            return Math.pow(v, 2.4);
+        }
+    };
+    /**
+     * 颜色值从线性空间转到 Gamma 空间
+     * @param value - 线性空间颜色值
+     * @returns Gamma 空间颜色值
+     */ Color.linearToGamma = function linearToGamma(value) {
+        if (value <= 0.0) {
+            return 0.0;
+        } else if (value < 0.0031308) {
+            return 12.92 * value;
+        } else if (value < 1.0) {
+            return 1.055 * Math.pow(value, 0.41666) - 0.055;
+        } else {
+            return Math.pow(value, 0.41666);
+        }
+    };
+    Color.ToHex = function ToHex(i) {
+        var str = i.toString(16);
+        if (i <= 15) {
+            return ("0" + str).toUpperCase();
+        }
+        return str.toUpperCase();
+    };
+    return Color;
+}();
+/**
+     * 颜色的常量
+     */ Color.BLACK = new Color(0, 0, 0, 1) // 纯黑色
+;
+Color.BLUE = new Color(0, 0, 1, 1) // 纯蓝色
+;
+Color.CLEAR = new Color(0, 0, 0, 0) // 完全透明
+;
+Color.CYAN = new Color(0, 1, 1, 1) // 青色
+;
+Color.GRAY = new Color(0.5, 0.5, 0.5, 1) // 灰色
+;
+Color.GREEN = new Color(0, 1, 0, 1) // 纯绿色
+;
+Color.MAGENTA = new Color(1, 0, 1, 1) // 洋红色
+;
+Color.RED = new Color(1, 0, 0, 1) // 纯红色
+;
+Color.WHITE = new Color(1, 1, 1, 1) // 纯白色
+;
+Color.YELLOW = new Color(1, 0.92, 0.016, 1) // 黄色
+;
+
 var NodeTransform = /*#__PURE__*/ function() {
     function NodeTransform(transform) {
         this.position = new Vector3();
@@ -4180,7 +5201,7 @@ var Pose = /*#__PURE__*/ function() {
         }
         for(var _iterator2 = _create_for_of_iterator_helper_loose(skeleton.defaultColorPropertyValues), _step2; !(_step2 = _iterator2()).done;){
             var defaultColor = _step2.value;
-            this.colorPropertyValues.push(defaultColor);
+            this.colorPropertyValues.push(new Color().copyFrom(defaultColor));
         }
     }
     var _proto = Pose.prototype;
@@ -5596,1059 +6617,548 @@ var Skeleton = /*#__PURE__*/ function() {
         }
         var targetBone = this.findTarget(path);
         if (!targetBone) {
-            return;
-        }
-        this.parentSpaceTransforms.push(new NodeTransform(targetBone.transform));
-        this.animatedTransforms.push(targetBone.transform);
-        this.pathToBoneIndex.set(path, this.parentSpaceTransforms.length - 1);
-    };
-    _proto.addRecordedProperty = function addRecordedProperty(path, className, property, type) {
-        var totalPath = path + className + property;
-        if (this.pathToObjectIndex.get(totalPath) !== undefined) {
-            return;
-        }
-        var targetBone = this.findTarget(path);
-        if (!targetBone) {
-            return;
-        }
-        var animatedComponentOrItem;
-        // Find target component or VFXItem
-        if (className === VFXItemType) {
-            animatedComponentOrItem = targetBone;
-        } else {
-            animatedComponentOrItem = targetBone.getComponent(getClass(className));
-        }
-        if (!animatedComponentOrItem) {
-            console.error("The " + className + " Component was not found.");
-        }
-        // Find last animated object by path
-        var propertyNames = property.split(".");
-        var lastPropertyName = propertyNames[propertyNames.length - 1];
-        var target = animatedComponentOrItem;
-        for(var i = 0; i < propertyNames.length - 1; i++){
-            var _$property = target[propertyNames[i]];
-            if (_$property === undefined) {
-                console.error("The " + propertyNames[i] + " property of " + target + " was not found.");
-            }
-            target = _$property;
-        }
-        var animatedObject = {
-            target: target,
-            property: lastPropertyName
-        };
-        switch(type){
-            case 0:
-                this.floatAnimatedObjects.push(animatedObject);
-                this.defaultFloatPropertyValues.push(target[lastPropertyName]);
-                this.pathToObjectIndex.set(totalPath, this.floatAnimatedObjects.length - 1);
-                break;
-            case 1:
-                this.colorAnimatedObjects.push(animatedObject);
-                this.defaultColorPropertyValues.push(target[lastPropertyName]);
-                this.pathToObjectIndex.set(totalPath, this.colorAnimatedObjects.length - 1);
-        }
-    };
-    _proto.findTarget = function findTarget(boneName) {
-        if (boneName === "") {
-            return this.rootBone;
-        }
-        var itemNames = boneName.split("/");
-        var currentItem = this.rootBone;
-        for(var _iterator = _create_for_of_iterator_helper_loose(itemNames), _step; !(_step = _iterator()).done;){
-            var itemName = _step.value;
-            var target = currentItem.find(itemName);
-            if (!target) {
-                return null;
-            }
-            currentItem = target;
-        }
-        return currentItem;
-    };
-    return Skeleton;
-}();
-
-var GraphInstance = /*#__PURE__*/ function() {
-    function GraphInstance(graphAsset, rootBone) {
-        this.graphAsset = graphAsset;
-        this.nodes = [];
-        this.context = new GraphContext();
-        // Initialize skeleton
-        var recordProperties = {
-            position: [],
-            scale: [],
-            rotation: [],
-            euler: [],
-            floats: [],
-            colors: []
-        };
-        for(var _iterator = _create_for_of_iterator_helper_loose(graphAsset.graphDataSet.resources), _step; !(_step = _iterator()).done;){
-            var animationClip = _step.value;
-            if (!animationClip) {
-                continue;
-            }
-            for(var _iterator1 = _create_for_of_iterator_helper_loose(animationClip.positionCurves), _step1; !(_step1 = _iterator1()).done;){
-                var positionCurve = _step1.value;
-                recordProperties.position.push(positionCurve.path);
-            }
-            for(var _iterator2 = _create_for_of_iterator_helper_loose(animationClip.rotationCurves), _step2; !(_step2 = _iterator2()).done;){
-                var rotationCurve = _step2.value;
-                recordProperties.rotation.push(rotationCurve.path);
-            }
-            for(var _iterator3 = _create_for_of_iterator_helper_loose(animationClip.scaleCurves), _step3; !(_step3 = _iterator3()).done;){
-                var scaleCurve = _step3.value;
-                recordProperties.scale.push(scaleCurve.path);
-            }
-            for(var _iterator4 = _create_for_of_iterator_helper_loose(animationClip.eulerCurves), _step4; !(_step4 = _iterator4()).done;){
-                var eulerCurve = _step4.value;
-                recordProperties.euler.push(eulerCurve.path);
-            }
-            for(var _iterator5 = _create_for_of_iterator_helper_loose(animationClip.floatCurves), _step5; !(_step5 = _iterator5()).done;){
-                var floatCurve = _step5.value;
-                recordProperties.floats.push(floatCurve);
-            }
-            for(var _iterator6 = _create_for_of_iterator_helper_loose(animationClip.colorCurves), _step6; !(_step6 = _iterator6()).done;){
-                var colorCurve = _step6.value;
-                recordProperties.colors.push(colorCurve);
-            }
-        }
-        this.skeleton = new Skeleton(rootBone, recordProperties);
-        // create PoseResult
-        this.result = new PoseResult(this.skeleton);
-        this.context.skeleton = this.skeleton;
-        // instantiate graph nodes
-        var instantiationContext = new InstantiationContext();
-        instantiationContext.nodes = this.nodes;
-        instantiationContext.nodeDatas = graphAsset.nodeDatas;
-        instantiationContext.dataSet = graphAsset.graphDataSet;
-        for(var i = 0; i < graphAsset.nodeDatas.length; i++){
-            if (!instantiationContext.nodes[i]) {
-                graphAsset.nodeDatas[i].instantiate(instantiationContext);
-            }
-        }
-        this.rootNode = this.nodes[graphAsset.rootNodeIndex];
-    }
-    var _proto = GraphInstance.prototype;
-    _proto.evaluateGraph = function evaluateGraph(deltaTime) {
-        this.context.update(deltaTime);
-        if (!this.rootNode.isInitialized()) {
-            this.resetGraphState();
-        }
-        // Evaluate the entire animation graph starting from the rootNode
-        if (this.rootNode) {
-            this.result = this.rootNode.evaluate(this.context, this.result);
-        }
-        // Reset trigger nodes
-        for(var i = 0; i < this.getNumControlParameters(); i++){
-            var controlParameterNode = this.nodes[i];
-            if (_instanceof1(controlParameterNode, ControlParameterTriggerNode)) {
-                controlParameterNode.setValue(false);
-            }
-        }
-        return this.result;
-    };
-    _proto.isInitialized = function isInitialized() {
-        return this.rootNode && this.rootNode.isInitialized();
-    };
-    // General Node Info
-    //-------------------------------------------------------------------------
-    _proto.isNodeActive = function isNodeActive(nodeIdx) {
-        return this.isControlParameter(nodeIdx) || this.nodes[nodeIdx].isNodeActive(this.context.updateID);
-    };
-    // Graph State
-    //-------------------------------------------------------------------------
-    _proto.resetGraphState = function resetGraphState() {
-        if (this.rootNode.isInitialized()) {
-            this.rootNode.shutdown(this.context);
-        }
-        this.context.updateID++; // Bump the update ID to ensure that any initialization code that relies on it is dirtied.
-        this.rootNode.initialize(this.context);
-    };
-    // Control Parameters
-    //-------------------------------------------------------------------------
-    _proto.getNumControlParameters = function getNumControlParameters() {
-        return this.graphAsset.controlParameterIDs.length;
-    };
-    _proto.getControlParameterIndex = function getControlParameterIndex(parameterID) {
-        var parameterLookupMap = this.graphAsset.parameterLookupMap;
-        var res = parameterLookupMap.get(parameterID);
-        if (res !== undefined) {
-            return res;
-        }
-        console.warn("Parameter '" + parameterID + "' does not exist.");
-        return InvalidIndex;
-    };
-    _proto.getControlParameterID = function getControlParameterID(parameterNodeIndex) {
-        return this.graphAsset.controlParameterIDs[parameterNodeIndex];
-    };
-    _proto.setBool = function setBool(name, value) {
-        this.setControlParameterValue(name, value);
-    };
-    _proto.setFloat = function setFloat(name, value) {
-        this.setControlParameterValue(name, value);
-    };
-    _proto.setTrigger = function setTrigger(name) {
-        this.setControlParameterValue(name, true);
-    };
-    _proto.resetTrigger = function resetTrigger(name) {
-        this.setControlParameterValue(name, false);
-    };
-    // Debug Information
-    //-------------------------------------------------------------------------
-    _proto.getPoseNodeDebugInfo = function getPoseNodeDebugInfo(nodeIdx) {
-        var node = this.nodes[nodeIdx];
-        return node.getDebugInfo();
-    };
-    _proto.getRuntimeNodeDebugValue = function getRuntimeNodeDebugValue(nodeIdx) {
-        var valueNode = this.nodes[nodeIdx];
-        return valueNode.getValue(this.context);
-    };
-    _proto.getNodeDebugInstance = function getNodeDebugInstance(nodeIdx) {
-        return this.nodes[nodeIdx];
-    };
-    _proto.isControlParameter = function isControlParameter(nodeIdx) {
-        return nodeIdx < this.getNumControlParameters();
-    };
-    _proto.setControlParameterValue = function setControlParameterValue(name, value) {
-        var index = this.getControlParameterIndex(name);
-        if (index !== InvalidIndex) {
-            this.nodes[index].setValue(value);
-        }
-    };
-    return GraphInstance;
-}();
-
-function _defineProperties(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-    }
-}
-function _create_class(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-}
-
-/**
- * @since 2.0.0
- */ var Component = /*#__PURE__*/ function(EffectsObject) {
-    _inherits(Component, EffectsObject);
-    function Component() {
-        var _this;
-        _this = EffectsObject.apply(this, arguments) || this;
-        _this.isAwakeCalled = false;
-        _this.isStartCalled = false;
-        _this.isEnableCalled = false;
-        _this._enabled = true;
-        return _this;
-    }
-    var _proto = Component.prototype;
-    /**
-   * 生命周期函数，初始化后调用，生命周期内只调用一次
-   */ _proto.onAwake = function onAwake() {
-    // OVERRIDE
-    };
-    /**
-   * 在 enabled 变为 true 时触发
-   */ _proto.onEnable = function onEnable() {
-    // OVERRIDE
-    };
-    /**
-   * 在 enabled 变为 false 时触发
-   */ _proto.onDisable = function onDisable() {
-    // OVERRIDE
-    };
-    /**
-   * 生命周期函数，在第一次 update 前调用，生命周期内只调用一次
-   */ _proto.onStart = function onStart() {
-    // OVERRIDE
-    };
-    /**
-   * 生命周期函数，每帧调用一次
-   */ _proto.onUpdate = function onUpdate(dt) {
-    // OVERRIDE
-    };
-    /**
-   * 生命周期函数，每帧调用一次，在 update 之后调用
-   */ _proto.onLateUpdate = function onLateUpdate(dt) {
-    // OVERRIDE
-    };
-    /**
-   * 生命周期函数，在组件销毁时调用
-   */ _proto.onDestroy = function onDestroy() {
-    // OVERRIDE
-    };
-    /**
-   * @internal
-   */ _proto.enable = function enable() {
-        if (this.item.composition) {
-            this.item.composition.sceneTicking.addComponent(this);
-            this.isEnableCalled = true;
-        }
-        this.onEnable();
-    };
-    /**
-   * @internal
-   */ _proto.disable = function disable() {
-        this.onDisable();
-        if (this.item.composition) {
-            this.isEnableCalled = false;
-            this.item.composition.sceneTicking.removeComponent(this);
-        }
-    };
-    _proto.setVFXItem = function setVFXItem(item) {
-        this.item = item;
-        if (item.isDuringPlay) {
-            if (!this.isAwakeCalled) {
-                this.onAwake();
-                this.isAwakeCalled = true;
-            }
-            if (item.isActive && this.enabled) {
-                this.start();
-                this.enable();
-            }
-        }
-    };
-    _proto.fromData = function fromData(data) {
-        EffectsObject.prototype.fromData.call(this, data);
-    };
-    _proto.dispose = function dispose() {
-        if (this.isEnableCalled) {
-            this.disable();
-        }
-        if (this.isAwakeCalled) {
-            this.isAwakeCalled = false;
-            this.onDestroy();
-        }
-        if (this.item) {
-            removeItem(this.item.components, this);
-        }
-    };
-    _proto.start = function start() {
-        if (this.isStartCalled) {
-            return;
-        }
-        this.isStartCalled = true;
-        this.onStart();
-    };
-    _create_class(Component, [
-        {
-            key: "transform",
-            get: /**
-   * 附加到的 VFXItem 对象 Transform 组件
-   */ function get() {
-                return this.item.transform;
-            }
-        },
-        {
-            key: "isActiveAndEnabled",
-            get: /**
-   * 组件是否可以更新，true 更新，false 不更新
-   */ function get() {
-                return this.item.isActive && this.enabled;
-            }
-        },
-        {
-            key: "enabled",
-            get: function get() {
-                return this._enabled;
-            },
-            set: function set(value) {
-                if (this.enabled !== value) {
-                    this._enabled = value;
-                    if (value) {
-                        if (this.isActiveAndEnabled) {
-                            this.enable();
-                            if (!this.isStartCalled) {
-                                this.onStart();
-                                this.isStartCalled = true;
-                            }
-                        }
-                    } else {
-                        if (this.isEnableCalled) {
-                            this.disable();
-                        }
-                    }
-                }
-            }
-        }
-    ]);
-    return Component;
-}(EffectsObject);
-__decorate([
-    serialize()
-], Component.prototype, "item", void 0);
-__decorate([
-    serialize()
-], Component.prototype, "_enabled", void 0);
-/**
- * @since 2.0.0
- * @deprecated 2.4.0 Please use Component instead
- */ var Behaviour = /*#__PURE__*/ function(Component) {
-    _inherits(Behaviour, Component);
-    function Behaviour() {
-        return Component.apply(this, arguments);
-    }
-    var _proto = Behaviour.prototype;
-    _proto.setVFXItem = function setVFXItem(item) {
-        Component.prototype.setVFXItem.call(this, item);
-    };
-    _proto.dispose = function dispose() {
-        Component.prototype.dispose.call(this);
-    };
-    return Behaviour;
-}(Component);
-
-var Animator = /*#__PURE__*/ function(Component) {
-    _inherits(Animator, Component);
-    function Animator() {
-        var _this;
-        _this = Component.apply(this, arguments) || this;
-        /**
-   * @internal
-   */ _this.graph = null;
-        _this.graphAsset = null;
-        return _this;
-    }
-    var _proto = Animator.prototype;
-    _proto.setBool = function setBool(name, value) {
-        if (this.graph) {
-            this.graph.setBool(name, value);
-        }
-    };
-    _proto.setFloat = function setFloat(name, value) {
-        if (this.graph) {
-            this.graph.setFloat(name, value);
-        }
-    };
-    _proto.setTrigger = function setTrigger(name) {
-        if (this.graph) {
-            this.graph.setTrigger(name);
-        }
-    };
-    _proto.resetTrigger = function resetTrigger(name) {
-        if (this.graph) {
-            this.graph.resetTrigger(name);
+            return;
         }
+        this.parentSpaceTransforms.push(new NodeTransform(targetBone.transform));
+        this.animatedTransforms.push(targetBone.transform);
+        this.pathToBoneIndex.set(path, this.parentSpaceTransforms.length - 1);
     };
-    _proto.onStart = function onStart() {
-        if (this.graphAsset) {
-            this.graph = new GraphInstance(this.graphAsset, this.item);
+    _proto.addRecordedProperty = function addRecordedProperty(path, className, property, type) {
+        var totalPath = path + className + property;
+        if (this.pathToObjectIndex.get(totalPath) !== undefined) {
+            return;
         }
-    };
-    _proto.onUpdate = function onUpdate(dt) {
-        if (!this.graph) {
+        var targetBone = this.findTarget(path);
+        if (!targetBone) {
             return;
         }
-        var result = this.graph.evaluateGraph(dt / 1000);
-        // Apply transform animation
-        //-------------------------------------------------------------------------
-        var animatedTransforms = this.graph.skeleton.animatedTransforms;
-        for(var i = 0; i < animatedTransforms.length; i++){
-            var position = result.pose.parentSpaceTransforms[i].position;
-            var rotation = result.pose.parentSpaceTransforms[i].rotation;
-            var scale = result.pose.parentSpaceTransforms[i].scale;
-            var euler = result.pose.parentSpaceTransforms[i].euler;
-            animatedTransforms[i].setPosition(position.x, position.y, position.z);
-            animatedTransforms[i].setScale(scale.x, scale.y, scale.z);
-            if (this.graph.skeleton.useEuler) {
-                animatedTransforms[i].setRotation(euler.x, euler.y, euler.z);
-            } else {
-                animatedTransforms[i].setQuaternion(rotation.x, rotation.y, rotation.z, rotation.w);
-            }
+        var animatedComponentOrItem;
+        // Find target component or VFXItem
+        if (className === VFXItemType) {
+            animatedComponentOrItem = targetBone;
+        } else {
+            animatedComponentOrItem = targetBone.getComponent(getClass(className));
         }
-        // Apply property animation
-        //-------------------------------------------------------------------------
-        var floatAnimatedObjects = this.graph.skeleton.floatAnimatedObjects;
-        for(var i1 = 0; i1 < floatAnimatedObjects.length; i1++){
-            var animatedObject = floatAnimatedObjects[i1];
-            var property = animatedObject.property;
-            animatedObject.target[property] = result.pose.floatPropertyValues[i1];
+        if (!animatedComponentOrItem) {
+            console.error("The " + className + " Component was not found.");
         }
-        var colorAnimatedObjects = this.graph.skeleton.colorAnimatedObjects;
-        for(var i2 = 0; i2 < colorAnimatedObjects.length; i2++){
-            var animatedObject1 = colorAnimatedObjects[i2];
-            var property1 = animatedObject1.property;
-            animatedObject1.target[property1] = result.pose.colorPropertyValues[i2];
+        // Find last animated object by path
+        var propertyNames = property.split(".");
+        var lastPropertyName = propertyNames[propertyNames.length - 1];
+        var target = animatedComponentOrItem;
+        for(var i = 0; i < propertyNames.length - 1; i++){
+            var _$property = target[propertyNames[i]];
+            if (_$property === undefined) {
+                console.error("The " + propertyNames[i] + " property of " + target + " was not found.");
+            }
+            target = _$property;
+        }
+        var animatedObject = {
+            target: target,
+            property: lastPropertyName
+        };
+        switch(type){
+            case 0:
+                this.floatAnimatedObjects.push(animatedObject);
+                this.defaultFloatPropertyValues.push(target[lastPropertyName]);
+                this.pathToObjectIndex.set(totalPath, this.floatAnimatedObjects.length - 1);
+                break;
+            case 1:
+                this.colorAnimatedObjects.push(animatedObject);
+                this.defaultColorPropertyValues.push(new Color().copyFrom(target[lastPropertyName]));
+                this.pathToObjectIndex.set(totalPath, this.colorAnimatedObjects.length - 1);
         }
     };
-    _proto.fromData = function fromData(data) {
-        this.graphAsset = this.engine.findObject(data.graphAsset);
+    _proto.findTarget = function findTarget(boneName) {
+        if (boneName === "") {
+            return this.rootBone;
+        }
+        var itemNames = boneName.split("/");
+        var currentItem = this.rootBone;
+        for(var _iterator = _create_for_of_iterator_helper_loose(itemNames), _step; !(_step = _iterator()).done;){
+            var itemName = _step.value;
+            var target = currentItem.find(itemName);
+            if (!target) {
+                return null;
+            }
+            currentItem = target;
+        }
+        return currentItem;
     };
-    return Animator;
-}(Component);
-Animator = __decorate([
-    effectsClass("Animator")
-], Animator);
+    return Skeleton;
+}();
 
-/**
- * 所有渲染组件的基类
- * @since 2.0.0
- */ var RendererComponent = /*#__PURE__*/ function(Component) {
-    _inherits(RendererComponent, Component);
-    function RendererComponent() {
-        var _this;
-        _this = Component.apply(this, arguments) || this;
-        _this.materials = [];
-        _this._priority = 0;
-        return _this;
-    }
-    var _proto = RendererComponent.prototype;
-    _proto.render = function render(renderer) {};
-    _proto.onEnable = function onEnable() {
-        var _this_item_composition;
-        (_this_item_composition = this.item.composition) == null ? void 0 : _this_item_composition.renderFrame.addMeshToDefaultRenderPass(this);
-    };
-    _proto.onDisable = function onDisable() {
-        var _this_item_composition;
-        (_this_item_composition = this.item.composition) == null ? void 0 : _this_item_composition.renderFrame.removeMeshFromDefaultRenderPass(this);
-    };
-    _create_class(RendererComponent, [
-        {
-            key: "priority",
-            get: function get() {
-                return this._priority;
-            },
-            set: function set(value) {
-                this._priority = value;
+var GraphInstance = /*#__PURE__*/ function() {
+    function GraphInstance(graphAsset, rootBone) {
+        this.graphAsset = graphAsset;
+        this.nodes = [];
+        this.context = new GraphContext();
+        // Initialize skeleton
+        var recordProperties = {
+            position: [],
+            scale: [],
+            rotation: [],
+            euler: [],
+            floats: [],
+            colors: []
+        };
+        for(var _iterator = _create_for_of_iterator_helper_loose(graphAsset.graphDataSet.resources), _step; !(_step = _iterator()).done;){
+            var animationClip = _step.value;
+            if (!animationClip) {
+                continue;
             }
-        },
-        {
-            key: "material",
-            get: function get() {
-                return this.materials[0];
-            },
-            set: function set(material) {
-                if (this.materials.length === 0) {
-                    this.materials.push(material);
-                } else {
-                    this.materials[0] = material;
-                }
+            for(var _iterator1 = _create_for_of_iterator_helper_loose(animationClip.positionCurves), _step1; !(_step1 = _iterator1()).done;){
+                var positionCurve = _step1.value;
+                recordProperties.position.push(positionCurve.path);
+            }
+            for(var _iterator2 = _create_for_of_iterator_helper_loose(animationClip.rotationCurves), _step2; !(_step2 = _iterator2()).done;){
+                var rotationCurve = _step2.value;
+                recordProperties.rotation.push(rotationCurve.path);
+            }
+            for(var _iterator3 = _create_for_of_iterator_helper_loose(animationClip.scaleCurves), _step3; !(_step3 = _iterator3()).done;){
+                var scaleCurve = _step3.value;
+                recordProperties.scale.push(scaleCurve.path);
+            }
+            for(var _iterator4 = _create_for_of_iterator_helper_loose(animationClip.eulerCurves), _step4; !(_step4 = _iterator4()).done;){
+                var eulerCurve = _step4.value;
+                recordProperties.euler.push(eulerCurve.path);
+            }
+            for(var _iterator5 = _create_for_of_iterator_helper_loose(animationClip.floatCurves), _step5; !(_step5 = _iterator5()).done;){
+                var floatCurve = _step5.value;
+                recordProperties.floats.push(floatCurve);
+            }
+            for(var _iterator6 = _create_for_of_iterator_helper_loose(animationClip.colorCurves), _step6; !(_step6 = _iterator6()).done;){
+                var colorCurve = _step6.value;
+                recordProperties.colors.push(colorCurve);
             }
         }
-    ]);
-    return RendererComponent;
-}(Component);
-__decorate([
-    serialize()
-], RendererComponent.prototype, "materials", void 0);
-__decorate([
-    serialize()
-], RendererComponent.prototype, "_priority", void 0);
-
-/**
- * 四维向量
- */ 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;
+        this.skeleton = new Skeleton(rootBone, recordProperties);
+        // create PoseResult
+        this.result = new PoseResult(this.skeleton);
+        this.context.skeleton = this.skeleton;
+        // instantiate graph nodes
+        var instantiationContext = new InstantiationContext();
+        instantiationContext.nodes = this.nodes;
+        instantiationContext.nodeDatas = graphAsset.nodeDatas;
+        instantiationContext.dataSet = graphAsset.graphDataSet;
+        for(var i = 0; i < graphAsset.nodeDatas.length; i++){
+            if (!instantiationContext.nodes[i]) {
+                graphAsset.nodeDatas[i].instantiate(instantiationContext);
+            }
+        }
+        this.rootNode = this.nodes[graphAsset.rootNodeIndex];
     }
-    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;
-        return this;
-    };
-    /**
-     * 设置零向量
-     * @returns 向量
-     */ _proto.setZero = function setZero() {
-        this.x = 0;
-        this.y = 0;
-        this.z = 0;
-        this.w = 0;
-        return this;
-    };
-    /**
-     * 通过标量数值设置向量
-     * @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 向量
-     */ _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;
-        return this;
+    var _proto = GraphInstance.prototype;
+    _proto.evaluateGraph = function evaluateGraph(deltaTime) {
+        this.context.update(deltaTime);
+        if (!this.rootNode.isInitialized()) {
+            this.resetGraphState();
+        }
+        // Evaluate the entire animation graph starting from the rootNode
+        if (this.rootNode) {
+            this.result = this.rootNode.evaluate(this.context, this.result);
+        }
+        // Reset trigger nodes
+        for(var i = 0; i < this.getNumControlParameters(); i++){
+            var controlParameterNode = this.nodes[i];
+            if (_instanceof1(controlParameterNode, ControlParameterTriggerNode)) {
+                controlParameterNode.setValue(false);
+            }
+        }
+        return this.result;
     };
-    /**
-     * 拷贝向量
-     * @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;
+    _proto.isInitialized = function isInitialized() {
+        return this.rootNode && this.rootNode.isInitialized();
     };
-    /**
-     * 克隆向量
-     * @returns 克隆结果
-     */ _proto.clone = function clone() {
-        return new Vector4(this.x, this.y, this.z, this.w);
+    // General Node Info
+    //-------------------------------------------------------------------------
+    _proto.isNodeActive = function isNodeActive(nodeIdx) {
+        return this.isControlParameter(nodeIdx) || this.nodes[nodeIdx].isNodeActive(this.context.updateID);
     };
-    /**
-     * 根据下标设置向量分量
-     * @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);
+    // Graph State
+    //-------------------------------------------------------------------------
+    _proto.resetGraphState = function resetGraphState() {
+        if (this.rootNode.isInitialized()) {
+            this.rootNode.shutdown(this.context);
         }
-        return this;
+        this.context.updateID++; // Bump the update ID to ensure that any initialization code that relies on it is dirtied.
+        this.rootNode.initialize(this.context);
     };
-    /**
-     * 根据下标获取向量分量
-     * @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;
+    // Control Parameters
+    //-------------------------------------------------------------------------
+    _proto.getNumControlParameters = function getNumControlParameters() {
+        return this.graphAsset.controlParameterIDs.length;
     };
-    /**
-     * 向量相加
-     * @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;
+    _proto.getControlParameterIndex = function getControlParameterIndex(parameterID) {
+        var parameterLookupMap = this.graphAsset.parameterLookupMap;
+        var res = parameterLookupMap.get(parameterID);
+        if (res !== undefined) {
+            return res;
         }
-        return this;
-    };
-    /**
-     * 向量相加
-     * @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;
+        console.warn("Parameter '" + parameterID + "' does not exist.");
+        return InvalidIndex;
     };
-    /**
-     * 向量比例缩放后相加
-     * @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;
+    _proto.getControlParameterID = function getControlParameterID(parameterNodeIndex) {
+        return this.graphAsset.controlParameterIDs[parameterNodeIndex];
     };
-    /**
-     * 向量相减
-     * @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;
+    _proto.setBool = function setBool(name, value) {
+        this.setControlParameterValue(name, value);
     };
-    /**
-     * 向量相减
-     * @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;
+    _proto.setFloat = function setFloat(name, value) {
+        this.setControlParameterValue(name, value);
     };
-    /**
-     * 向量相乘
-     * @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;
+    _proto.setTrigger = function setTrigger(name) {
+        this.setControlParameterValue(name, true);
     };
-    /**
-     * 向量相乘
-     * @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;
+    _proto.resetTrigger = function resetTrigger(name) {
+        this.setControlParameterValue(name, false);
     };
-    /**
-     * 向量相除
-     * @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;
-        }
-        return this;
+    // Debug Information
+    //-------------------------------------------------------------------------
+    _proto.getPoseNodeDebugInfo = function getPoseNodeDebugInfo(nodeIdx) {
+        var node = this.nodes[nodeIdx];
+        return node.getDebugInfo();
     };
-    /**
-     * 向量缩放
-     * @param v - 数字
-     * @returns 缩放结果
-     */ _proto.scale = function scale(v) {
-        this.x *= v;
-        this.y *= v;
-        this.z *= v;
-        this.w *= v;
-        return this;
+    _proto.getRuntimeNodeDebugValue = function getRuntimeNodeDebugValue(nodeIdx) {
+        var valueNode = this.nodes[nodeIdx];
+        return valueNode.getValue(this.context);
     };
-    /**
-     * 分量求和
-     * @returns 求和结果
-     */ _proto.sum = function sum() {
-        return this.x + this.y + this.z + this.w;
+    _proto.getNodeDebugInstance = function getNodeDebugInstance(nodeIdx) {
+        return this.nodes[nodeIdx];
     };
-    /**
-     * 向量求最小值
-     * @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;
+    _proto.isControlParameter = function isControlParameter(nodeIdx) {
+        return nodeIdx < this.getNumControlParameters();
     };
-    /**
-     * 向量求最大值
-     * @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);
+    _proto.setControlParameterValue = function setControlParameterValue(name, value) {
+        var index = this.getControlParameterIndex(name);
+        if (index !== InvalidIndex) {
+            this.nodes[index].setValue(value);
         }
-        return this;
     };
+    return GraphInstance;
+}();
+
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+
+/**
+ * @since 2.0.0
+ */ var Component = /*#__PURE__*/ function(EffectsObject) {
+    _inherits(Component, EffectsObject);
+    function Component() {
+        var _this;
+        _this = EffectsObject.apply(this, arguments) || this;
+        _this.isAwakeCalled = false;
+        _this.isStartCalled = false;
+        _this.isEnableCalled = false;
+        _this._enabled = true;
+        return _this;
+    }
+    var _proto = Component.prototype;
     /**
-     * 向量阈值约束
-     * @param min - 最小值
-     * @param max - 最大值
-     * @returns 向量
-     */ _proto.clamp = function clamp(min, max) {
-        return this.max(min).min(max);
+   * 生命周期函数，初始化后调用，生命周期内只调用一次
+   */ _proto.onAwake = function onAwake() {
+    // OVERRIDE
     };
     /**
-     * 向量向下取整
-     * @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;
+   * 在 enabled 变为 true 时触发
+   */ _proto.onEnable = function onEnable() {
+    // OVERRIDE
     };
     /**
-     * 向量向上取整
-     * @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;
+   * 在 enabled 变为 false 时触发
+   */ _proto.onDisable = function onDisable() {
+    // OVERRIDE
     };
     /**
-     * 向量四舍五入
-     * @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;
+   * 生命周期函数，在第一次 update 前调用，生命周期内只调用一次
+   */ _proto.onStart = function onStart() {
+    // OVERRIDE
     };
     /**
-     * 向量取绝对值
-     * @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;
+   * 生命周期函数，每帧调用一次
+   */ _proto.onUpdate = function onUpdate(dt) {
+    // OVERRIDE
     };
     /**
-     * 向量取反
-     * @returns 取反结果
-     */ _proto.negate = function negate() {
-        this.x = -this.x;
-        this.y = -this.y;
-        this.z = -this.z;
-        this.w = -this.w;
-        return this;
+   * 生命周期函数，每帧调用一次，在 update 之后调用
+   */ _proto.onLateUpdate = function onLateUpdate(dt) {
+    // OVERRIDE
     };
     /**
-     * 向量长度平方
-     * @returns 长度平方
-     */ _proto.lengthSquared = function lengthSquared() {
-        return this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w;
+   * 生命周期函数，在组件销毁时调用
+   */ _proto.onDestroy = function onDestroy() {
+    // OVERRIDE
     };
     /**
-     * 向量长度
-     * @returns 长度
-     */ _proto.length = function length() {
-        return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w);
+   * @internal
+   */ _proto.enable = function enable() {
+        if (this.item.composition) {
+            this.item.composition.sceneTicking.addComponent(this);
+            this.isEnableCalled = true;
+        }
+        this.onEnable();
     };
     /**
-     * 向量归一化
-     * @returns 归一化结果
-     */ _proto.normalize = function normalize() {
-        return this.divide(this.length() || 1);
+   * @internal
+   */ _proto.disable = function disable() {
+        this.onDisable();
+        if (this.item.composition) {
+            this.isEnableCalled = false;
+            this.item.composition.sceneTicking.removeComponent(this);
+        }
     };
-    /**
-     * 设置向量长度
-     * @param length - 长度
-     * @returns 向量
-     */ _proto.setLength = function setLength(length) {
-        return this.normalize().multiply(length);
+    _proto.setVFXItem = function setVFXItem(item) {
+        this.item = item;
+        if (item.isDuringPlay) {
+            if (!this.isAwakeCalled) {
+                this.onAwake();
+                this.isAwakeCalled = true;
+            }
+            if (item.isActive && this.enabled) {
+                this.start();
+                this.enable();
+            }
+        }
     };
-    /**
-     * 向量求线性插值
-     * @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;
+    _proto.fromData = function fromData(data) {
+        EffectsObject.prototype.fromData.call(this, data);
     };
-    /**
-     * 两向量求线性插值
-     * @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;
+    _proto.dispose = function dispose() {
+        if (this.isEnableCalled) {
+            this.disable();
+        }
+        if (this.isAwakeCalled) {
+            this.isAwakeCalled = false;
+            this.onDestroy();
+        }
+        if (this.item) {
+            removeItem(this.item.components, this);
+        }
     };
-    /**
-     * 向量求点积
-     * @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;
+    _proto.start = function start() {
+        if (this.isStartCalled) {
+            return;
+        }
+        this.isStartCalled = true;
+        this.onStart();
     };
-    /**
-     * 向量判等
-     * @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;
+    _create_class(Component, [
+        {
+            key: "transform",
+            get: /**
+   * 附加到的 VFXItem 对象 Transform 组件
+   */ function get() {
+                return this.item.transform;
+            }
+        },
+        {
+            key: "isActiveAndEnabled",
+            get: /**
+   * 组件是否可以更新，true 更新，false 不更新
+   */ function get() {
+                return this.item.isActive && this.enabled;
+            }
+        },
+        {
+            key: "enabled",
+            get: function get() {
+                return this._enabled;
+            },
+            set: function set(value) {
+                if (this.enabled !== value) {
+                    this._enabled = value;
+                    if (value) {
+                        if (this.isActiveAndEnabled) {
+                            this.enable();
+                            if (!this.isStartCalled) {
+                                this.onStart();
+                                this.isStartCalled = true;
+                            }
+                        }
+                    } else {
+                        if (this.isEnableCalled) {
+                            this.disable();
+                        }
+                    }
+                }
+            }
+        }
+    ]);
+    return Component;
+}(EffectsObject);
+__decorate([
+    serialize()
+], Component.prototype, "item", void 0);
+__decorate([
+    serialize()
+], Component.prototype, "_enabled", void 0);
+/**
+ * @since 2.0.0
+ * @deprecated 2.4.0 Please use Component instead
+ */ var Behaviour = /*#__PURE__*/ function(Component) {
+    _inherits(Behaviour, Component);
+    function Behaviour() {
+        return Component.apply(this, arguments);
+    }
+    var _proto = Behaviour.prototype;
+    _proto.setVFXItem = function setVFXItem(item) {
+        Component.prototype.setVFXItem.call(this, item);
     };
-    /**
-     * 是否零向量
-     * @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;
+    _proto.dispose = function dispose() {
+        Component.prototype.dispose.call(this);
     };
-    /**
-     * 向量转数组
-     * @returns 数组
-     */ _proto.toArray = function toArray() {
-        return [
-            this.x,
-            this.y,
-            this.z,
-            this.w
-        ];
+    return Behaviour;
+}(Component);
+
+var Animator = /*#__PURE__*/ function(Component) {
+    _inherits(Animator, Component);
+    function Animator() {
+        var _this;
+        _this = Component.apply(this, arguments) || this;
+        /**
+   * @internal
+   */ _this.graph = null;
+        _this.graphAsset = null;
+        return _this;
+    }
+    var _proto = Animator.prototype;
+    _proto.setBool = function setBool(name, value) {
+        if (this.graph) {
+            this.graph.setBool(name, value);
+        }
     };
-    _proto.toVector3 = function toVector3() {
-        return new Vector3(this.x, this.y, this.z);
+    _proto.setFloat = function setFloat(name, value) {
+        if (this.graph) {
+            this.graph.setFloat(name, value);
+        }
     };
-    _proto.fill = function fill(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;
+    _proto.setTrigger = function setTrigger(name) {
+        if (this.graph) {
+            this.graph.setTrigger(name);
+        }
     };
-    /**
-     * 生成随机向量
-     * @returns 向量
-     */ _proto.random = function random() {
-        this.x = Math.random();
-        this.y = Math.random();
-        this.z = Math.random();
-        this.w = Math.random();
-        return this;
+    _proto.resetTrigger = function resetTrigger(name) {
+        if (this.graph) {
+            this.graph.resetTrigger(name);
+        }
     };
-    /**
-     * 变换矩阵作用于向量
-     * @param m - 变换矩阵
-     * @param [out] - 输出结果，如果没有设置就直接覆盖当前值
-     * @returns 向量
-     */ _proto.applyMatrix = function applyMatrix(m, out) {
-        return m.transformVector4(this, out);
+    _proto.onStart = function onStart() {
+        if (this.graphAsset) {
+            this.graph = new GraphInstance(this.graphAsset, this.item);
+        }
     };
-    /**
-     * 通过标量数值创建向量
-     * @param num - 数值
-     * @returns 向量
-     */ Vector4.fromNumber = function fromNumber(num) {
-        return new Vector4().setFromNumber(num);
+    _proto.onUpdate = function onUpdate(dt) {
+        if (!this.graph) {
+            return;
+        }
+        var result = this.graph.evaluateGraph(dt / 1000);
+        // Apply transform animation
+        //-------------------------------------------------------------------------
+        var animatedTransforms = this.graph.skeleton.animatedTransforms;
+        for(var i = 0; i < animatedTransforms.length; i++){
+            var position = result.pose.parentSpaceTransforms[i].position;
+            var rotation = result.pose.parentSpaceTransforms[i].rotation;
+            var scale = result.pose.parentSpaceTransforms[i].scale;
+            var euler = result.pose.parentSpaceTransforms[i].euler;
+            animatedTransforms[i].setPosition(position.x, position.y, position.z);
+            animatedTransforms[i].setScale(scale.x, scale.y, scale.z);
+            if (this.graph.skeleton.useEuler) {
+                animatedTransforms[i].setRotation(euler.x, euler.y, euler.z);
+            } else {
+                animatedTransforms[i].setQuaternion(rotation.x, rotation.y, rotation.z, rotation.w);
+            }
+        }
+        // Apply property animation
+        //-------------------------------------------------------------------------
+        var floatAnimatedObjects = this.graph.skeleton.floatAnimatedObjects;
+        for(var i1 = 0; i1 < floatAnimatedObjects.length; i1++){
+            var animatedObject = floatAnimatedObjects[i1];
+            var property = animatedObject.property;
+            animatedObject.target[property] = result.pose.floatPropertyValues[i1];
+        }
+        var colorAnimatedObjects = this.graph.skeleton.colorAnimatedObjects;
+        for(var i2 = 0; i2 < colorAnimatedObjects.length; i2++){
+            var animatedObject1 = colorAnimatedObjects[i2];
+            var property1 = animatedObject1.property;
+            animatedObject1.target[property1] = result.pose.colorPropertyValues[i2];
+        }
     };
-    /**
-     * 通过数组创建向量
-     * @param array - 数组
-     * @param [offset=0] - 起始偏移值
-     * @returns 向量
-     */ Vector4.fromArray = function fromArray(array, offset) {
-        if (offset === void 0) offset = 0;
-        return new Vector4().setFromArray(array, offset);
+    _proto.fromData = function fromData(data) {
+        this.graphAsset = this.engine.findObject(data.graphAsset);
     };
-    return Vector4;
-}();
+    return Animator;
+}(Component);
+Animator = __decorate([
+    effectsClass("Animator")
+], Animator);
+
 /**
-     * 四维向量的常量
-     */ Vector4.ONE = new Vector4(1.0, 1.0, 1.0, 1.0);
-Vector4.ZERO = new Vector4(0.0, 0.0, 0.0, 0.0);
+ * 所有渲染组件的基类
+ * @since 2.0.0
+ */ var RendererComponent = /*#__PURE__*/ function(Component) {
+    _inherits(RendererComponent, Component);
+    function RendererComponent() {
+        var _this;
+        _this = Component.apply(this, arguments) || this;
+        _this.materials = [];
+        _this._priority = 0;
+        return _this;
+    }
+    var _proto = RendererComponent.prototype;
+    _proto.render = function render(renderer) {};
+    _proto.onEnable = function onEnable() {
+        var _this_item_composition;
+        (_this_item_composition = this.item.composition) == null ? void 0 : _this_item_composition.renderFrame.addMeshToDefaultRenderPass(this);
+    };
+    _proto.onDisable = function onDisable() {
+        var _this_item_composition;
+        (_this_item_composition = this.item.composition) == null ? void 0 : _this_item_composition.renderFrame.removeMeshFromDefaultRenderPass(this);
+    };
+    _create_class(RendererComponent, [
+        {
+            key: "priority",
+            get: function get() {
+                return this._priority;
+            },
+            set: function set(value) {
+                this._priority = value;
+            }
+        },
+        {
+            key: "material",
+            get: function get() {
+                return this.materials[0];
+            },
+            set: function set(material) {
+                if (this.materials.length === 0) {
+                    this.materials.push(material);
+                } else {
+                    this.materials[0] = material;
+                }
+            }
+        }
+    ]);
+    return RendererComponent;
+}(Component);
+__decorate([
+    serialize()
+], RendererComponent.prototype, "materials", void 0);
+__decorate([
+    serialize()
+], RendererComponent.prototype, "_priority", void 0);
 
 /**
  * Mesh 组件
@@ -6777,516 +7287,6 @@ PostProcessVolume = __decorate([
     effectsClass(DataType.PostProcessVolume)
 ], PostProcessVolume);
 
-var Color = /*#__PURE__*/ function() {
-    function Color(r, g, b, a) {
-        if (r === void 0) r = 0;
-        if (g === void 0) g = 0;
-        if (b === void 0) b = 0;
-        if (a === void 0) a = 0;
-        this.r = r;
-        this.g = g;
-        this.b = b;
-        this.a = a;
-    }
-    var _proto = Color.prototype;
-    /**
-     * 设置颜色
-     * @param r - r 分量
-     * @param g - g 分量
-     * @param b - b 分量
-     * @param a - a 分量
-     * @returns
-     */ _proto.set = function set(r, g, b, a) {
-        this.r = r;
-        this.g = g;
-        this.b = b;
-        this.a = a;
-        return this;
-    };
-    /**
-     * 设置零颜色
-     * @returns
-     */ _proto.setZero = function setZero() {
-        this.r = 0;
-        this.g = 0;
-        this.b = 0;
-        this.a = 0;
-        return this;
-    };
-    /**
-     * 通过标量数值设置颜色
-     * @param num - 数值
-     * @returns
-     */ _proto.setFromNumber = function setFromNumber(num) {
-        this.r = num;
-        this.g = num;
-        this.b = num;
-        this.a = num;
-        return this;
-    };
-    /**
-     * 通过Vector4创建颜色
-     * @param v - Vector4
-     * @returns
-     */ _proto.setFromVector4 = function setFromVector4(v) {
-        this.r = v.x;
-        this.g = v.y;
-        this.b = v.z;
-        this.a = v.w;
-        return this;
-    };
-    /**
-     * 通过数组创建颜色
-     * @param array - 数组
-     * @param [offset=0] - 起始偏移值
-     * @returns
-     */ _proto.setFromArray = function setFromArray(array, offset) {
-        if (offset === void 0) offset = 0;
-        var _array_offset;
-        this.r = (_array_offset = array[offset]) != null ? _array_offset : 0;
-        var _array_;
-        this.g = (_array_ = array[offset + 1]) != null ? _array_ : 0;
-        var _array_1;
-        this.b = (_array_1 = array[offset + 2]) != null ? _array_1 : 0;
-        var _array_2;
-        this.a = (_array_2 = array[offset + 3]) != null ? _array_2 : 0;
-        return this;
-    };
-    _proto.setFromHSV = function setFromHSV(hue, saturation, value, alpha) {
-        if (alpha === void 0) alpha = 1;
-        var chroma = value * saturation;
-        var h = hue / 60;
-        var x = chroma * (1 - Math.abs(h % 2 - 1));
-        var r = 0;
-        var g = 0;
-        var b = 0;
-        if (h >= 0 && h <= 1) {
-            r = chroma;
-            g = x;
-        } else if (h >= 1 && h <= 2) {
-            r = x;
-            g = chroma;
-        } else if (h >= 2 && h <= 3) {
-            g = chroma;
-            b = x;
-        } else if (h >= 3 && h <= 4) {
-            g = x;
-            b = chroma;
-        } else if (h >= 4 && h <= 5) {
-            r = x;
-            b = chroma;
-        } else if (h >= 5 && h <= 6) {
-            r = chroma;
-            b = x;
-        }
-        var m = value - chroma;
-        return this.set(r + m, g + m, b + m, alpha);
-    };
-    _proto.setFromHexString = function setFromHexString(hex) {
-        if (hex.substring(0, 1) !== "#" || hex.length !== 9 && hex.length !== 7) {
-            return this;
-        }
-        var r = parseInt(hex.substring(1, 3), 16) / 255.0;
-        var g = parseInt(hex.substring(3, 5), 16) / 255.0;
-        var b = parseInt(hex.substring(5, 7), 16) / 255.0;
-        var a = hex.length === 9 ? parseInt(hex.substring(7, 9), 16) / 255.0 : 1.0;
-        return this.set(r, g, b, a);
-    };
-    /**
-     * 拷贝颜色
-     * @param v - 复制对象
-     * @returns 拷贝结果
-     */ _proto.copyFrom = function copyFrom(v) {
-        this.r = v.r;
-        this.g = v.g;
-        this.b = v.b;
-        this.a = v.a;
-        return this;
-    };
-    /**
-     * 克隆颜色
-     * @returns 克隆结果
-     */ _proto.clone = function clone() {
-        return new Color(this.r, this.g, this.b, this.a);
-    };
-    /**
-     * 根据下标设置颜色分量
-     * @param index - 下标值
-     * @param value - 分量值
-     * @returns
-     */ _proto.setElement = function setElement(index, value) {
-        switch(index){
-            case 0:
-                this.r = value;
-                break;
-            case 1:
-                this.g = value;
-                break;
-            case 2:
-                this.b = value;
-                break;
-            case 3:
-                this.a = value;
-                break;
-            default:
-                console.error("index is out of range: " + index);
-        }
-        return this;
-    };
-    /**
-     * 根据下标获取颜色分量
-     * @param index - 下标
-     * @returns 分量值
-     */ _proto.getElement = function getElement(index) {
-        switch(index){
-            case 0:
-                return this.r;
-            case 1:
-                return this.g;
-            case 2:
-                return this.b;
-            case 3:
-                return this.a;
-            default:
-                console.error("index is out of range: " + index);
-        }
-        return 0;
-    };
-    /**
-     * 颜色相加
-     * @param right - 相加对象，颜色 | 数字
-     * @returns 相加结果
-     */ _proto.add = function add(right) {
-        if (typeof right === "number") {
-            this.r += right;
-            this.g += right;
-            this.b += right;
-            this.a += right;
-        } else if (_instanceof1(right, Array)) {
-            this.r += right[0];
-            this.g += right[1];
-            this.b += right[2];
-            this.a += right[3];
-        } else {
-            this.r += right.r;
-            this.g += right.g;
-            this.b += right.b;
-            this.a += right.a;
-        }
-        return this;
-    };
-    /**
-     * 颜色相减
-     * @param right - 相减对象，颜色 | 数字
-     * @returns 相减结果
-     */ _proto.subtract = function subtract(right) {
-        if (typeof right === "number") {
-            this.r -= right;
-            this.g -= right;
-            this.b -= right;
-            this.a -= right;
-        } else if (_instanceof1(right, Array)) {
-            this.r -= right[0];
-            this.g -= right[1];
-            this.b -= right[2];
-            this.a -= right[3];
-        } else {
-            this.r -= right.r;
-            this.g -= right.g;
-            this.b -= right.b;
-            this.a -= right.a;
-        }
-        return this;
-    };
-    /**
-     * 颜色相乘
-     * @param right - 相乘对象，对象 | 数字
-     * @returns 颜色
-     */ _proto.multiply = function multiply(right) {
-        if (typeof right === "number") {
-            this.r *= right;
-            this.g *= right;
-            this.b *= right;
-            this.a *= right;
-        } else if (_instanceof1(right, Array)) {
-            this.r *= right[0];
-            this.g *= right[1];
-            this.b *= right[2];
-            this.a *= right[3];
-        } else {
-            this.r *= right.r;
-            this.g *= right.g;
-            this.b *= right.b;
-            this.a *= right.a;
-        }
-        return this;
-    };
-    /**
-     * 颜色相除
-     * @param right - 相除对象，对象 | 数字
-     * @returns 颜色
-     */ _proto.divide = function divide(right) {
-        if (typeof right === "number") {
-            this.r /= right;
-            this.g /= right;
-            this.b /= right;
-            this.a /= right;
-        } else if (_instanceof1(right, Array)) {
-            this.r /= right[0];
-            this.g /= right[1];
-            this.b /= right[2];
-            this.a /= right[3];
-        } else {
-            this.r /= right.r;
-            this.g /= right.g;
-            this.b /= right.b;
-            this.a /= right.a;
-        }
-        return this;
-    };
-    /**
-     * 颜色缩放
-     * @param v - 数字
-     * @returns 缩放结果
-     */ _proto.scale = function scale(v) {
-        this.r *= v;
-        this.g *= v;
-        this.b *= v;
-        this.a *= v;
-        return this;
-    };
-    /**
-     * 颜色求最小值
-     * @param v - 颜色或数值
-     * @returns 最小值
-     */ _proto.min = function min(v) {
-        if (typeof v === "number") {
-            this.r = Math.min(this.r, v);
-            this.g = Math.min(this.g, v);
-            this.b = Math.min(this.b, v);
-            this.a = Math.min(this.a, v);
-        } else {
-            this.r = Math.min(this.r, v.r);
-            this.g = Math.min(this.g, v.g);
-            this.b = Math.min(this.b, v.b);
-            this.a = Math.min(this.a, v.a);
-        }
-        return this;
-    };
-    /**
-     * 颜色求最大值
-     * @param v - 颜色或数值
-     * @returns 最大值
-     */ _proto.max = function max(v) {
-        if (typeof v === "number") {
-            this.r = Math.max(this.r, v);
-            this.g = Math.max(this.g, v);
-            this.b = Math.max(this.b, v);
-            this.a = Math.max(this.a, v);
-        } else {
-            this.r = Math.max(this.r, v.r);
-            this.g = Math.max(this.g, v.g);
-            this.b = Math.max(this.b, v.b);
-            this.a = Math.max(this.a, v.a);
-        }
-        return this;
-    };
-    /**
-     * 颜色阈值约束
-     * @param min - 最小值
-     * @param max - 最大值
-     * @returns 颜色
-     */ _proto.clamp = function clamp(min, max) {
-        return this.max(min).min(max);
-    };
-    /**
-     * 颜色求线性插值
-     * @param v - 颜色
-     * @param alpha - 插值比例
-     * @returns 插值结果
-     */ _proto.lerp = function lerp(v, alpha) {
-        this.r += (v.r - this.r) * alpha;
-        this.g += (v.g - this.g) * alpha;
-        this.b += (v.b - this.b) * alpha;
-        this.a += (v.a - this.a) * alpha;
-        return this;
-    };
-    /**
-     * 计算颜色亮度值
-     * @returns 亮度值
-     */ _proto.luminance = function luminance() {
-        return this.r * 0.3 + this.g * 0.59 + this.b * 0.11;
-    };
-    /**
-     * 颜色判等
-     * @param v - 颜色
-     * @returns 判等结果
-     */ _proto.equals = function equals(v) {
-        return v.r === this.r && v.g === this.g && v.b === this.b && v.a === this.a;
-    };
-    _proto.toLinear = function toLinear() {
-        this.r = Color.gammaToLinear(this.r);
-        this.g = Color.gammaToLinear(this.g);
-        this.b = Color.gammaToLinear(this.b);
-        return this;
-    };
-    _proto.toGamma = function toGamma() {
-        this.r = Color.linearToGamma(this.r);
-        this.g = Color.linearToGamma(this.g);
-        this.b = Color.linearToGamma(this.b);
-        return this;
-    };
-    /**
-     * 颜色转数组
-     * @returns 数组
-     */ _proto.toArray = function toArray() {
-        return [
-            this.r,
-            this.g,
-            this.b,
-            this.a
-        ];
-    };
-    _proto.toVector4 = function toVector4() {
-        return new Vector4(this.r, this.g, this.b, this.a);
-    };
-    /**
-     * RGB 颜色空间转 HSV
-     * @param result HSV 值
-     */ _proto.toHSV = function toHSV() {
-        var _this = this, r = _this.r, g = _this.g, b = _this.b, a = _this.a;
-        var max = Math.max(r, g, b);
-        var min = Math.min(r, g, b);
-        var v = max;
-        var dm = max - min;
-        var h = 0;
-        var s = 0;
-        if (max !== 0) {
-            s = dm / max;
-        }
-        if (max != min) {
-            if (max == r) {
-                h = (g - b) / dm;
-                if (g < b) {
-                    h += 6;
-                }
-            } else if (max == g) {
-                h = (b - r) / dm + 2;
-            } else if (max == b) {
-                h = (r - g) / dm + 4;
-            }
-            h *= 60;
-        }
-        return new Color(h, s, v, a);
-    };
-    _proto.toHexString = function toHexString(includeAlpha) {
-        if (includeAlpha === void 0) includeAlpha = true;
-        var R = Color.ToHex(Math.round(this.r * 255));
-        var G = Color.ToHex(Math.round(this.g * 255));
-        var B = Color.ToHex(Math.round(this.b * 255));
-        var A = Color.ToHex(Math.round(this.a * 255));
-        if (includeAlpha) {
-            return "#" + R + G + B + A;
-        } else {
-            return "#" + R + G + B;
-        }
-    };
-    _proto.fill = function fill(array, offset) {
-        if (offset === void 0) offset = 0;
-        array[offset] = this.r;
-        array[offset + 1] = this.g;
-        array[offset + 2] = this.b;
-        array[offset + 3] = this.a;
-    };
-    /**
-     * 通过标量数值创建颜色
-     * @param num - 数值
-     * @returns
-     */ Color.fromNumber = function fromNumber(num) {
-        return new Color().setFromNumber(num);
-    };
-    /**
-     * 通过数组创建颜色
-     * @param array - 数组
-     * @param [offset=0] - 起始偏移值
-     * @returns
-     */ Color.fromArray = function fromArray(array, offset) {
-        if (offset === void 0) offset = 0;
-        return new Color().setFromArray(array, offset);
-    };
-    /**
-     * 通过 hex 字符串创建颜色
-     * @param hex - hex 字符串
-     * @returns
-     */ Color.fromHexString = function fromHexString(hex) {
-        return new Color().setFromHexString(hex);
-    };
-    Color.fromHSV = function fromHSV(hue, saturation, value, alpha) {
-        if (alpha === void 0) alpha = 1;
-        return new Color().setFromHSV(hue, saturation, value, alpha);
-    };
-    /**
-     * 颜色值从 Gamma 空间转到线性空间
-     * @param v - Gamma 空间颜色值
-     * @returns 线性空间颜色值
-     */ Color.gammaToLinear = function gammaToLinear(v) {
-        if (v <= 0.0) {
-            return 0.0;
-        } else if (v <= 0.04045) {
-            return v / 12.92;
-        } else if (v < 1.0) {
-            return Math.pow((v + 0.055) / 1.055, 2.4);
-        } else {
-            return Math.pow(v, 2.4);
-        }
-    };
-    /**
-     * 颜色值从线性空间转到 Gamma 空间
-     * @param value - 线性空间颜色值
-     * @returns Gamma 空间颜色值
-     */ Color.linearToGamma = function linearToGamma(value) {
-        if (value <= 0.0) {
-            return 0.0;
-        } else if (value < 0.0031308) {
-            return 12.92 * value;
-        } else if (value < 1.0) {
-            return 1.055 * Math.pow(value, 0.41666) - 0.055;
-        } else {
-            return Math.pow(value, 0.41666);
-        }
-    };
-    Color.ToHex = function ToHex(i) {
-        var str = i.toString(16);
-        if (i <= 15) {
-            return ("0" + str).toUpperCase();
-        }
-        return str.toUpperCase();
-    };
-    return Color;
-}();
-/**
-     * 颜色的常量
-     */ Color.BLACK = new Color(0, 0, 0, 1) // 纯黑色
-;
-Color.BLUE = new Color(0, 0, 1, 1) // 纯蓝色
-;
-Color.CLEAR = new Color(0, 0, 0, 0) // 完全透明
-;
-Color.CYAN = new Color(0, 1, 1, 1) // 青色
-;
-Color.GRAY = new Color(0.5, 0.5, 0.5, 1) // 灰色
-;
-Color.GREEN = new Color(0, 1, 0, 1) // 纯绿色
-;
-Color.MAGENTA = new Color(1, 0, 1, 1) // 洋红色
-;
-Color.RED = new Color(1, 0, 0, 1) // 纯红色
-;
-Color.WHITE = new Color(1, 1, 1, 1) // 纯白色
-;
-Color.YELLOW = new Color(1, 0.92, 0.016, 1) // 黄色
-;
-
 /**
  * 四阶矩阵（列优先矩阵）
  */ var Matrix4 = /*#__PURE__*/ function() {
@@ -24297,7 +24297,7 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         return (_this_renderer = this.renderer) == null ? void 0 : _this_renderer.engine;
     };
     /**
-   * Item 求交测试，返回求交结果列表，x 和 y 是归一化到[-1, 1]区间的值，原点在左上角
+   * Item 求交测试，返回求交结果列表，x 和 y 是归一化到[-1, 1]区间的值，x 向右，y 向上
    * @param x - 鼠标或触点的 x，已经归一化到[-1, 1]
    * @param y - 鼠标或触点的 y，已经归一化到[-1, 1]
    * @param force - 是否强制求交，没有交互信息的 Item 也要进行求交测试
@@ -25009,7 +25009,7 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
     };
     _proto.fromData = function fromData(data) {
         EffectsObject.prototype.fromData.call(this, data);
-        var id = data.id, name = data.name, delay = data.delay, parentId = data.parentId, endBehavior = data.endBehavior, transform = data.transform, _data_duration = data.duration, duration = _data_duration === void 0 ? 0 : _data_duration;
+        var id = data.id, name = data.name, delay = data.delay, parentId = data.parentId, endBehavior = data.endBehavior, transform = data.transform, _data_duration = data.duration, duration = _data_duration === void 0 ? 0 : _data_duration, _data_visible = data.visible, visible = _data_visible === void 0 ? true : _data_visible;
         this.props = data;
         this.type = data.type;
         this.id = id.toString(); // TODO 老数据 id 是 number，需要转换
@@ -25048,6 +25048,7 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
         if (VFXItem.isComposition(this)) {
             this.instantiatePreComposition();
         }
+        this.setVisible(visible);
     };
     _proto.toData = function toData() {
         var _this_parent;
@@ -31143,7 +31144,7 @@ function getStandardSpriteContent(sprite, transform) {
     return ret;
 }
 
-var version$1 = "2.6.7";
+var version$1 = "2.6.9";
 var v0 = /^(\d+)\.(\d+)\.(\d+)(-(\w+)\.\d+)?$/;
 var standardVersion = /^(\d+)\.(\d+)$/;
 var reverseParticle = false;
@@ -34397,7 +34398,7 @@ registerPlugin("sprite", SpriteLoader, VFXItem);
 registerPlugin("particle", ParticleLoader, VFXItem);
 registerPlugin("cal", CalculateLoader, VFXItem);
 registerPlugin("interact", InteractLoader, VFXItem);
-var version = "2.6.7";
+var version = "2.6.9";
 logger.info("Core version: " + version + ".");
 
 export { AbstractPlugin, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AndNode, AndNodeData, Animatable, AnimationClip, AnimationClipNode, AnimationClipNodeData, AnimationGraphAsset, Animator, ApplyAdditiveNode, ApplyAdditiveNodeData, Asset, AssetLoader, AssetManager, AssetService, BYTES_TYPE_MAP, BaseRenderComponent, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, BlendNode, BlendNodeData, BoolValueNode, COMPRESSED_TEXTURE, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateLoader, Camera, CameraController, CameraVFXItemLoader, ColorCurve, ColorPropertyPlayableAsset, ColorPropertyTrack, Component, ComponentTimePlayable, ComponentTimePlayableAsset, ComponentTimeTrack, Composition, CompositionComponent, ConstBoolNode, ConstBoolNodeData, ConstFloatNode, ConstFloatNodeData, ControlParameterBoolNode, ControlParameterBoolNodeData, ControlParameterFloatNode, ControlParameterFloatNodeData, ControlParameterTriggerNode, ControlParameterTriggerNodeData, DEFAULT_FONTS, DEFAULT_FPS, Database, Deferred, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectsObject, EffectsPackage, Ellipse, Engine, EqualNodeData, EventEmitter, EventSystem, Fake3DAnimationMode, Fake3DComponent, FilterMode, Float16ArrayWrapper, FloatComparisonNode, FloatComparisonNodeData, FloatPropertyPlayableAsset, FloatPropertyTrack, FloatValueNode, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, GraphInstance, GraphNode, GraphNodeData, GraphicsPath, GreaterNodeData, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, InvalidIndex, Item, KTXTexture, LayerBlendNode, LayerBlendNodeData, LessNodeData, LineSegments, LinearValue, MaskMode, MaskProcessor, Material, MaterialDataBlock, MaterialRenderType, MaterialTrack, Mesh, MeshCollider, NodeTransform, NotNode, NotNodeData, ObjectBindingTrack, OrNode, OrNodeData, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleSystem, ParticleSystemRenderer, ParticleTrack, PassTextureCache, PathSegments, PluginSystem, PolyStar, Polygon, Pose, PoseNode, PostProcessVolume, PropertyTrack, RENDER_PASS_NAME_PREFIX, RENDER_PREFER_LOOKUP_TEXTURE, RUNTIME_ENV, RandomSetValue, RandomValue, RandomVectorValue, RenderFrame, RenderPass, RenderPassAttachmentStorageType, RenderPassDestroyAttachmentType, RenderPassPriorityNormal, RenderPassPriorityPostprocess, RenderPassPriorityPrepare, RenderTargetHandle, RenderTextureFormat, Renderbuffer, Renderer, RendererComponent, RuntimeClip, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_0, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_SIZE_0, SEMANTIC_PRE_COLOR_ATTACHMENT_0, SEMANTIC_PRE_COLOR_ATTACHMENT_SIZE_0, SPRITE_VERTEX_STRIDE, Scene, SemanticMap, SerializationHelper, Shader, ShaderCompileResultStatus, ShaderFactory, ShaderType, ShaderVariant, ShapeComponent, ShapePath, SourceType, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteLoader, StarType, StateMachineNode, StateMachineNodeData, StateNode, StateNodeData, StaticValue, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TangentMode, TextComponent, TextComponentBase, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, Ticker, TimelineAsset, TimelineClip, TimelinePlayable, TrackAsset, TrackSortWrapper, TrackType, Transform, TransformAnimationPlayable, TransformPlayableAsset, TransformTrack, TransitionNode, TransitionNodeData, TransitionState, VFXItem, ValueGetter, ValueNode, Vector2Curve, Vector2PropertyPlayableAsset, Vector2PropertyTrack, Vector3Curve, Vector4Curve, Vector4PropertyPlayableAsset, Vector4PropertyTrack, WeightedMode, addByOrder, addItem, addItemWithOrder, applyMixins, assertExist, asserts, base64ToFile, blend, buildLine, calculateTranslation, canUseBOM, canvasPool, closePointEps, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, createCopyShader, createGLContext, createKeyFrameMeta, createShape, createValueGetter, curveEps, decimalEqual, defaultPlugins, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, findPreviousRenderPass, gaussianDown_frag as gaussianDownFrag, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getClass, getColorFromGradientStops, getConfig, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getKTXTextureOptions, getKeyFrameMetaByRawValue, getMergedStore, getNodeDataClass, getParticleMeshShader, getPixelRatio, getPreMultiAlpha, getStandardComposition, getStandardImage, getStandardItem, getStandardJSON, getTextureSize, glContext, glType2VertexFormatType, gpuTimer, imageDataFromColor, imageDataFromGradient, initErrors, initGLContext, integrate, interpolateColor, isAlipayMiniApp, isAndroid, isArray, isCanvas, isFunction, isIOS, isIOSByUA, isMiniProgram, isObject, isOpenHarmony, isPlainObject, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, isWechatMiniApp, itemFrag, itemFrame_frag as itemFrameFrag, itemVert, loadAVIFOptional, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, modifyMaxKeyframeShader, nearestPowerOfTwo, nodeDataClass, noop, normalizeColor, numberToFix, oldBezierKeyFramesToNew, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, passRenderLevel, pluginLoaderMap, randomInRange, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxItemCountByGPU, sortByOrder, index$1 as spec, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecFill, vecMulCombine, version, vertexFormatType2GLType };