@galacean/effects-threejs 2.1.0-alpha.5 → 2.1.0-alpha.6

package/dist/index.mjs

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.1.0-alpha.5
+ * Version: v2.1.0-alpha.6
  */
 
 import * as THREE from 'three';
@@ -3948,6 +3948,12 @@ Euler.tempMat0 = new Matrix4();
     /**
      * 节点元素
      */ ItemType["node"] = "node";
+    /**
+     * 视频元素
+     */ ItemType["video"] = "video";
+    /**
+     * 音频元素
+     */ ItemType["audio"] = "audio";
 })(ItemType || (ItemType = {}));
 /**
  * 渲染模式
@@ -4048,15 +4054,6 @@ var CameraClipMode;
      */ CameraClipMode[CameraClipMode["landscape"] = 0] = "landscape";
 })(CameraClipMode || (CameraClipMode = {}));
 
-/**
- * 动态换图类型
- * @since 1.1.0
- */ var BackgroundType;
-(function(BackgroundType) {
-    BackgroundType["video"] = "video";
-    BackgroundType["image"] = "image";
-})(BackgroundType || (BackgroundType = {}));
-
 /*********************************************/ /*               基本数值属性参数              */ /*********************************************/ var ValueType;
 (function(ValueType) {
     /**
@@ -4362,6 +4359,8 @@ var DataType;
     DataType["TreeComponent"] = "TreeComponent";
     DataType["AnimationComponent"] = "AnimationComponent";
     DataType["SpineComponent"] = "SpineComponent";
+    DataType["VideoComponent"] = "VideoComponent";
+    DataType["AudioComponent"] = "AudioComponent";
     // Non-EffectObject
     DataType["TimelineClip"] = "TimelineClip";
 })(DataType || (DataType = {}));
@@ -4451,10 +4450,28 @@ var VertexBufferSemantic;
 
 var BuiltinObjectGUID = {
     WhiteTexture: "whitetexture00000000000000000000",
+    TransparentTexture: "transparenttexture00000000000000000000",
     PBRShader: "pbr00000000000000000000000000000",
     UnlitShader: "unlit000000000000000000000000000"
 };
 
+/**
+ * 动态换图类型
+ * @since 1.1.0
+ */ var BackgroundType;
+(function(BackgroundType) {
+    BackgroundType["video"] = "video";
+    BackgroundType["image"] = "image";
+})(BackgroundType || (BackgroundType = {}));
+/**
+ * 多媒体资源类型
+ * @since 2.1.0
+ */ var MultimediaType;
+(function(MultimediaType) {
+    MultimediaType["video"] = "video";
+    MultimediaType["audio"] = "audio";
+})(MultimediaType || (MultimediaType = {}));
+
 var index$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     get RenderLevel () { return RenderLevel; },
@@ -4471,7 +4488,6 @@ var index$1 = /*#__PURE__*/Object.freeze({
     get RenderType () { return RenderType; },
     get RenderFace () { return RenderFace; },
     get CameraClipMode () { return CameraClipMode; },
-    get BackgroundType () { return BackgroundType; },
     END_BEHAVIOR_DESTROY: END_BEHAVIOR_DESTROY,
     END_BEHAVIOR_PAUSE: END_BEHAVIOR_PAUSE,
     END_BEHAVIOR_FORWARD: END_BEHAVIOR_FORWARD,
@@ -4505,7 +4521,9 @@ var index$1 = /*#__PURE__*/Object.freeze({
     get VertexFormatType () { return VertexFormatType; },
     get IndexFormatType () { return IndexFormatType; },
     get VertexBufferSemantic () { return VertexBufferSemantic; },
-    BuiltinObjectGUID: BuiltinObjectGUID
+    BuiltinObjectGUID: BuiltinObjectGUID,
+    get BackgroundType () { return BackgroundType; },
+    get MultimediaType () { return MultimediaType; }
 });
 
 var decoratorInitialStore = new Map();
@@ -8168,11 +8186,11 @@ function _loadMedia() {
     return _loadMedia.apply(this, arguments);
 }
 
-function deserializeMipmapTexture(textureOptions, bins, engine) {
+function deserializeMipmapTexture(textureOptions, bins, assets) {
     return _deserializeMipmapTexture.apply(this, arguments);
 }
 function _deserializeMipmapTexture() {
-    _deserializeMipmapTexture = _async_to_generator(function(textureOptions, bins, engine, files) {
+    _deserializeMipmapTexture = _async_to_generator(function(textureOptions, bins, assets, files) {
         var mipmaps, target, jobs, loadedMipmaps, mipmaps1, target1, jobs1, loadedMipmaps1, bin;
         return __generator(this, function(_state) {
             switch(_state.label){
@@ -8188,9 +8206,8 @@ function _deserializeMipmapTexture() {
                             // @ts-expect-error
                             if (pointer.id) {
                                 // @ts-expect-error
-                                var loadedImageAsset = engine.assetLoader.loadGUID(pointer.id);
-                                // @ts-expect-error
-                                return loadedImageAsset.data;
+                                var loadedImage = assets[pointer.id];
+                                return loadedImage;
                             } else {
                                 return loadMipmapImage(pointer, bins);
                             }
@@ -8427,7 +8444,7 @@ var sourceOptions = {
 };
 function generateWhiteTexture(engine) {
     return Texture.create(engine, _extends({
-        id: "whitetexture00000000000000000000",
+        id: BuiltinObjectGUID.WhiteTexture,
         data: {
             width: 1,
             height: 1,
@@ -8443,7 +8460,7 @@ function generateWhiteTexture(engine) {
 }
 function generateTransparentTexture(engine) {
     return Texture.create(engine, _extends({
-        id: "transparenttexture00000000000000000000",
+        id: BuiltinObjectGUID.TransparentTexture,
         data: {
             width: 1,
             height: 1,
@@ -10802,7 +10819,7 @@ var Shader = /*#__PURE__*/ function(EffectsObject) {
     return Shader;
 }(EffectsObject);
 Shader = __decorate([
-    effectsClass("Shader")
+    effectsClass(DataType.Shader)
 ], Shader);
 
 var EFFECTS_COPY_MESH_NAME = "effects-internal-copy";
@@ -12887,7 +12904,7 @@ var GPUCapability = /*#__PURE__*/ function() {
             shaderTextureLod: level2 || !!gl.getExtension("EXT_shader_texture_lod"),
             instanceDraw: level2 || !!gl.getExtension("ANGLE_instanced_arrays"),
             drawBuffers: level2 || !!this.drawBufferExtension,
-            asyncShaderCompile: !!gl.getExtension("KHR_parallel_shader_compile"),
+            asyncShaderCompile: !!this.glAsyncCompileExt,
             intIndexElementBuffer: !!gl.getExtension("OES_element_index_uint"),
             standardDerivatives: level2 || !!gl.getExtension("OES_standard_derivatives"),
             readableDepthStencilTextures: level2 || !!depthTextureExtension,
@@ -15791,7 +15808,7 @@ function getGeometryTriangles(geometry, options) {
  */ function getGeometriesByShapeData(shape) {
     var geometries = [];
     // 该版本的单个形状数据可以包含多个形状，可以加个埋点，五福之后没有就可以下掉
-    if (shape.gs) {
+    if ("gs" in shape) {
         shape.gs.forEach(function(gs) {
             geometries.push({
                 p: [
@@ -15804,7 +15821,7 @@ function getGeometryTriangles(geometry, options) {
                 ]
             });
         });
-    } else if (shape.g) {
+    } else if ("g" in shape) {
         geometries.push({
             p: [
                 ValueType.SHAPE_POINTS,
@@ -16803,6 +16820,7 @@ var ParticleSystem = /*#__PURE__*/ function(Component) {
         });
         this.frozen = false;
         this.ended = false;
+        this.destroyed = false;
     };
     _proto.update = function update(delta) {
         var _this = this;
@@ -19091,7 +19109,7 @@ var TransformPlayableAsset = /*#__PURE__*/ function(PlayableAsset) {
     return TransformPlayableAsset;
 }(PlayableAsset);
 TransformPlayableAsset = __decorate([
-    effectsClass("TransformPlayableAsset")
+    effectsClass(DataType.TransformPlayableAsset)
 ], TransformPlayableAsset);
 /**
  * @since 2.0.0
@@ -19122,7 +19140,7 @@ var ActivationPlayableAsset = /*#__PURE__*/ function(PlayableAsset) {
     return ActivationPlayableAsset;
 }(PlayableAsset);
 ActivationPlayableAsset = __decorate([
-    effectsClass("ActivationPlayableAsset")
+    effectsClass(DataType.ActivationPlayableAsset)
 ], ActivationPlayableAsset);
 var AnimationClip = /*#__PURE__*/ function(EffectsObject) {
     _inherits(AnimationClip, EffectsObject);
@@ -19365,7 +19383,7 @@ __decorate([
     serialize()
 ], TrackAsset.prototype, "children", void 0);
 TrackAsset = __decorate([
-    effectsClass("TrackAsset")
+    effectsClass(DataType.TrackAsset)
 ], TrackAsset);
 var TrackType;
 (function(TrackType) {
@@ -19460,7 +19478,7 @@ var ObjectBindingTrack = /*#__PURE__*/ function(TrackAsset1) {
     return ObjectBindingTrack;
 }(TrackAsset);
 ObjectBindingTrack = __decorate([
-    effectsClass("ObjectBindingTrack")
+    effectsClass(DataType.ObjectBindingTrack)
 ], ObjectBindingTrack);
 
 var TransformTrack = /*#__PURE__*/ function(TrackAsset) {
@@ -19471,7 +19489,7 @@ var TransformTrack = /*#__PURE__*/ function(TrackAsset) {
     return TransformTrack;
 }(TrackAsset);
 TransformTrack = __decorate([
-    effectsClass("TransformTrack")
+    effectsClass(DataType.TransformTrack)
 ], TransformTrack);
 
 var ActivationMixerPlayable = /*#__PURE__*/ function(Playable) {
@@ -19532,7 +19550,7 @@ var ActivationTrack = /*#__PURE__*/ function(TrackAsset) {
     return ActivationTrack;
 }(TrackAsset);
 ActivationTrack = __decorate([
-    effectsClass("ActivationTrack")
+    effectsClass(DataType.ActivationTrack)
 ], ActivationTrack);
 
 var SpriteColorTrack = /*#__PURE__*/ function(TrackAsset) {
@@ -19543,7 +19561,7 @@ var SpriteColorTrack = /*#__PURE__*/ function(TrackAsset) {
     return SpriteColorTrack;
 }(TrackAsset);
 SpriteColorTrack = __decorate([
-    effectsClass("SpriteColorTrack")
+    effectsClass(DataType.SpriteColorTrack)
 ], SpriteColorTrack);
 
 var TimelineAsset = /*#__PURE__*/ function(PlayableAsset) {
@@ -19580,7 +19598,7 @@ __decorate([
     serialize()
 ], TimelineAsset.prototype, "tracks", void 0);
 TimelineAsset = __decorate([
-    effectsClass("TimelineAsset")
+    effectsClass(DataType.TimelineAsset)
 ], TimelineAsset);
 var TimelinePlayable = /*#__PURE__*/ function(Playable) {
     _inherits(TimelinePlayable, Playable);
@@ -19945,7 +19963,7 @@ var SubCompositionTrack = /*#__PURE__*/ function(TrackAsset) {
     return SubCompositionTrack;
 }(TrackAsset);
 SubCompositionTrack = __decorate([
-    effectsClass("SubCompositionTrack")
+    effectsClass(DataType.SubCompositionTrack)
 ], SubCompositionTrack);
 
 var SubCompositionClipPlayable = /*#__PURE__*/ function(Playable) {
@@ -19975,7 +19993,7 @@ var SubCompositionPlayableAsset = /*#__PURE__*/ function(PlayableAsset) {
     return SubCompositionPlayableAsset;
 }(PlayableAsset);
 SubCompositionPlayableAsset = __decorate([
-    effectsClass("SubCompositionPlayableAsset")
+    effectsClass(DataType.SubCompositionPlayableAsset)
 ], SubCompositionPlayableAsset);
 
 function _possible_constructor_return(self, call) {
@@ -20795,6 +20813,1652 @@ PostProcessVolume = __decorate([
     effectsClass("PostProcessVolume")
 ], PostProcessVolume);
 
+/**
+ * A class to define a shape via user defined coordinates.
+ */ var Polygon = /*#__PURE__*/ function() {
+    function Polygon() {
+        for(var _len = arguments.length, points = new Array(_len), _key = 0; _key < _len; _key++){
+            points[_key] = arguments[_key];
+        }
+        /** An array of the points of this polygon. */ this.points = [];
+        /** `false` after moveTo, `true` after `closePath`. In all other cases it is `true`. */ this.closePath = false;
+        var flat = Array.isArray(points[0]) ? points[0] : points;
+        // if this is an array of points, convert it to a flat array of numbers
+        if (typeof flat[0] !== "number") {
+            var p = [];
+            for(var i = 0, il = flat.length; i < il; i++){
+                p.push(flat[i].x, flat[i].y);
+            }
+            flat = p;
+        }
+        this.points = flat;
+        this.closePath = true;
+    }
+    var _proto = Polygon.prototype;
+    /**
+   * Creates a clone of this polygon.
+   * @returns - A copy of the polygon.
+   */ _proto.clone = function clone() {
+        var points = this.points.slice();
+        var polygon = new Polygon(points);
+        polygon.closePath = this.closePath;
+        return polygon;
+    };
+    /**
+   * Checks whether the x and y coordinates passed to this function are contained within this polygon.
+   * @param x - The X coordinate of the point to test.
+   * @param y - The Y coordinate of the point to test.
+   * @returns - Whether the x/y coordinates are within this polygon.
+   */ _proto.contains = function contains(x, y) {
+        var inside = false;
+        // use some raycasting to test hits
+        // https://github.com/substack/point-in-polygon/blob/master/index.js
+        var length = this.points.length / 2;
+        for(var i = 0, j = length - 1; i < length; j = i++){
+            var xi = this.points[i * 2];
+            var yi = this.points[i * 2 + 1];
+            var xj = this.points[j * 2];
+            var yj = this.points[j * 2 + 1];
+            var intersect = yi > y !== yj > y && x < (xj - xi) * ((y - yi) / (yj - yi)) + xi;
+            if (intersect) {
+                inside = !inside;
+            }
+        }
+        return inside;
+    };
+    /**
+   * Copies another polygon to this one.
+   * @param polygon - The polygon to copy from.
+   * @returns Returns itself.
+   */ _proto.copyFrom = function copyFrom(polygon) {
+        this.points = polygon.points.slice();
+        this.closePath = polygon.closePath;
+        return this;
+    };
+    /**
+   * Copies this polygon to another one.
+   * @param polygon - The polygon to copy to.
+   * @returns Returns given parameter.
+   */ _proto.copyTo = function copyTo(polygon) {
+        polygon.copyFrom(this);
+        return polygon;
+    };
+    _create_class(Polygon, [
+        {
+            key: "lastX",
+            get: /**
+   * Get the last X coordinate of the polygon
+   * @readonly
+   */ function get() {
+                return this.points[this.points.length - 2];
+            }
+        },
+        {
+            key: "lastY",
+            get: /**
+   * Get the last Y coordinate of the polygon
+   * @readonly
+   */ function get() {
+                return this.points[this.points.length - 1];
+            }
+        },
+        {
+            key: "x",
+            get: /**
+   * Get the first X coordinate of the polygon
+   * @readonly
+   */ function get() {
+                return this.points[this.points.length - 2];
+            }
+        },
+        {
+            key: "y",
+            get: /**
+   * Get the first Y coordinate of the polygon
+   * @readonly
+   */ function get() {
+                return this.points[this.points.length - 1];
+            }
+        }
+    ]);
+    return Polygon;
+}();
+
+// thanks to https://github.com/mattdesl/adaptive-bezier-curve
+// for the original code!
+var RECURSION_LIMIT = 8;
+var FLT_EPSILON = 1.19209290e-7;
+var PATH_DISTANCE_EPSILON = 1.0;
+var defaultBezierSmoothness = 0.5;
+function buildAdaptiveBezier(points, sX, sY, cp1x, cp1y, cp2x, cp2y, eX, eY, smoothness) {
+    // TODO expose as a parameter
+    var scale = 5;
+    var smoothing = Math.min(0.99, Math.max(0, smoothness != null ? smoothness : defaultBezierSmoothness));
+    var distanceTolerance = (PATH_DISTANCE_EPSILON - smoothing) / scale;
+    distanceTolerance *= distanceTolerance;
+    begin(sX, sY, cp1x, cp1y, cp2x, cp2y, eX, eY, points, distanceTolerance);
+    return points;
+}
+//// Based on:
+//// https://github.com/pelson/antigrain/blob/master/agg-2.4/src/agg_curves.cpp
+function begin(sX, sY, cp1x, cp1y, cp2x, cp2y, eX, eY, points, distanceTolerance) {
+    // dont need to actually ad this!
+    // points.push(sX, sY);
+    recursive(sX, sY, cp1x, cp1y, cp2x, cp2y, eX, eY, points, distanceTolerance, 0);
+    points.push(eX, eY);
+}
+// eslint-disable-next-line max-params
+function recursive(x1, y1, x2, y2, x3, y3, x4, y4, points, distanceTolerance, level) {
+    if (level > RECURSION_LIMIT) {
+        return;
+    }
+    // Calculate all the mid-points of the line segments
+    // ----------------------
+    var x12 = (x1 + x2) / 2;
+    var y12 = (y1 + y2) / 2;
+    var x23 = (x2 + x3) / 2;
+    var y23 = (y2 + y3) / 2;
+    var x34 = (x3 + x4) / 2;
+    var y34 = (y3 + y4) / 2;
+    var x123 = (x12 + x23) / 2;
+    var y123 = (y12 + y23) / 2;
+    var x234 = (x23 + x34) / 2;
+    var y234 = (y23 + y34) / 2;
+    var x1234 = (x123 + x234) / 2;
+    var y1234 = (y123 + y234) / 2;
+    if (level > 0) {
+        // Try to approximate the full cubic curve by a single straight line
+        // ------------------
+        var dx = x4 - x1;
+        var dy = y4 - y1;
+        var d2 = Math.abs((x2 - x4) * dy - (y2 - y4) * dx);
+        var d3 = Math.abs((x3 - x4) * dy - (y3 - y4) * dx);
+        if (d2 > FLT_EPSILON && d3 > FLT_EPSILON) {
+            // Regular care
+            // -----------------
+            if ((d2 + d3) * (d2 + d3) <= distanceTolerance * (dx * dx + dy * dy)) {
+                // If the curvature doesn't exceed the distanceTolerance value
+                // we tend to finish subdivisions.
+                // ----------------------
+                {
+                    points.push(x1234, y1234);
+                    return;
+                }
+            }
+        } else if (d2 > FLT_EPSILON) {
+            // p1,p3,p4 are collinear, p2 is considerable
+            // ----------------------
+            if (d2 * d2 <= distanceTolerance * (dx * dx + dy * dy)) {
+                {
+                    points.push(x1234, y1234);
+                    return;
+                }
+            }
+        } else if (d3 > FLT_EPSILON) {
+            // p1,p2,p4 are collinear, p3 is considerable
+            // ----------------------
+            if (d3 * d3 <= distanceTolerance * (dx * dx + dy * dy)) {
+                {
+                    points.push(x1234, y1234);
+                    return;
+                }
+            }
+        } else {
+            // Collinear case
+            // -----------------
+            dx = x1234 - (x1 + x4) / 2;
+            dy = y1234 - (y1 + y4) / 2;
+            if (dx * dx + dy * dy <= distanceTolerance) {
+                points.push(x1234, y1234);
+                return;
+            }
+        }
+    }
+    // Continue subdivision
+    // ----------------------
+    recursive(x1, y1, x12, y12, x123, y123, x1234, y1234, points, distanceTolerance, level + 1);
+    recursive(x1234, y1234, x234, y234, x34, y34, x4, y4, points, distanceTolerance, level + 1);
+}
+
+var ShapePath = /*#__PURE__*/ function() {
+    function ShapePath(graphicsPath) {
+        this.graphicsPath = graphicsPath;
+        this.currentPoly = null;
+        this.shapePrimitives = [];
+    }
+    var _proto = ShapePath.prototype;
+    /** Builds the path. */ _proto.buildPath = function buildPath() {
+        this.currentPoly = null;
+        this.shapePrimitives.length = 0;
+        var path = this.graphicsPath;
+        for(var _iterator = _create_for_of_iterator_helper_loose(path.instructions), _step; !(_step = _iterator()).done;){
+            var instruction = _step.value;
+            var action = instruction.action;
+            var data = instruction.data;
+            switch(action){
+                case "bezierCurveTo":
+                    {
+                        this.bezierCurveTo(data[0], data[1], data[2], data[3], data[4], data[5], data[6]);
+                        break;
+                    }
+                case "moveTo":
+                    {
+                        this.moveTo(data[0], data[1]);
+                        break;
+                    }
+            }
+        }
+        this.endPoly();
+    };
+    /**
+   * Adds a cubic Bezier curve to the path.
+   * It requires three points: the first two are control points and the third one is the end point.
+   * The starting point is the last point in the current path.
+   * @param cp1x - The x-coordinate of the first control point.
+   * @param cp1y - The y-coordinate of the first control point.
+   * @param cp2x - The x-coordinate of the second control point.
+   * @param cp2y - The y-coordinate of the second control point.
+   * @param x - The x-coordinate of the end point.
+   * @param y - The y-coordinate of the end point.
+   * @param smoothness - Optional parameter to adjust the smoothness of the curve.
+   * @returns The instance of the current object for chaining.
+   */ _proto.bezierCurveTo = function bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y, smoothness) {
+        this.ensurePoly();
+        var currentPoly = this.currentPoly;
+        buildAdaptiveBezier(currentPoly.points, currentPoly.lastX, currentPoly.lastY, cp1x, cp1y, cp2x, cp2y, x, y, smoothness);
+        return this;
+    };
+    _proto.moveTo = function moveTo(x, y) {
+        this.startPoly(x, y);
+        return this;
+    };
+    /**
+   * Starts a new polygon path from the specified starting point.
+   * This method initializes a new polygon or ends the current one if it exists.
+   * @param x - The x-coordinate of the starting point of the new polygon.
+   * @param y - The y-coordinate of the starting point of the new polygon.
+   * @returns The instance of the current object for chaining.
+   */ _proto.startPoly = function startPoly(x, y) {
+        var currentPoly = this.currentPoly;
+        if (currentPoly) {
+            this.endPoly();
+        }
+        currentPoly = new Polygon();
+        currentPoly.points.push(x, y);
+        this.currentPoly = currentPoly;
+        return this;
+    };
+    /**
+   * Ends the current polygon path. If `closePath` is set to true,
+   * the path is closed by connecting the last point to the first one.
+   * This method finalizes the current polygon and prepares it for drawing or adding to the shape primitives.
+   * @param closePath - A boolean indicating whether to close the polygon by connecting the last point
+   *  back to the starting point. False by default.
+   * @returns The instance of the current object for chaining.
+   */ _proto.endPoly = function endPoly(closePath) {
+        if (closePath === void 0) closePath = false;
+        var shape = this.currentPoly;
+        if (shape && shape.points.length > 2) {
+            shape.closePath = closePath;
+            this.shapePrimitives.push({
+                shape: shape
+            });
+        }
+        this.currentPoly = null;
+        return this;
+    };
+    _proto.ensurePoly = function ensurePoly(start) {
+        if (this.currentPoly) {
+            return;
+        }
+        this.currentPoly = new Polygon();
+        this.currentPoly.points.push(0, 0);
+    };
+    return ShapePath;
+}();
+
+var GraphicsPath = /*#__PURE__*/ function() {
+    function GraphicsPath() {
+        this.instructions = [];
+        this.dirty = false;
+    }
+    var _proto = GraphicsPath.prototype;
+    /**
+   * Adds a cubic Bezier curve to the path.
+   * It requires three points: the first two are control points and the third one is the end point.
+   * The starting point is the last point in the current path.
+   * @param cp1x - The x-coordinate of the first control point.
+   * @param cp1y - The y-coordinate of the first control point.
+   * @param cp2x - The x-coordinate of the second control point.
+   * @param cp2y - The y-coordinate of the second control point.
+   * @param x - The x-coordinate of the end point.
+   * @param y - The y-coordinate of the end point.
+   * @param smoothness - Optional parameter to adjust the smoothness of the curve.
+   * @returns The instance of the current object for chaining.
+   */ _proto.bezierCurveTo = function bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y, smoothness) {
+        this.instructions.push({
+            action: "bezierCurveTo",
+            data: [
+                cp1x,
+                cp1y,
+                cp2x,
+                cp2y,
+                x,
+                y,
+                smoothness
+            ]
+        });
+        this.dirty = true;
+        return this;
+    };
+    _proto.moveTo = function moveTo(x, y) {
+        this.instructions.push({
+            action: "moveTo",
+            data: [
+                x,
+                y
+            ]
+        });
+        this.dirty = true;
+        return this;
+    };
+    _proto.clear = function clear() {
+        this.instructions.length = 0;
+        this.dirty = true;
+        return this;
+    };
+    _create_class(GraphicsPath, [
+        {
+            key: "shapePath",
+            get: /**
+   * Provides access to the internal shape path, ensuring it is up-to-date with the current instructions.
+   * @returns The `ShapePath` instance associated with this `GraphicsPath`.
+   */ function get() {
+                if (!this._shapePath) {
+                    this._shapePath = new ShapePath(this);
+                }
+                if (this.dirty) {
+                    this.dirty = false;
+                    this._shapePath.buildPath();
+                }
+                return this._shapePath;
+            }
+        }
+    ]);
+    return GraphicsPath;
+}();
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var libtess_min = {exports: {}};
+
+/*
+
+ Copyright 2000, Silicon Graphics, Inc. All Rights Reserved.
+ Copyright 2015, Google Inc. All Rights Reserved.
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to
+ deal in the Software without restriction, including without limitation the
+ rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ sell copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice including the dates of first publication and
+ either this permission notice or a reference to http://oss.sgi.com/projects/FreeB/
+ shall be included in all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
+ SILICON GRAPHICS, INC. BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
+ IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+ Original Code. The Original Code is: OpenGL Sample Implementation,
+ Version 1.2.1, released January 26, 2000, developed by Silicon Graphics,
+ Inc. The Original Code is Copyright (c) 1991-2000 Silicon Graphics, Inc.
+ Copyright in any portions created by third parties is as indicated
+ elsewhere herein. All Rights Reserved.
+*/
+
+(function (module) {
+var n;
+function t(a, b) {
+    return a.b === b.b && a.a === b.a;
+}
+function u(a, b) {
+    return a.b < b.b || a.b === b.b && a.a <= b.a;
+}
+function v(a, b, c) {
+    var d = b.b - a.b, e = c.b - b.b;
+    return 0 < d + e ? d < e ? b.a - a.a + d / (d + e) * (a.a - c.a) : b.a - c.a + e / (d + e) * (c.a - a.a) : 0;
+}
+function x(a, b, c) {
+    var d = b.b - a.b, e = c.b - b.b;
+    return 0 < d + e ? (b.a - c.a) * d + (b.a - a.a) * e : 0;
+}
+function z(a, b) {
+    return a.a < b.a || a.a === b.a && a.b <= b.b;
+}
+function aa(a, b, c) {
+    var d = b.a - a.a, e = c.a - b.a;
+    return 0 < d + e ? d < e ? b.b - a.b + d / (d + e) * (a.b - c.b) : b.b - c.b + e / (d + e) * (c.b - a.b) : 0;
+}
+function ba(a, b, c) {
+    var d = b.a - a.a, e = c.a - b.a;
+    return 0 < d + e ? (b.b - c.b) * d + (b.b - a.b) * e : 0;
+}
+function ca(a) {
+    return u(a.b.a, a.a);
+}
+function da(a) {
+    return u(a.a, a.b.a);
+}
+function A(a, b, c, d) {
+    a = 0 > a ? 0 : a;
+    c = 0 > c ? 0 : c;
+    return a <= c ? 0 === c ? (b + d) / 2 : b + a / (a + c) * (d - b) : d + c / (a + c) * (b - d);
+}
+function ea(a) {
+    var b = B(a.b);
+    C(b, a.c);
+    C(b.b, a.c);
+    D(b, a.a);
+    return b;
+}
+function E(a, b) {
+    var c = !1, d = !1;
+    a !== b && (b.a !== a.a && (d = !0, F(b.a, a.a)), b.d !== a.d && (c = !0, G(b.d, a.d)), H(b, a), d || (C(b, a.a), a.a.c = a), c || (D(b, a.d), a.d.a = a));
+}
+function I(a) {
+    var b = a.b, c = !1;
+    a.d !== a.b.d && (c = !0, G(a.d, a.b.d));
+    a.c === a ? F(a.a, null) : (a.b.d.a = J(a), a.a.c = a.c, H(a, J(a)), c || D(a, a.d));
+    b.c === b ? (F(b.a, null), G(b.d, null)) : (a.d.a = J(b), b.a.c = b.c, H(b, J(b)));
+    fa(a);
+}
+function K(a) {
+    var b = B(a), c = b.b;
+    H(b, a.e);
+    b.a = a.b.a;
+    C(c, b.a);
+    b.d = c.d = a.d;
+    b = b.b;
+    H(a.b, J(a.b));
+    H(a.b, b);
+    a.b.a = b.a;
+    b.b.a.c = b.b;
+    b.b.d = a.b.d;
+    b.f = a.f;
+    b.b.f = a.b.f;
+    return b;
+}
+function L(a, b) {
+    var c = !1, d = B(a), e = d.b;
+    b.d !== a.d && (c = !0, G(b.d, a.d));
+    H(d, a.e);
+    H(e, b);
+    d.a = a.b.a;
+    e.a = b.a;
+    d.d = e.d = a.d;
+    a.d.a = e;
+    c || D(d, a.d);
+    return d;
+}
+function B(a) {
+    var b = new M, c = new M, d = a.b.h;
+    c.h = d;
+    d.b.h = b;
+    b.h = a;
+    a.b.h = c;
+    b.b = c;
+    b.c = b;
+    b.e = c;
+    c.b = b;
+    c.c = c;
+    return c.e = b;
+}
+function H(a, b) {
+    var c = a.c, d = b.c;
+    c.b.e = b;
+    d.b.e = a;
+    a.c = d;
+    b.c = c;
+}
+function C(a, b) {
+    var c = b.f, d = new N(b, c);
+    c.e = d;
+    b.f = d;
+    c = d.c = a;
+    do c.a = d, c = c.c;
+    while (c !== a);
+}
+function D(a, b) {
+    var c = b.d, d = new ga(b, c);
+    c.b = d;
+    b.d = d;
+    d.a = a;
+    d.c = b.c;
+    c = a;
+    do c.d = d, c = c.e;
+    while (c !== a);
+}
+function fa(a) {
+    var b = a.h;
+    a = a.b.h;
+    b.b.h = a;
+    a.b.h = b;
+}
+function F(a, b) {
+    var c = a.c, d = c;
+    do d.a = b, d = d.c;
+    while (d !== c);
+    c = a.f;
+    d = a.e;
+    d.f = c;
+    c.e = d;
+}
+function G(a, b) {
+    var c = a.a, d = c;
+    do d.d = b, d = d.e;
+    while (d !== c);
+    c = a.d;
+    d = a.b;
+    d.d = c;
+    c.b = d;
+}
+function ha(a) {
+    var b = 0;
+    Math.abs(a[1]) > Math.abs(a[0]) && (b = 1);
+    Math.abs(a[2]) > Math.abs(a[b]) && (b = 2);
+    return b;
+}
+var O = 4 * 1E150;
+function P(a, b) {
+    a.f += b.f;
+    a.b.f += b.b.f;
+}
+function ia(a, b, c) {
+    a = a.a;
+    b = b.a;
+    c = c.a;
+    if (b.b.a === a) return c.b.a === a ? u(b.a, c.a) ? 0 >= x(c.b.a, b.a, c.a) : 0 <= x(b.b.a, c.a, b.a) : 0 >= x(c.b.a, a, c.a);
+    if (c.b.a === a) return 0 <= x(b.b.a, a, b.a);
+    b = v(b.b.a, a, b.a);
+    a = v(c.b.a, a, c.a);
+    return b >= a;
+}
+function Q(a) {
+    a.a.i = null;
+    var b = a.e;
+    b.a.c = b.c;
+    b.c.a = b.a;
+    a.e = null;
+}
+function ja(a, b) {
+    I(a.a);
+    a.c = !1;
+    a.a = b;
+    b.i = a;
+}
+function ka(a) {
+    var b = a.a.a;
+    do a = R(a);
+    while (a.a.a === b);
+    a.c && (b = L(S(a).a.b, a.a.e), ja(a, b), a = R(a));
+    return a;
+}
+function la(a, b, c) {
+    var d = new ma;
+    d.a = c;
+    d.e = na(a.f, b.e, d);
+    return c.i = d;
+}
+function oa(a, b) {
+    switch(a.s){
+        case 100130:
+            return 0 !== (b & 1);
+        case 100131:
+            return 0 !== b;
+        case 100132:
+            return 0 < b;
+        case 100133:
+            return 0 > b;
+        case 100134:
+            return 2 <= b || -2 >= b;
+    }
+    return !1;
+}
+function pa(a) {
+    var b = a.a, c = b.d;
+    c.c = a.d;
+    c.a = b;
+    Q(a);
+}
+function T(a, b, c) {
+    a = b;
+    for(b = b.a; a !== c;){
+        a.c = !1;
+        var d = S(a), e = d.a;
+        if (e.a !== b.a) {
+            if (!d.c) {
+                pa(a);
+                break;
+            }
+            e = L(b.c.b, e.b);
+            ja(d, e);
+        }
+        b.c !== e && (E(J(e), e), E(b, e));
+        pa(a);
+        b = d.a;
+        a = d;
+    }
+    return b;
+}
+function U(a, b, c, d, e, f) {
+    var g = !0;
+    do la(a, b, c.b), c = c.c;
+    while (c !== d);
+    for(null === e && (e = S(b).a.b.c);;){
+        d = S(b);
+        c = d.a.b;
+        if (c.a !== e.a) break;
+        c.c !== e && (E(J(c), c), E(J(e), c));
+        d.f = b.f - c.f;
+        d.d = oa(a, d.f);
+        b.b = !0;
+        !g && qa(a, b) && (P(c, e), Q(b), I(e));
+        g = !1;
+        b = d;
+        e = c;
+    }
+    b.b = !0;
+    f && ra(a, b);
+}
+function sa(a, b, c, d, e) {
+    var f = [
+        b.g[0],
+        b.g[1],
+        b.g[2]
+    ];
+    b.d = null;
+    b.d = a.o ? a.o(f, c, d, a.c) || null : null;
+    null === b.d && (e ? a.n || (V(a, 100156), a.n = !0) : b.d = c[0]);
+}
+function ta(a, b, c) {
+    var d = [
+        null,
+        null,
+        null,
+        null
+    ];
+    d[0] = b.a.d;
+    d[1] = c.a.d;
+    sa(a, b.a, d, [
+        .5,
+        .5,
+        0,
+        0
+    ], !1);
+    E(b, c);
+}
+function ua(a, b, c, d, e) {
+    var f = Math.abs(b.b - a.b) + Math.abs(b.a - a.a), g = Math.abs(c.b - a.b) + Math.abs(c.a - a.a), h = e + 1;
+    d[e] = .5 * g / (f + g);
+    d[h] = .5 * f / (f + g);
+    a.g[0] += d[e] * b.g[0] + d[h] * c.g[0];
+    a.g[1] += d[e] * b.g[1] + d[h] * c.g[1];
+    a.g[2] += d[e] * b.g[2] + d[h] * c.g[2];
+}
+function qa(a, b) {
+    var c = S(b), d = b.a, e = c.a;
+    if (u(d.a, e.a)) {
+        if (0 < x(e.b.a, d.a, e.a)) return !1;
+        if (!t(d.a, e.a)) K(e.b), E(d, J(e)), b.b = c.b = !0;
+        else if (d.a !== e.a) {
+            var c = a.e, f = d.a.h;
+            if (0 <= f) {
+                var c = c.b, g = c.d, h = c.e, k = c.c, l = k[f];
+                g[l] = g[c.a];
+                k[g[l]] = l;
+                l <= --c.a && (1 >= l ? W(c, l) : u(h[g[l >> 1]], h[g[l]]) ? W(c, l) : va(c, l));
+                h[f] = null;
+                k[f] = c.b;
+                c.b = f;
+            } else for(c.c[-(f + 1)] = null; 0 < c.a && null === c.c[c.d[c.a - 1]];)--c.a;
+            ta(a, J(e), d);
+        }
+    } else {
+        if (0 > x(d.b.a, e.a, d.a)) return !1;
+        R(b).b = b.b = !0;
+        K(d.b);
+        E(J(e), d);
+    }
+    return !0;
+}
+function wa(a, b) {
+    var c = S(b), d = b.a, e = c.a, f = d.a, g = e.a, h = d.b.a, k = e.b.a, l = new N;
+    x(h, a.a, f);
+    x(k, a.a, g);
+    if (f === g || Math.min(f.a, h.a) > Math.max(g.a, k.a)) return !1;
+    if (u(f, g)) {
+        if (0 < x(k, f, g)) return !1;
+    } else if (0 > x(h, g, f)) return !1;
+    var r = h, p = f, q = k, y = g, m, w;
+    u(r, p) || (m = r, r = p, p = m);
+    u(q, y) || (m = q, q = y, y = m);
+    u(r, q) || (m = r, r = q, q = m, m = p, p = y, y = m);
+    u(q, p) ? u(p, y) ? (m = v(r, q, p), w = v(q, p, y), 0 > m + w && (m = -m, w = -w), l.b = A(m, q.b, w, p.b)) : (m = x(r, q, p), w = -x(r, y, p), 0 > m + w && (m = -m, w = -w), l.b = A(m, q.b, w, y.b)) : l.b = (q.b + p.b) / 2;
+    z(r, p) || (m = r, r = p, p = m);
+    z(q, y) || (m = q, q = y, y = m);
+    z(r, q) || (m = r, r = q, q = m, m = p, p = y, y = m);
+    z(q, p) ? z(p, y) ? (m = aa(r, q, p), w = aa(q, p, y), 0 > m + w && (m = -m, w = -w), l.a = A(m, q.a, w, p.a)) : (m = ba(r, q, p), w = -ba(r, y, p), 0 > m + w && (m = -m, w = -w), l.a = A(m, q.a, w, y.a)) : l.a = (q.a + p.a) / 2;
+    u(l, a.a) && (l.b = a.a.b, l.a = a.a.a);
+    r = u(f, g) ? f : g;
+    u(r, l) && (l.b = r.b, l.a = r.a);
+    if (t(l, f) || t(l, g)) return qa(a, b), !1;
+    if (!t(h, a.a) && 0 <= x(h, a.a, l) || !t(k, a.a) && 0 >= x(k, a.a, l)) {
+        if (k === a.a) return K(d.b), E(e.b, d), b = ka(b), d = S(b).a, T(a, S(b), c), U(a, b, J(d), d, d, !0), !0;
+        if (h === a.a) {
+            K(e.b);
+            E(d.e, J(e));
+            f = c = b;
+            g = f.a.b.a;
+            do f = R(f);
+            while (f.a.b.a === g);
+            b = f;
+            f = S(b).a.b.c;
+            c.a = J(e);
+            e = T(a, c, null);
+            U(a, b, e.c, d.b.c, f, !0);
+            return !0;
+        }
+        0 <= x(h, a.a, l) && (R(b).b = b.b = !0, K(d.b), d.a.b = a.a.b, d.a.a = a.a.a);
+        0 >= x(k, a.a, l) && (b.b = c.b = !0, K(e.b), e.a.b = a.a.b, e.a.a = a.a.a);
+        return !1;
+    }
+    K(d.b);
+    K(e.b);
+    E(J(e), d);
+    d.a.b = l.b;
+    d.a.a = l.a;
+    d.a.h = xa(a.e, d.a);
+    d = d.a;
+    e = [
+        0,
+        0,
+        0,
+        0
+    ];
+    l = [
+        f.d,
+        h.d,
+        g.d,
+        k.d
+    ];
+    d.g[0] = d.g[1] = d.g[2] = 0;
+    ua(d, f, h, e, 0);
+    ua(d, g, k, e, 2);
+    sa(a, d, l, e, !0);
+    R(b).b = b.b = c.b = !0;
+    return !1;
+}
+function ra(a, b) {
+    for(var c = S(b);;){
+        for(; c.b;)b = c, c = S(c);
+        if (!b.b && (c = b, b = R(b), null === b || !b.b)) break;
+        b.b = !1;
+        var d = b.a, e = c.a, f;
+        if (f = d.b.a !== e.b.a) a: {
+            f = b;
+            var g = S(f), h = f.a, k = g.a, l = void 0;
+            if (u(h.b.a, k.b.a)) {
+                if (0 > x(h.b.a, k.b.a, h.a)) {
+                    f = !1;
+                    break a;
+                }
+                R(f).b = f.b = !0;
+                l = K(h);
+                E(k.b, l);
+                l.d.c = f.d;
+            } else {
+                if (0 < x(k.b.a, h.b.a, k.a)) {
+                    f = !1;
+                    break a;
+                }
+                f.b = g.b = !0;
+                l = K(k);
+                E(h.e, k.b);
+                l.b.d.c = f.d;
+            }
+            f = !0;
+        }
+        f && (c.c ? (Q(c), I(e), c = S(b), e = c.a) : b.c && (Q(b), I(d), b = R(c), d = b.a));
+        if (d.a !== e.a) {
+            if (d.b.a === e.b.a || b.c || c.c || d.b.a !== a.a && e.b.a !== a.a) qa(a, b);
+            else if (wa(a, b)) break;
+        }
+        d.a === e.a && d.b.a === e.b.a && (P(e, d), Q(b), I(d), b = R(c));
+    }
+}
+function ya(a, b) {
+    a.a = b;
+    for(var c = b.c; null === c.i;)if (c = c.c, c === b.c) {
+        var c = a, d = b, e = new ma;
+        e.a = d.c.b;
+        var f = c.f, g = f.a;
+        do g = g.a;
+        while (null !== g.b && !f.c(f.b, e, g.b));
+        var f = g.b, h = S(f), e = f.a, g = h.a;
+        if (0 === x(e.b.a, d, e.a)) e = f.a, t(e.a, d) || t(e.b.a, d) || (K(e.b), f.c && (I(e.c), f.c = !1), E(d.c, e), ya(c, d));
+        else {
+            var k = u(g.b.a, e.b.a) ? f : h, h = void 0;
+            f.d || k.c ? (k === f ? h = L(d.c.b, e.e) : h = L(g.b.c.b, d.c).b, k.c ? ja(k, h) : (e = c, f = la(c, f, h), f.f = R(f).f + f.a.f, f.d = oa(e, f.f)), ya(c, d)) : U(c, f, d.c, d.c, null, !0);
+        }
+        return;
+    }
+    c = ka(c.i);
+    e = S(c);
+    f = e.a;
+    e = T(a, e, null);
+    if (e.c === f) {
+        var f = e, e = f.c, g = S(c), h = c.a, k = g.a, l = !1;
+        h.b.a !== k.b.a && wa(a, c);
+        t(h.a, a.a) && (E(J(e), h), c = ka(c), e = S(c).a, T(a, S(c), g), l = !0);
+        t(k.a, a.a) && (E(f, J(k)), f = T(a, g, null), l = !0);
+        l ? U(a, c, f.c, e, e, !0) : (u(k.a, h.a) ? d = J(k) : d = h, d = L(f.c.b, d), U(a, c, d, d.c, d.c, !1), d.b.i.c = !0, ra(a, c));
+    } else U(a, c, e.c, f, f, !0);
+}
+function za(a, b) {
+    var c = new ma, d = ea(a.b);
+    d.a.b = O;
+    d.a.a = b;
+    d.b.a.b = -O;
+    d.b.a.a = b;
+    a.a = d.b.a;
+    c.a = d;
+    c.f = 0;
+    c.d = !1;
+    c.c = !1;
+    c.h = !0;
+    c.b = !1;
+    d = a.f;
+    d = na(d, d.a, c);
+    c.e = d;
+}
+function Aa(a) {
+    this.a = new Ba;
+    this.b = a;
+    this.c = ia;
+}
+function na(a, b, c) {
+    do b = b.c;
+    while (null !== b.b && !a.c(a.b, b.b, c));
+    a = new Ba(c, b.a, b);
+    b.a.c = a;
+    return b.a = a;
+}
+function Ba(a, b, c) {
+    this.b = a || null;
+    this.a = b || this;
+    this.c = c || this;
+}
+function X() {
+    this.d = Y;
+    this.p = this.b = this.q = null;
+    this.j = [
+        0,
+        0,
+        0
+    ];
+    this.s = 100130;
+    this.n = !1;
+    this.o = this.a = this.e = this.f = null;
+    this.m = !1;
+    this.c = this.r = this.i = this.k = this.l = this.h = null;
+}
+var Y = 0;
+n = X.prototype;
+n.x = function() {
+    Z(this, Y);
+};
+n.B = function(a, b) {
+    switch(a){
+        case 100142:
+            return;
+        case 100140:
+            switch(b){
+                case 100130:
+                case 100131:
+                case 100132:
+                case 100133:
+                case 100134:
+                    this.s = b;
+                    return;
+            }
+            break;
+        case 100141:
+            this.m = !!b;
+            return;
+        default:
+            V(this, 100900);
+            return;
+    }
+    V(this, 100901);
+};
+n.y = function(a) {
+    switch(a){
+        case 100142:
+            return 0;
+        case 100140:
+            return this.s;
+        case 100141:
+            return this.m;
+        default:
+            V(this, 100900);
+    }
+    return !1;
+};
+n.A = function(a, b, c) {
+    this.j[0] = a;
+    this.j[1] = b;
+    this.j[2] = c;
+};
+n.z = function(a, b) {
+    var c = b ? b : null;
+    switch(a){
+        case 100100:
+        case 100106:
+            this.h = c;
+            break;
+        case 100104:
+        case 100110:
+            this.l = c;
+            break;
+        case 100101:
+        case 100107:
+            this.k = c;
+            break;
+        case 100102:
+        case 100108:
+            this.i = c;
+            break;
+        case 100103:
+        case 100109:
+            this.p = c;
+            break;
+        case 100105:
+        case 100111:
+            this.o = c;
+            break;
+        case 100112:
+            this.r = c;
+            break;
+        default:
+            V(this, 100900);
+    }
+};
+n.C = function(a, b) {
+    var c = !1, d = [
+        0,
+        0,
+        0
+    ];
+    Z(this, 2);
+    for(var e = 0; 3 > e; ++e){
+        var f = a[e];
+        -1E150 > f && (f = -1E150, c = !0);
+        1E150 < f && (f = 1E150, c = !0);
+        d[e] = f;
+    }
+    c && V(this, 100155);
+    c = this.q;
+    null === c ? (c = ea(this.b), E(c, c.b)) : (K(c), c = c.e);
+    c.a.d = b;
+    c.a.g[0] = d[0];
+    c.a.g[1] = d[1];
+    c.a.g[2] = d[2];
+    c.f = 1;
+    c.b.f = -1;
+    this.q = c;
+};
+n.u = function(a) {
+    Z(this, Y);
+    this.d = 1;
+    this.b = new Ca;
+    this.c = a;
+};
+n.t = function() {
+    Z(this, 1);
+    this.d = 2;
+    this.q = null;
+};
+n.v = function() {
+    Z(this, 2);
+    this.d = 1;
+};
+n.w = function() {
+    Z(this, 1);
+    this.d = Y;
+    var a = this.j[0], b = this.j[1], c = this.j[2], d = !1, e = [
+        a,
+        b,
+        c
+    ];
+    if (0 === a && 0 === b && 0 === c) {
+        for(var b = [
+            -2 * 1E150,
+            -2 * 1E150,
+            -2 * 1E150
+        ], f = [
+            2 * 1E150,
+            2 * 1E150,
+            2 * 1E150
+        ], c = [], g = [], d = this.b.c, a = d.e; a !== d; a = a.e)for(var h = 0; 3 > h; ++h){
+            var k = a.g[h];
+            k < f[h] && (f[h] = k, g[h] = a);
+            k > b[h] && (b[h] = k, c[h] = a);
+        }
+        a = 0;
+        b[1] - f[1] > b[0] - f[0] && (a = 1);
+        b[2] - f[2] > b[a] - f[a] && (a = 2);
+        if (f[a] >= b[a]) e[0] = 0, e[1] = 0, e[2] = 1;
+        else {
+            b = 0;
+            f = g[a];
+            c = c[a];
+            g = [
+                0,
+                0,
+                0
+            ];
+            f = [
+                f.g[0] - c.g[0],
+                f.g[1] - c.g[1],
+                f.g[2] - c.g[2]
+            ];
+            h = [
+                0,
+                0,
+                0
+            ];
+            for(a = d.e; a !== d; a = a.e)h[0] = a.g[0] - c.g[0], h[1] = a.g[1] - c.g[1], h[2] = a.g[2] - c.g[2], g[0] = f[1] * h[2] - f[2] * h[1], g[1] = f[2] * h[0] - f[0] * h[2], g[2] = f[0] * h[1] - f[1] * h[0], k = g[0] * g[0] + g[1] * g[1] + g[2] * g[2], k > b && (b = k, e[0] = g[0], e[1] = g[1], e[2] = g[2]);
+            0 >= b && (e[0] = e[1] = e[2] = 0, e[ha(f)] = 1);
+        }
+        d = !0;
+    }
+    g = ha(e);
+    a = this.b.c;
+    b = (g + 1) % 3;
+    c = (g + 2) % 3;
+    g = 0 < e[g] ? 1 : -1;
+    for(e = a.e; e !== a; e = e.e)e.b = e.g[b], e.a = g * e.g[c];
+    if (d) {
+        e = 0;
+        d = this.b.a;
+        for(a = d.b; a !== d; a = a.b)if (b = a.a, !(0 >= b.f)) {
+            do e += (b.a.b - b.b.a.b) * (b.a.a + b.b.a.a), b = b.e;
+            while (b !== a.a);
+        }
+        if (0 > e) for(e = this.b.c, d = e.e; d !== e; d = d.e)d.a = -d.a;
+    }
+    this.n = !1;
+    e = this.b.b;
+    for(a = e.h; a !== e; a = d)if (d = a.h, b = a.e, t(a.a, a.b.a) && a.e.e !== a && (ta(this, b, a), I(a), a = b, b = a.e), b.e === a) {
+        if (b !== a) {
+            if (b === d || b === d.b) d = d.h;
+            I(b);
+        }
+        if (a === d || a === d.b) d = d.h;
+        I(a);
+    }
+    this.e = e = new Da;
+    d = this.b.c;
+    for(a = d.e; a !== d; a = a.e)a.h = xa(e, a);
+    Ea(e);
+    this.f = new Aa(this);
+    za(this, -O);
+    for(za(this, O); null !== (e = Fa(this.e));){
+        for(;;){
+            a: if (a = this.e, 0 === a.a) d = Ga(a.b);
+            else if (d = a.c[a.d[a.a - 1]], 0 !== a.b.a && (a = Ga(a.b), u(a, d))) {
+                d = a;
+                break a;
+            }
+            if (null === d || !t(d, e)) break;
+            d = Fa(this.e);
+            ta(this, e.c, d.c);
+        }
+        ya(this, e);
+    }
+    this.a = this.f.a.a.b.a.a;
+    for(e = 0; null !== (d = this.f.a.a.b);)d.h || ++e, Q(d);
+    this.f = null;
+    e = this.e;
+    e.b = null;
+    e.d = null;
+    this.e = e.c = null;
+    e = this.b;
+    for(a = e.a.b; a !== e.a; a = d)d = a.b, a = a.a, a.e.e === a && (P(a.c, a), I(a));
+    if (!this.n) {
+        e = this.b;
+        if (this.m) for(a = e.b.h; a !== e.b; a = d)d = a.h, a.b.d.c !== a.d.c ? a.f = a.d.c ? 1 : -1 : I(a);
+        else for(a = e.a.b; a !== e.a; a = d)if (d = a.b, a.c) {
+            for(a = a.a; u(a.b.a, a.a); a = a.c.b);
+            for(; u(a.a, a.b.a); a = a.e);
+            b = a.c.b;
+            for(c = void 0; a.e !== b;)if (u(a.b.a, b.a)) {
+                for(; b.e !== a && (ca(b.e) || 0 >= x(b.a, b.b.a, b.e.b.a));)c = L(b.e, b), b = c.b;
+                b = b.c.b;
+            } else {
+                for(; b.e !== a && (da(a.c.b) || 0 <= x(a.b.a, a.a, a.c.b.a));)c = L(a, a.c.b), a = c.b;
+                a = a.e;
+            }
+            for(; b.e.e !== a;)c = L(b.e, b), b = c.b;
+        }
+        if (this.h || this.i || this.k || this.l) if (this.m) for(e = this.b, d = e.a.b; d !== e.a; d = d.b){
+            if (d.c) {
+                this.h && this.h(2, this.c);
+                a = d.a;
+                do this.k && this.k(a.a.d, this.c), a = a.e;
+                while (a !== d.a);
+                this.i && this.i(this.c);
+            }
+        }
+        else {
+            e = this.b;
+            d = !!this.l;
+            a = !1;
+            b = -1;
+            for(c = e.a.d; c !== e.a; c = c.d)if (c.c) {
+                a || (this.h && this.h(4, this.c), a = !0);
+                g = c.a;
+                do d && (f = g.b.d.c ? 0 : 1, b !== f && (b = f, this.l && this.l(!!b, this.c))), this.k && this.k(g.a.d, this.c), g = g.e;
+                while (g !== c.a);
+            }
+            a && this.i && this.i(this.c);
+        }
+        if (this.r) {
+            e = this.b;
+            for(a = e.a.b; a !== e.a; a = d)if (d = a.b, !a.c) {
+                b = a.a;
+                c = b.e;
+                g = void 0;
+                do g = c, c = g.e, g.d = null, null === g.b.d && (g.c === g ? F(g.a, null) : (g.a.c = g.c, H(g, J(g))), f = g.b, f.c === f ? F(f.a, null) : (f.a.c = f.c, H(f, J(f))), fa(g));
+                while (g !== b);
+                b = a.d;
+                a = a.b;
+                a.d = b;
+                b.b = a;
+            }
+            this.r(this.b);
+            this.c = this.b = null;
+            return;
+        }
+    }
+    this.b = this.c = null;
+};
+function Z(a, b) {
+    if (a.d !== b) for(; a.d !== b;)if (a.d < b) switch(a.d){
+        case Y:
+            V(a, 100151);
+            a.u(null);
+            break;
+        case 1:
+            V(a, 100152), a.t();
+    }
+    else switch(a.d){
+        case 2:
+            V(a, 100154);
+            a.v();
+            break;
+        case 1:
+            V(a, 100153), a.w();
+    }
+}
+function V(a, b) {
+    a.p && a.p(b, a.c);
+}
+function ga(a, b) {
+    this.b = a || this;
+    this.d = b || this;
+    this.a = null;
+    this.c = !1;
+}
+function M() {
+    this.h = this;
+    this.i = this.d = this.a = this.e = this.c = this.b = null;
+    this.f = 0;
+}
+function J(a) {
+    return a.b.e;
+}
+function Ca() {
+    this.c = new N;
+    this.a = new ga;
+    this.b = new M;
+    this.d = new M;
+    this.b.b = this.d;
+    this.d.b = this.b;
+}
+function N(a, b) {
+    this.e = a || this;
+    this.f = b || this;
+    this.d = this.c = null;
+    this.g = [
+        0,
+        0,
+        0
+    ];
+    this.h = this.a = this.b = 0;
+}
+function Da() {
+    this.c = [];
+    this.d = null;
+    this.a = 0;
+    this.e = !1;
+    this.b = new Ha;
+}
+function Ea(a) {
+    a.d = [];
+    for(var b = 0; b < a.a; b++)a.d[b] = b;
+    a.d.sort(function(a) {
+        return function(b, e) {
+            return u(a[b], a[e]) ? 1 : -1;
+        };
+    }(a.c));
+    a.e = !0;
+    Ia(a.b);
+}
+function xa(a, b) {
+    if (a.e) {
+        var c = a.b, d = ++c.a;
+        2 * d > c.f && (c.f *= 2, c.c = Ja(c.c, c.f + 1));
+        var e;
+        0 === c.b ? e = d : (e = c.b, c.b = c.c[c.b]);
+        c.e[e] = b;
+        c.c[e] = d;
+        c.d[d] = e;
+        c.h && va(c, d);
+        return e;
+    }
+    c = a.a++;
+    a.c[c] = b;
+    return -(c + 1);
+}
+function Fa(a) {
+    if (0 === a.a) return Ka(a.b);
+    var b = a.c[a.d[a.a - 1]];
+    if (0 !== a.b.a && u(Ga(a.b), b)) return Ka(a.b);
+    do --a.a;
+    while (0 < a.a && null === a.c[a.d[a.a - 1]]);
+    return b;
+}
+function Ha() {
+    this.d = Ja([
+        0
+    ], 33);
+    this.e = [
+        null,
+        null
+    ];
+    this.c = [
+        0,
+        0
+    ];
+    this.a = 0;
+    this.f = 32;
+    this.b = 0;
+    this.h = !1;
+    this.d[1] = 1;
+}
+function Ja(a, b) {
+    for(var c = Array(b), d = 0; d < a.length; d++)c[d] = a[d];
+    for(; d < b; d++)c[d] = 0;
+    return c;
+}
+function Ia(a) {
+    for(var b = a.a; 1 <= b; --b)W(a, b);
+    a.h = !0;
+}
+function Ga(a) {
+    return a.e[a.d[1]];
+}
+function Ka(a) {
+    var b = a.d, c = a.e, d = a.c, e = b[1], f = c[e];
+    0 < a.a && (b[1] = b[a.a], d[b[1]] = 1, c[e] = null, d[e] = a.b, a.b = e, 0 < --a.a && W(a, 1));
+    return f;
+}
+function W(a, b) {
+    for(var c = a.d, d = a.e, e = a.c, f = b, g = c[f];;){
+        var h = f << 1;
+        h < a.a && u(d[c[h + 1]], d[c[h]]) && (h += 1);
+        var k = c[h];
+        if (h > a.a || u(d[g], d[k])) {
+            c[f] = g;
+            e[g] = f;
+            break;
+        }
+        c[f] = k;
+        e[k] = f;
+        f = h;
+    }
+}
+function va(a, b) {
+    for(var c = a.d, d = a.e, e = a.c, f = b, g = c[f];;){
+        var h = f >> 1, k = c[h];
+        if (0 === h || u(d[k], d[g])) {
+            c[f] = g;
+            e[g] = f;
+            break;
+        }
+        c[f] = k;
+        e[k] = f;
+        f = h;
+    }
+}
+function ma() {
+    this.e = this.a = null;
+    this.f = 0;
+    this.c = this.b = this.h = this.d = !1;
+}
+function S(a) {
+    return a.e.c.b;
+}
+function R(a) {
+    return a.e.a.b;
+}
+commonjsGlobal.libtess = {
+    GluTesselator: X,
+    windingRule: {
+        GLU_TESS_WINDING_ODD: 100130,
+        GLU_TESS_WINDING_NONZERO: 100131,
+        GLU_TESS_WINDING_POSITIVE: 100132,
+        GLU_TESS_WINDING_NEGATIVE: 100133,
+        GLU_TESS_WINDING_ABS_GEQ_TWO: 100134
+    },
+    primitiveType: {
+        GL_LINE_LOOP: 2,
+        GL_TRIANGLES: 4,
+        GL_TRIANGLE_STRIP: 5,
+        GL_TRIANGLE_FAN: 6
+    },
+    errorType: {
+        GLU_TESS_MISSING_BEGIN_POLYGON: 100151,
+        GLU_TESS_MISSING_END_POLYGON: 100153,
+        GLU_TESS_MISSING_BEGIN_CONTOUR: 100152,
+        GLU_TESS_MISSING_END_CONTOUR: 100154,
+        GLU_TESS_COORD_TOO_LARGE: 100155,
+        GLU_TESS_NEED_COMBINE_CALLBACK: 100156
+    },
+    gluEnum: {
+        GLU_TESS_MESH: 100112,
+        GLU_TESS_TOLERANCE: 100142,
+        GLU_TESS_WINDING_RULE: 100140,
+        GLU_TESS_BOUNDARY_ONLY: 100141,
+        GLU_INVALID_ENUM: 100900,
+        GLU_INVALID_VALUE: 100901,
+        GLU_TESS_BEGIN: 100100,
+        GLU_TESS_VERTEX: 100101,
+        GLU_TESS_END: 100102,
+        GLU_TESS_ERROR: 100103,
+        GLU_TESS_EDGE_FLAG: 100104,
+        GLU_TESS_COMBINE: 100105,
+        GLU_TESS_BEGIN_DATA: 100106,
+        GLU_TESS_VERTEX_DATA: 100107,
+        GLU_TESS_END_DATA: 100108,
+        GLU_TESS_ERROR_DATA: 100109,
+        GLU_TESS_EDGE_FLAG_DATA: 100110,
+        GLU_TESS_COMBINE_DATA: 100111
+    }
+};
+X.prototype.gluDeleteTess = X.prototype.x;
+X.prototype.gluTessProperty = X.prototype.B;
+X.prototype.gluGetTessProperty = X.prototype.y;
+X.prototype.gluTessNormal = X.prototype.A;
+X.prototype.gluTessCallback = X.prototype.z;
+X.prototype.gluTessVertex = X.prototype.C;
+X.prototype.gluTessBeginPolygon = X.prototype.u;
+X.prototype.gluTessBeginContour = X.prototype.t;
+X.prototype.gluTessEndContour = X.prototype.v;
+X.prototype.gluTessEndPolygon = X.prototype.w;
+{
+    module.exports = commonjsGlobal.libtess;
+}
+}(libtess_min));
+
+var tessy = function initTesselator() {
+    // function called for each vertex of tesselator output
+    function vertexCallback(data, polyVertArray) {
+        polyVertArray[polyVertArray.length] = data[0];
+        polyVertArray[polyVertArray.length] = data[1];
+    }
+    function begincallback(type) {
+        if (type !== libtess_min.exports.primitiveType.GL_TRIANGLES) {
+            console.info("expected TRIANGLES but got type: " + type);
+        }
+    }
+    function errorcallback(errno) {
+        console.error("error callback, error number: " + errno);
+    }
+    // callback for when segments intersect and must be split
+    function combinecallback(coords, data, weight) {
+        // console.log('combine callback');
+        return [
+            coords[0],
+            coords[1],
+            coords[2]
+        ];
+    }
+    function edgeCallback(flag) {
+    // don't really care about the flag, but need no-strip/no-fan behavior
+    // console.log('edge flag: ' + flag);
+    }
+    var tessy = new libtess_min.exports.GluTesselator();
+    // tessy.gluTessProperty(libtess.gluEnum.GLU_TESS_WINDING_RULE, libtess.windingRule.GLU_TESS_WINDING_POSITIVE);
+    tessy.gluTessCallback(libtess_min.exports.gluEnum.GLU_TESS_VERTEX_DATA, vertexCallback);
+    tessy.gluTessCallback(libtess_min.exports.gluEnum.GLU_TESS_BEGIN, begincallback);
+    tessy.gluTessCallback(libtess_min.exports.gluEnum.GLU_TESS_ERROR, errorcallback);
+    tessy.gluTessCallback(libtess_min.exports.gluEnum.GLU_TESS_COMBINE, combinecallback);
+    tessy.gluTessCallback(libtess_min.exports.gluEnum.GLU_TESS_EDGE_FLAG, edgeCallback);
+    return tessy;
+}();
+function triangulate(contours) {
+    // libtess will take 3d verts and flatten to a plane for tesselation
+    // since only doing 2d tesselation here, provide z=1 normal to skip
+    // iterating over verts only to get the same answer.
+    // comment out to test normal-generation code
+    tessy.gluTessNormal(0, 0, 1);
+    var triangleVerts = [];
+    tessy.gluTessBeginPolygon(triangleVerts);
+    for(var i = 0; i < contours.length; i++){
+        tessy.gluTessBeginContour();
+        var contour = contours[i];
+        for(var j = 0; j < contour.length; j += 2){
+            var coords = [
+                contour[j],
+                contour[j + 1],
+                0
+            ];
+            tessy.gluTessVertex(coords, coords);
+        }
+        tessy.gluTessEndContour();
+    }
+    // finish polygon
+    tessy.gluTessEndPolygon();
+    return triangleVerts;
+}
+
+var ShapeComponent = /*#__PURE__*/ function(RendererComponent) {
+    _inherits(ShapeComponent, RendererComponent);
+    function ShapeComponent(engine) {
+        var _this;
+        _this = RendererComponent.call(this, engine) || this;
+        _this.path = new GraphicsPath();
+        _this.curveValues = [];
+        _this.dirty = false;
+        _this.vert = "\nprecision highp float;\n\nattribute vec3 aPos;//x y\n\nvarying vec4 vColor;\n\nuniform vec4 _Color;\nuniform mat4 effects_MatrixVP;\nuniform mat4 effects_MatrixInvV;\nuniform mat4 effects_ObjectToWorld;\n\nvoid main() {\n  vColor = _Color;\n  vec4 pos = vec4(aPos.xyz, 1.0);\n  gl_Position = effects_MatrixVP * effects_ObjectToWorld * pos;\n}\n";
+        _this.frag = "\nprecision highp float;\n\nvarying vec4 vColor;\n\nvoid main() {\n  vec4 color = vec4(1.0,1.0,1.0,1.0);\n  gl_FragColor = color;\n}\n";
+        if (!_this.geometry) {
+            _this.geometry = Geometry.create(engine, {
+                attributes: {
+                    aPos: {
+                        type: glContext.FLOAT,
+                        size: 3,
+                        data: new Float32Array([
+                            -0.5,
+                            0.5,
+                            0,
+                            -0.5,
+                            -0.5,
+                            0,
+                            0.5,
+                            0.5,
+                            0,
+                            0.5,
+                            -0.5,
+                            0
+                        ])
+                    },
+                    aUV: {
+                        type: glContext.FLOAT,
+                        size: 2,
+                        data: new Float32Array()
+                    }
+                },
+                mode: glContext.TRIANGLES,
+                drawCount: 4
+            });
+        }
+        if (!_this.material) {
+            var materialProps = {
+                shader: {
+                    vertex: _this.vert,
+                    fragment: _this.frag,
+                    glslVersion: GLSLVersion.GLSL1
+                }
+            };
+            _this.material = Material.create(engine, materialProps);
+            _this.material.setColor("_Color", new Color(1, 1, 1, 1));
+            _this.material.depthMask = true;
+            _this.material.depthTest = true;
+            _this.material.blending = true;
+        }
+        return _this;
+    }
+    var _proto = ShapeComponent.prototype;
+    _proto.onUpdate = function onUpdate(dt) {
+        if (this.dirty) {
+            this.path.clear();
+            this.path.moveTo(this.curveValues[this.curveValues.length - 1].point.x, this.curveValues[this.curveValues.length - 1].point.y);
+            for(var _iterator = _create_for_of_iterator_helper_loose(this.curveValues), _step; !(_step = _iterator()).done;){
+                var curveValue = _step.value;
+                var point = curveValue.point;
+                var control1 = curveValue.controlPoint1;
+                var control2 = curveValue.controlPoint2;
+                this.path.bezierCurveTo(control1.x, control1.y, control2.x, control2.y, point.x, point.y, 1);
+            }
+            this.buildGeometryFromPath(this.path.shapePath);
+            this.dirty = false;
+        }
+    };
+    _proto.render = function render(renderer) {
+        if (renderer.renderingData.currentFrame.globalUniforms) {
+            renderer.setGlobalMatrix("effects_ObjectToWorld", this.transform.getWorldMatrix());
+        }
+        renderer.drawGeometry(this.geometry, this.material);
+    };
+    _proto.buildGeometryFromPath = function buildGeometryFromPath(shapePath) {
+        var shapePrimitives = shapePath.shapePrimitives;
+        var vertices = [];
+        // triangulate shapePrimitive
+        for(var _iterator = _create_for_of_iterator_helper_loose(shapePrimitives), _step; !(_step = _iterator()).done;){
+            var shapePrimitive = _step.value;
+            var _vertices;
+            var shape = shapePrimitive.shape;
+            (_vertices = vertices).push.apply(_vertices, [].concat(triangulate([
+                shape.points
+            ])));
+        }
+        // build vertices and uvs
+        var vertexCount = vertices.length / 2;
+        var positionArray = this.geometry.getAttributeData("aPos");
+        var uvArray = this.geometry.getAttributeData("aUV");
+        if (!positionArray || positionArray.length < vertexCount * 3) {
+            positionArray = new Float32Array(vertexCount * 3);
+        }
+        if (!uvArray || uvArray.length < vertexCount * 2) {
+            uvArray = new Float32Array(vertexCount * 2);
+        }
+        for(var i = 0; i < vertexCount; i++){
+            var pointsOffset = i * 3;
+            var positionArrayOffset = i * 2;
+            var uvOffset = i * 2;
+            positionArray[pointsOffset] = vertices[positionArrayOffset];
+            positionArray[pointsOffset + 1] = vertices[positionArrayOffset + 1];
+            positionArray[pointsOffset + 2] = 0;
+            uvArray[uvOffset] = positionArray[pointsOffset];
+            uvArray[uvOffset + 1] = positionArray[pointsOffset + 1];
+        }
+        this.geometry.setAttributeData("aPos", positionArray);
+        this.geometry.setAttributeData("aUV", uvArray);
+        this.geometry.setDrawCount(vertexCount);
+    };
+    _proto.fromData = function fromData(data) {
+        RendererComponent.prototype.fromData.call(this, data);
+        var points = data.param.points;
+        var easingIns = data.param.easingIn;
+        var easingOuts = data.param.easingOut;
+        for(var _iterator = _create_for_of_iterator_helper_loose(data.param.shapes), _step; !(_step = _iterator()).done;){
+            var shape = _step.value;
+            var indices = shape.indexes;
+            for(var i = 1; i < indices.length; i++){
+                var pointIndex = indices[i];
+                var lastPointIndex = indices[i - 1];
+                this.curveValues.push({
+                    point: points[pointIndex.point],
+                    controlPoint1: easingOuts[lastPointIndex.easingOut],
+                    controlPoint2: easingIns[pointIndex.easingIn]
+                });
+            }
+            // Push the last curve
+            this.curveValues.push({
+                point: points[indices[0].point],
+                controlPoint1: easingOuts[indices[indices.length - 1].easingOut],
+                controlPoint2: easingIns[indices[0].easingIn]
+            });
+        }
+        this.dirty = true;
+    };
+    return ShapeComponent;
+}(RendererComponent);
+ShapeComponent = __decorate([
+    effectsClass("ShapeComponent")
+], ShapeComponent);
+var ComponentShapeType;
+(function(ComponentShapeType) {
+    /**
+   * 自定义图形
+   */ ComponentShapeType[ComponentShapeType["CUSTOM"] = 0] = "CUSTOM";
+    /**
+   * 矩形
+   */ ComponentShapeType[ComponentShapeType["RECTANGLE"] = 1] = "RECTANGLE";
+    /**
+   * 椭圆
+   */ ComponentShapeType[ComponentShapeType["ELLIPSE"] = 2] = "ELLIPSE";
+    /**
+   * 多边形
+   */ ComponentShapeType[ComponentShapeType["POLYGON"] = 3] = "POLYGON";
+    /**
+   * 星形
+   */ ComponentShapeType[ComponentShapeType["STAR"] = 4] = "STAR";
+})(ComponentShapeType || (ComponentShapeType = {}));
+var ShapeConnectType;
+(function(ShapeConnectType) {})(ShapeConnectType || (ShapeConnectType = {}));
+var ShapePointType;
+(function(ShapePointType) {})(ShapePointType || (ShapePointType = {}));
+
 var EventEmitter = function EventEmitter() {
     var _this = this;
     var _this1 = this;
@@ -21164,21 +22828,21 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
         return now - this.duration > 0.001;
     };
     _proto.find = function find(name) {
+        var _queue;
         if (this.name === name) {
             return this;
         }
-        for(var _iterator = _create_for_of_iterator_helper_loose(this.children), _step; !(_step = _iterator()).done;){
-            var child = _step.value;
-            if (child.name === name) {
-                return child;
-            }
-        }
-        for(var _iterator1 = _create_for_of_iterator_helper_loose(this.children), _step1; !(_step1 = _iterator1()).done;){
-            var child1 = _step1.value;
-            var res = child1.find(name);
-            if (res) {
-                return res;
+        var queue = [];
+        (_queue = queue).push.apply(_queue, [].concat(this.children));
+        var index = 0;
+        while(index < queue.length){
+            var _queue1;
+            var item = queue[index];
+            index++;
+            if (item.name === name) {
+                return item;
             }
+            (_queue1 = queue).push.apply(_queue1, [].concat(item.children));
         }
         return undefined;
     };
@@ -23922,15 +25586,22 @@ function passRenderLevel(l, renderLevel) {
     return false;
 }
 
-function isSceneJSON(scene) {
-    return isObject(scene) && "jsonScene" in scene;
-}
-function isSceneURL(scene) {
-    return isObject(scene) && "url" in scene;
-}
-function isSceneWithOptions(scene) {
-    return isObject(scene) && "options" in scene;
-}
+var Scene;
+(function(Scene) {
+    function isJSONObject(scene) {
+        return isObject(scene) && "jsonScene" in scene;
+    }
+    // JSON 对象
+    Scene.isJSONObject = isJSONObject;
+    function isURL(scene) {
+        return isObject(scene) && "url" in scene;
+    }
+    Scene.isURL = isURL;
+    function isWithOptions(scene) {
+        return isObject(scene) && "options" in scene;
+    }
+    Scene.isWithOptions = isWithOptions;
+})(Scene || (Scene = {}));
 
 function getBackgroundImage(template, variables) {
     var templateBackground;
@@ -24055,13 +25726,12 @@ var seed$1 = 1;
    */ _proto.loadScene = function loadScene(url, renderer, options) {
         var _this = this;
         return _async_to_generator(function() {
-            var _gpuInstance_detail, rawJSON, assetUrl, startTime, timeInfoMessages, gpuInstance, _gpuInstance_detail_asyncShaderCompile, asyncShaderCompile, _gpuInstance_detail_compressedTexture, compressedTexture, timeInfos, loadTimer, cancelLoading, waitPromise, hookTimeInfo, loadResourcePromise;
+            var rawJSON, assetUrl, startTime, timeInfoMessages, gpuInstance, _gpuInstance_detail_compressedTexture, compressedTexture, timeInfos, loadTimer, cancelLoading, waitPromise, hookTimeInfo, loadResourcePromise;
             return __generator(this, function(_state) {
                 assetUrl = isString(url) ? url : _this.id;
                 startTime = performance.now();
                 timeInfoMessages = [];
                 gpuInstance = renderer == null ? void 0 : renderer.engine.gpuCapability;
-                asyncShaderCompile = (_gpuInstance_detail_asyncShaderCompile = gpuInstance == null ? void 0 : (_gpuInstance_detail = gpuInstance.detail) == null ? void 0 : _gpuInstance_detail.asyncShaderCompile) != null ? _gpuInstance_detail_asyncShaderCompile : false;
                 compressedTexture = (_gpuInstance_detail_compressedTexture = gpuInstance == null ? void 0 : gpuInstance.detail.compressedTexture) != null ? _gpuInstance_detail_compressedTexture : COMPRESSED_TEXTURE.NONE;
                 timeInfos = {};
                 cancelLoading = false;
@@ -24114,81 +25784,55 @@ var seed$1 = 1;
                     });
                 });
                 loadResourcePromise = /*#__PURE__*/ _async_to_generator(function() {
-                    var scene, _rawJSON_jsonScene, rawImages, images, i, i1, _ref, usedImages, jsonScene, pluginSystem, _jsonScene_bins, bins, images1, compositions, fonts, _ref1, loadedBins, loadedImages, i2, imageAsset, loadedTextures, totalTime;
+                    var scene, link, _ref, jsonScene, pluginSystem, _jsonScene_bins, bins, images, compositions, fonts, _ref1, loadedBins, loadedImages, i, i1, imageAsset, loadedTextures, totalTime;
                     return __generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
-                                if (!isObject(url)) return [
-                                    3,
-                                    1
-                                ];
-                                // TODO: 原 JSONLoader contructor 判断是否兼容
-                                rawJSON = url;
-                                _this.baseUrl = location.href;
-                                return [
+                                if (!isString(url)) return [
                                     3,
-                                    3
+                                    2
                                 ];
-                            case 1:
                                 // 兼容相对路径
-                                url = new URL(url, location.href).href;
-                                _this.baseUrl = url;
+                                link = new URL(url, location.href).href;
+                                _this.baseUrl = link;
                                 return [
                                     4,
                                     hookTimeInfo("loadJSON", function() {
-                                        return _this.loadJSON(url);
+                                        return _this.loadJSON(link);
                                     })
                                 ];
-                            case 2:
+                            case 1:
                                 rawJSON = _state.sent();
+                                return [
+                                    3,
+                                    3
+                                ];
+                            case 2:
+                                // url 为 spec.JSONScene 或 Scene 对象
+                                rawJSON = url;
+                                _this.baseUrl = location.href;
                                 _state.label = 3;
                             case 3:
-                                if (!isSceneJSON(rawJSON)) return [
+                                if (!Scene.isJSONObject(rawJSON)) return [
                                     3,
-                                    6
+                                    4
                                 ];
                                 // 已经加载过的 可能需要更新数据模板
                                 scene = _extends({}, rawJSON);
-                                if (!(_this.options && _this.options.variables && Object.keys(_this.options.variables).length !== 0)) return [
-                                    3,
-                                    5
-                                ];
-                                _rawJSON_jsonScene = rawJSON.jsonScene, rawImages = _rawJSON_jsonScene.images;
-                                images = scene.images;
-                                for(i = 0; i < rawImages.length; i++){
-                                    // 仅重新加载数据模板对应的图片
-                                    if (_instanceof1(images[i], HTMLCanvasElement)) {
-                                        images[i] = rawImages[i];
-                                    }
-                                }
-                                return [
-                                    4,
-                                    hookTimeInfo("processImages", function() {
-                                        return _this.processImages(images, compressedTexture);
-                                    })
-                                ];
-                            case 4:
-                                scene.images = _state.sent();
-                                // 更新 TextureOptions 中的 image 指向
-                                for(i1 = 0; i1 < scene.images.length; i1++){
-                                    scene.textureOptions[i1].image = scene.images[i1];
-                                }
-                                _state.label = 5;
-                            case 5:
                                 return [
                                     3,
-                                    12
+                                    9
                                 ];
-                            case 6:
+                            case 4:
                                 return [
                                     4,
                                     hookTimeInfo("processJSON", function() {
                                         return _this.processJSON(rawJSON);
                                     })
                                 ];
-                            case 7:
-                                _ref = _state.sent(), usedImages = _ref.usedImages, jsonScene = _ref.jsonScene, pluginSystem = _ref.pluginSystem;
-                                _jsonScene_bins = jsonScene.bins, bins = _jsonScene_bins === void 0 ? [] : _jsonScene_bins, images1 = jsonScene.images, compositions = jsonScene.compositions, fonts = jsonScene.fonts;
+                            case 5:
+                                _ref = _state.sent(), jsonScene = _ref.jsonScene, pluginSystem = _ref.pluginSystem;
+                                _jsonScene_bins = jsonScene.bins, bins = _jsonScene_bins === void 0 ? [] : _jsonScene_bins, images = jsonScene.images, compositions = jsonScene.compositions, fonts = jsonScene.fonts;
                                 return [
                                     4,
                                     Promise.all([
@@ -24196,38 +25840,36 @@ var seed$1 = 1;
                                             return _this.processBins(bins);
                                         }),
                                         hookTimeInfo("processImages", function() {
-                                            return _this.processImages(images1, compressedTexture);
+                                            return _this.processImages(images, compressedTexture);
                                         }),
-                                        hookTimeInfo("" + (asyncShaderCompile ? "async" : "sync") + "Compile", function() {
+                                        hookTimeInfo("precompile", function() {
                                             return _this.precompile(compositions, pluginSystem, renderer, options);
+                                        }),
+                                        hookTimeInfo("processFontURL", function() {
+                                            return _this.processFontURL(fonts);
                                         })
                                     ])
                                 ];
-                            case 8:
+                            case 6:
                                 _ref1 = _state.sent(), loadedBins = _ref1[0], loadedImages = _ref1[1];
+                                for(i = 0; i < images.length; i++){
+                                    _this.assets[images[i].id] = loadedImages[i];
+                                }
                                 if (renderer) {
-                                    for(i2 = 0; i2 < images1.length; i2++){
+                                    for(i1 = 0; i1 < images.length; i1++){
                                         imageAsset = new ImageAsset(renderer.engine);
-                                        imageAsset.data = loadedImages[i2];
-                                        imageAsset.setInstanceId(images1[i2].id);
+                                        imageAsset.data = loadedImages[i1];
+                                        imageAsset.setInstanceId(images[i1].id);
                                         renderer.engine.addInstance(imageAsset);
                                     }
                                 }
-                                return [
-                                    4,
-                                    hookTimeInfo("processFontURL", function() {
-                                        return _this.processFontURL(fonts);
-                                    })
-                                ];
-                            case 9:
-                                _state.sent();
                                 return [
                                     4,
                                     hookTimeInfo("processTextures", function() {
-                                        return _this.processTextures(loadedImages, loadedBins, jsonScene, renderer.engine);
+                                        return _this.processTextures(loadedImages, loadedBins, jsonScene);
                                     })
                                 ];
-                            case 10:
+                            case 7:
                                 loadedTextures = _state.sent();
                                 scene = {
                                     timeInfos: timeInfos,
@@ -24236,7 +25878,6 @@ var seed$1 = 1;
                                     storage: {},
                                     pluginSystem: pluginSystem,
                                     jsonScene: jsonScene,
-                                    usedImages: usedImages,
                                     images: loadedImages,
                                     textureOptions: loadedTextures,
                                     bins: loadedBins
@@ -24248,10 +25889,10 @@ var seed$1 = 1;
                                         return pluginSystem.loadResources(scene, _this.options);
                                     })
                                 ];
-                            case 11:
+                            case 8:
                                 _state.sent();
-                                _state.label = 12;
-                            case 12:
+                                _state.label = 9;
+                            case 9:
                                 totalTime = performance.now() - startTime;
                                 logger.info("Load asset: totalTime: " + totalTime.toFixed(4) + "ms " + timeInfoMessages.join(" ") + ", url: " + assetUrl + ".");
                                 window.clearTimeout(loadTimer);
@@ -24279,7 +25920,6 @@ var seed$1 = 1;
     };
     _proto.precompile = function precompile(compositions, pluginSystem, renderer, options) {
         return _async_to_generator(function() {
-            var shaderLibrary;
             return __generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -24288,22 +25928,11 @@ var seed$1 = 1;
                                 2
                             ];
                         }
-                        shaderLibrary = renderer == null ? void 0 : renderer.getShaderLibrary();
                         return [
                             4,
                             pluginSystem == null ? void 0 : pluginSystem.precompile(compositions, renderer, options)
                         ];
                     case 1:
-                        _state.sent();
-                        return [
-                            4,
-                            new Promise(function(resolve) {
-                                shaderLibrary == null ? void 0 : shaderLibrary.compileAllShaders(function() {
-                                    resolve(null);
-                                });
-                            })
-                        ];
-                    case 2:
                         _state.sent();
                         return [
                             2
@@ -24315,12 +25944,12 @@ var seed$1 = 1;
     _proto.processJSON = function processJSON(json) {
         var _this = this;
         return _async_to_generator(function() {
-            var jsonScene, _jsonScene_plugins, plugins, sceneCompositions, imgUsage, images, pluginSystem, renderLevel, usedImages;
+            var jsonScene, _jsonScene_plugins, plugins, pluginSystem;
             return __generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
                         jsonScene = getStandardJSON(json);
-                        _jsonScene_plugins = jsonScene.plugins, plugins = _jsonScene_plugins === void 0 ? [] : _jsonScene_plugins, sceneCompositions = jsonScene.compositions, imgUsage = jsonScene.imgUsage, images = jsonScene.images;
+                        _jsonScene_plugins = jsonScene.plugins, plugins = _jsonScene_plugins === void 0 ? [] : _jsonScene_plugins;
                         pluginSystem = new PluginSystem(plugins);
                         return [
                             4,
@@ -24328,20 +25957,9 @@ var seed$1 = 1;
                         ];
                     case 1:
                         _state.sent();
-                        renderLevel = _this.options.renderLevel;
-                        usedImages = {};
-                        if (imgUsage) {
-                            // TODO: 考虑放到独立的 fix 文件
-                            fixOldImageUsage(usedImages, sceneCompositions, imgUsage, images, renderLevel);
-                        } else {
-                            images == null ? void 0 : images.forEach(function(_, i) {
-                                usedImages[i] = true;
-                            });
-                        }
                         return [
                             2,
                             {
-                                usedImages: usedImages,
                                 jsonScene: jsonScene,
                                 pluginSystem: pluginSystem
                             }
@@ -24413,7 +26031,6 @@ var seed$1 = 1;
                                 ];
                             case 2:
                                 _state.sent();
-                                //@ts-expect-error
                                 document.fonts.add(fontFace);
                                 AssetManager.fonts.add(font.fontFamily);
                                 return [
@@ -24495,6 +26112,10 @@ var seed$1 = 1;
                                     3,
                                     3
                                 ];
+                                _this.assets[idx] = {
+                                    url: resultImage.src,
+                                    type: TextureSourceType.video
+                                };
                                 return [
                                     2,
                                     resultImage
@@ -24504,6 +26125,10 @@ var seed$1 = 1;
                                 if (background && Array.isArray(url) && variables) {
                                     variables[background.name] = resultImage.src;
                                 }
+                                _this.assets[idx] = {
+                                    url: resultImage.src,
+                                    type: TextureSourceType.image
+                                };
                                 return [
                                     4,
                                     combineImageTemplate(resultImage, template, variables)
@@ -24546,12 +26171,6 @@ var seed$1 = 1;
                                             _this.loadBins(bufferURL)
                                         ];
                                     }
-                                } else if ("sourceType" in img) {
-                                    // TODO: 确定是否有用
-                                    return [
-                                        2,
-                                        img
-                                    ];
                                 } else if (_instanceof1(img, HTMLImageElement) || _instanceof1(img, HTMLCanvasElement) || _instanceof1(img, HTMLVideoElement) || _instanceof1(img, Texture)) {
                                     return [
                                         2,
@@ -24602,7 +26221,7 @@ var seed$1 = 1;
             });
         })();
     };
-    _proto.processTextures = function processTextures(images, bins, jsonScene, engine) {
+    _proto.processTextures = function processTextures(images, bins, jsonScene) {
         var _this = this;
         return _async_to_generator(function() {
             var _jsonScene_textures, textures, jobs;
@@ -24613,7 +26232,7 @@ var seed$1 = 1;
                     };
                 });
                 jobs = textures.map(/*#__PURE__*/ _async_to_generator(function(textureOptions, idx) {
-                    var e, source, image, texture;
+                    var e, source, id, image, texture;
                     return __generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
@@ -24637,7 +26256,7 @@ var seed$1 = 1;
                                 ]);
                                 return [
                                     4,
-                                    deserializeMipmapTexture(textureOptions, bins, engine, jsonScene.bins)
+                                    deserializeMipmapTexture(textureOptions, bins, _this.assets, jsonScene.bins)
                                 ];
                             case 2:
                                 return [
@@ -24648,12 +26267,12 @@ var seed$1 = 1;
                                 e = _state.sent();
                                 throw new Error("Load texture " + idx + " fails, error message: " + e + ".");
                             case 4:
-                                source = textureOptions.source;
+                                source = textureOptions.source, id = textureOptions.id;
                                 if (!isObject(source)) return [
                                     3,
                                     5
                                 ];
-                                image = engine.assetLoader.loadGUID(source.id).data;
+                                image = _this.assets[source.id];
                                 return [
                                     3,
                                     7
@@ -24672,9 +26291,7 @@ var seed$1 = 1;
                                 _state.label = 7;
                             case 7:
                                 if (image) {
-                                    texture = createTextureOptionsBySource(image, _this.assets[idx]);
-                                    texture.id = textureOptions.id;
-                                    texture.dataType = DataType.Texture;
+                                    texture = createTextureOptionsBySource(image, _this.assets[idx], id);
                                     return [
                                         2,
                                         texture.sourceType === TextureSourceType.compressed ? texture : _extends({}, texture, textureOptions)
@@ -24735,11 +26352,6 @@ var seed$1 = 1;
                 return window.clearTimeout(id);
             });
         }
-        for(var key in this.assets){
-            var _asset_dispose;
-            var asset = this.assets[key];
-            asset == null ? void 0 : (_asset_dispose = asset.dispose) == null ? void 0 : _asset_dispose.call(asset);
-        }
         this.assets = {};
         this.timers = [];
     };
@@ -24748,55 +26360,44 @@ var seed$1 = 1;
 /**
    * 自定义文本缓存，随页面销毁而销毁
    */ AssetManager.fonts = new Set();
-function fixOldImageUsage(usedImages, compositions, imgUsage, images, renderLevel) {
-    for(var i = 0; i < compositions.length; i++){
-        var id = compositions[i].id;
-        var ids = imgUsage[id];
-        if (ids) {
-            for(var j = 0; j < ids.length; j++){
-                var id1 = ids[j];
-                var tag = images[id1].renderLevel;
-                if (passRenderLevel(tag, renderLevel)) {
-                    usedImages[id1] = true;
-                }
-            }
-        }
-    }
-}
-function createTextureOptionsBySource(image, sourceFrom) {
+function createTextureOptionsBySource(image, sourceFrom, id) {
+    var options = {
+        id: id,
+        dataType: DataType.Texture
+    };
     if (_instanceof1(image, Texture)) {
-        return image.source;
+        return _extends({}, image.source, options);
     } else if (_instanceof1(image, HTMLImageElement) || isCanvas(image)) {
-        return {
+        return _extends({
             image: image,
             sourceType: TextureSourceType.image,
             sourceFrom: sourceFrom,
             keepImageSource: true,
             minFilter: glContext.LINEAR,
             magFilter: glContext.LINEAR
-        };
+        }, options);
     } else if (_instanceof1(image, HTMLVideoElement)) {
         // 视频
-        return {
+        return _extends({
             sourceType: TextureSourceType.video,
             video: image,
             minFilter: glContext.LINEAR,
             magFilter: glContext.LINEAR
-        };
+        }, options);
     } else if (_instanceof1(image, ArrayBuffer)) {
         // 压缩纹理
         return _extends({}, getKTXTextureOptions(image), {
             sourceFrom: sourceFrom
-        });
+        }, options);
     } else if ("width" in image && "height" in image && "data" in image) {
-        return {
+        return _extends({
             sourceType: TextureSourceType.data,
             data: image,
             wrapS: glContext.CLAMP_TO_EDGE,
             wrapT: glContext.CLAMP_TO_EDGE,
             minFilter: glContext.NEAREST,
             magFilter: glContext.NEAREST
-        };
+        }, options);
     }
     throw new Error("Invalid texture options.");
 }
@@ -25100,11 +26701,12 @@ var listOrder = 0;
     function CompositionSourceManager(scene, engine) {
         this.refCompositions = new Map();
         this.refCompositionProps = new Map();
+        this.imgUsage = {};
         this.mask = 0;
         this.engine = engine;
         // 资源
         var jsonScene = scene.jsonScene, renderLevel = scene.renderLevel, textureOptions = scene.textureOptions, pluginSystem = scene.pluginSystem, totalTime = scene.totalTime;
-        var compositions = jsonScene.compositions, imgUsage = jsonScene.imgUsage, compositionId = jsonScene.compositionId;
+        var compositions = jsonScene.compositions, compositionId = jsonScene.compositionId;
         if (!textureOptions) {
             throw new Error("scene.textures expected.");
         }
@@ -25124,7 +26726,6 @@ var listOrder = 0;
         this.renderLevel = renderLevel;
         this.pluginSystem = pluginSystem;
         this.totalTime = totalTime != null ? totalTime : 0;
-        this.imgUsage = imgUsage != null ? imgUsage : {};
         this.textures = cachedTextures;
         listOrder = 0;
         this.sourceContent = this.getContent(this.composition);
@@ -25145,11 +26746,12 @@ var listOrder = 0;
         });
     };
     _proto.assembleItems = function assembleItems(composition) {
+        var _this_jsonScene;
         var items = [];
-        this.mask++;
         var componentMap = {};
-        //@ts-expect-error
-        for(var _iterator = _create_for_of_iterator_helper_loose(this.jsonScene.components), _step; !(_step = _iterator()).done;){
+        this.mask++;
+        var _this_jsonScene_components;
+        for(var _iterator = _create_for_of_iterator_helper_loose((_this_jsonScene_components = (_this_jsonScene = this.jsonScene) == null ? void 0 : _this_jsonScene.components) != null ? _this_jsonScene_components : []), _step; !(_step = _iterator()).done;){
             var component = _step.value;
             componentMap[component.id] = component;
         }
@@ -25186,19 +26788,24 @@ var listOrder = 0;
     _proto.preProcessItemContent = function preProcessItemContent(renderContent) {
         if (renderContent.renderer) {
             renderContent.renderer = this.changeTex(renderContent.renderer);
-            if (!renderContent.renderer.mask) {
+            if (!("mask" in renderContent.renderer)) {
                 this.processMask(renderContent.renderer);
             }
-            var split = renderContent.splits && !renderContent.textureSheetAnimation && renderContent.splits[0];
-            if (Number.isInteger(renderContent.renderer.shape)) {
+            var split = renderContent.splits && !renderContent.textureSheetAnimation ? renderContent.splits[0] : undefined;
+            var shape = renderContent.renderer.shape;
+            var shapeData;
+            if (Number.isInteger(shape)) {
                 var _this_jsonScene;
-                // TODO: scene.shapes 类型问题？
-                renderContent.renderer.shape = getGeometryByShape((_this_jsonScene = this.jsonScene) == null ? void 0 : _this_jsonScene.shapes[renderContent.renderer.shape], split);
-            } else if (renderContent.renderer.shape && isObject(renderContent.renderer.shape)) {
-                renderContent.renderer.shape = getGeometryByShape(renderContent.renderer.shape, split);
+                shapeData = (_this_jsonScene = this.jsonScene) == null ? void 0 : _this_jsonScene.shapes[shape];
+            } else {
+                shapeData = shape;
+            }
+            if (shapeData !== undefined) {
+                // @ts-expect-error 类型转换问题
+                renderContent.renderer.shape = getGeometryByShape(shapeData, split);
             }
         }
-        if (renderContent.trails) {
+        if ("trails" in renderContent && renderContent.trails !== undefined) {
             renderContent.trails = this.changeTex(renderContent.trails);
         }
     };
@@ -25206,22 +26813,17 @@ var listOrder = 0;
         if (!renderer.texture) {
             return renderer;
         }
-        //@ts-expect-error
         var texIdx = renderer.texture.id;
         if (texIdx !== undefined) {
-            //@ts-expect-error
-            this.addTextureUsage(texIdx) || texIdx;
+            this.addTextureUsage(texIdx);
         }
         return renderer;
     };
-    _proto.addTextureUsage = function addTextureUsage(texIdx) {
-        var texId = texIdx;
+    _proto.addTextureUsage = function addTextureUsage(texId) {
         var _this_imgUsage;
-        // FIXME: imageUsage 取自 scene.imgUsage，类型为 Record<string, number[]>，这里给的 number，类型对不上
         var imageUsage = (_this_imgUsage = this.imgUsage) != null ? _this_imgUsage : {};
         if (texId && imageUsage) {
-            // eslint-disable-next-line no-prototype-builtins
-            if (!imageUsage.hasOwnProperty(texId)) {
+            if (!Object.prototype.hasOwnProperty.call(imageUsage, texId)) {
                 imageUsage[texId] = 0;
             }
             imageUsage[texId]++;
@@ -25392,7 +26994,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         _this.lastVideoUpdateTime = 0;
         var _props_reusable = props.reusable, reusable = _props_reusable === void 0 ? false : _props_reusable, _props_speed = props.speed, speed = _props_speed === void 0 ? 1 : _props_speed, _props_baseRenderOrder = props.baseRenderOrder, baseRenderOrder = _props_baseRenderOrder === void 0 ? 0 : _props_baseRenderOrder, renderer = props.renderer, event = props.event, width = props.width, height = props.height, handleItemMessage = props.handleItemMessage;
         _this.compositionSourceManager = new CompositionSourceManager(scene, renderer.engine);
-        scene.jsonScene.imgUsage = undefined;
         if (reusable) {
             _this.keepResource = true;
             scene.textures = undefined;
@@ -25411,24 +27012,23 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         _this.rootComposition.data = sourceContent;
         _this.rootComposition.item = _this.rootItem;
         _this.rootItem.components.push(_this.rootComposition);
-        var imageUsage = !reusable && imgUsage;
         _this.width = width;
         _this.height = height;
         _this.renderOrder = baseRenderOrder;
         _this.id = sourceContent.id;
         _this.renderer = renderer;
-        _this.texInfo = imageUsage != null ? imageUsage : {};
+        _this.texInfo = !reusable ? imgUsage : {};
         _this.event = event;
-        var _scene_startTime, _scene_timeInfos_asyncCompile;
+        var _scene_startTime;
         _this.statistic = {
-            loadTime: totalTime != null ? totalTime : 0,
             loadStart: (_scene_startTime = scene.startTime) != null ? _scene_startTime : 0,
-            firstFrameTime: 0,
-            precompileTime: (_scene_timeInfos_asyncCompile = scene.timeInfos["asyncCompile"]) != null ? _scene_timeInfos_asyncCompile : scene.timeInfos["syncCompile"]
+            loadTime: totalTime != null ? totalTime : 0,
+            compileTime: 0,
+            firstFrameTime: 0
         };
         _this.reusable = reusable;
         _this.speed = speed;
-        _this.autoRefTex = !_this.keepResource && imageUsage && _this.rootItem.endBehavior !== EndBehavior.restart;
+        _this.autoRefTex = !_this.keepResource && _this.texInfo && _this.rootItem.endBehavior !== EndBehavior.restart;
         _this.name = sourceContent.name;
         _this.pluginSystem = pluginSystem;
         _this.pluginSystem.initializeComposition(_assert_this_initialized(_this), scene);
@@ -25600,6 +27200,7 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
    */ _proto.reset = function reset() {
         this.rendererOptions = null;
         this.rootItem.ended = false;
+        this.rootComposition.time = 0;
         this.pluginSystem.resetComposition(this, this.renderFrame);
     };
     _proto.prepareRender = function prepareRender() {
@@ -28124,7 +29725,7 @@ __decorate([
     serialize()
 ], BinaryAsset.prototype, "buffer", void 0);
 BinaryAsset = __decorate([
-    effectsClass("BinaryAsset")
+    effectsClass(DataType.BinaryAsset)
 ], BinaryAsset);
 
 registerPlugin("camera", CameraVFXItemLoader, VFXItem, true);
@@ -28133,7 +29734,7 @@ registerPlugin("sprite", SpriteLoader, VFXItem, true);
 registerPlugin("particle", ParticleLoader, VFXItem, true);
 registerPlugin("cal", CalculateLoader, VFXItem, true);
 registerPlugin("interact", InteractLoader, VFXItem, true);
-var version$1 = "2.1.0-alpha.5";
+var version$1 = "2.1.0-alpha.6";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -29532,13 +31133,14 @@ var ThreeRenderer = /*#__PURE__*/ function(Renderer) {
                         opts = _extends({
                             autoplay: true
                         }, options);
-                        if (isSceneURL(url)) {
-                            source = url.url;
-                            if (isSceneWithOptions(url)) {
+                        source = url;
+                        if (Scene.isURL(url)) {
+                            if (!Scene.isJSONObject(url)) {
+                                source = url.url;
+                            }
+                            if (Scene.isWithOptions(url)) {
                                 opts = _extends({}, opts, url.options || {});
                             }
-                        } else {
-                            source = url;
                         }
                         if (_this.assetManager) {
                             _this.assetManager.updateOptions(opts);
@@ -29814,8 +31416,8 @@ setMaxSpriteMeshItemCount(8);
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.1.0-alpha.5";
+var version = "2.1.0-alpha.6";
 logger.info("THREEJS plugin version: " + version + ".");
 
-export { AbstractPlugin, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AnimationClip, AnimationClipPlayable, AssetLoader, AssetManager, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, COMPRESSED_TEXTURE, CONSTANT_MAP_BLEND, CONSTANT_MAP_DEPTH, CONSTANT_MAP_STENCIL_FUNC, CONSTANT_MAP_STENCIL_OP, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateLoader, Camera, CameraController, CameraVFXItemLoader, Component, Composition, CompositionComponent, CompositionSourceManager, DEFAULT_FONTS, DEFAULT_FPS, Database, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectsObject, EffectsPackage, Engine, EventEmitter, EventSystem, FilterMode, Float16ArrayWrapper, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, Item, KTXTexture, LineSegments, LinearValue, Material, MaterialDataBlock, MaterialRenderType, Mesh, ObjectBindingTrack, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleSystem, ParticleSystemRenderer, PassTextureCache, PathSegments, PluginSystem, PostProcessVolume, 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, SemanticMap, SerializationHelper, Shader, ShaderCompileResultStatus, ShaderFactory, ShaderType, ShaderVariant, SpriteColorPlayable, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteLoader, StaticValue, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TEXTURE_UNIFORM_MAP, TextComponent, TextComponentBase, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, ThreeComposition, ThreeDisplayObject, ThreeEngine, ThreeMaterial, ThreeSpriteComponent, ThreeTextComponent, ThreeTexture, Ticker, TimelineAsset, TimelineClip, TimelinePlayable, TrackAsset, TrackSortWrapper, TrackType, Transform, TransformAnimationPlayable, TransformPlayableAsset, TransformTrack, VFXItem, ValueGetter, addByOrder, addItem, addItemWithOrder, applyMixins, assertExist, asserts, base64ToFile, blend, calculateTranslation, canvasPool, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, createCopyShader, createGLContext, createKeyFrameMeta, createShape, createValueGetter, decimalEqual, defaultGlobalVolume, defaultPlugins, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, findPreviousRenderPass, gaussianDown_frag as gaussianDownFrag, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getColorFromGradientStops, getConfig, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getImageItemRenderInfo, getKTXTextureOptions, getKeyFrameMetaByRawValue, getMergedStore, 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, isSceneJSON, isSceneURL, isSceneWithOptions, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, isWechatMiniApp, itemFrag, itemFrameFrag, itemVert, loadAVIFOptional, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, modifyMaxKeyframeShader, nearestPowerOfTwo, noop, normalizeColor, numberToFix, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, pluginLoaderMap, randomInRange, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxItemCountByGPU, setUniformValue, sortByOrder, index$1 as spec, spriteMeshShaderFromFilter, spriteMeshShaderFromRenderInfo, spriteMeshShaderIdFromRenderInfo, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecFill, vecMulCombine, version, vertexFormatType2GLType };
+export { AbstractPlugin, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AnimationClip, AnimationClipPlayable, AssetLoader, AssetManager, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, COMPRESSED_TEXTURE, CONSTANT_MAP_BLEND, CONSTANT_MAP_DEPTH, CONSTANT_MAP_STENCIL_FUNC, CONSTANT_MAP_STENCIL_OP, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateLoader, Camera, CameraController, CameraVFXItemLoader, Component, ComponentShapeType, Composition, CompositionComponent, CompositionSourceManager, DEFAULT_FONTS, DEFAULT_FPS, Database, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectsObject, EffectsPackage, Engine, EventEmitter, EventSystem, FilterMode, Float16ArrayWrapper, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, Item, KTXTexture, LineSegments, LinearValue, Material, MaterialDataBlock, MaterialRenderType, Mesh, ObjectBindingTrack, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleSystem, ParticleSystemRenderer, PassTextureCache, PathSegments, PluginSystem, PostProcessVolume, 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, ShapeConnectType, ShapePointType, SpriteColorPlayable, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteLoader, StaticValue, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TEXTURE_UNIFORM_MAP, TextComponent, TextComponentBase, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, ThreeComposition, ThreeDisplayObject, ThreeEngine, ThreeMaterial, ThreeSpriteComponent, ThreeTextComponent, ThreeTexture, Ticker, TimelineAsset, TimelineClip, TimelinePlayable, TrackAsset, TrackSortWrapper, TrackType, Transform, TransformAnimationPlayable, TransformPlayableAsset, TransformTrack, VFXItem, ValueGetter, addByOrder, addItem, addItemWithOrder, applyMixins, assertExist, asserts, base64ToFile, blend, calculateTranslation, canvasPool, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, createCopyShader, createGLContext, createKeyFrameMeta, createShape, createValueGetter, decimalEqual, defaultGlobalVolume, defaultPlugins, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, findPreviousRenderPass, gaussianDown_frag as gaussianDownFrag, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getColorFromGradientStops, getConfig, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getImageItemRenderInfo, getKTXTextureOptions, getKeyFrameMetaByRawValue, getMergedStore, 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, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, isWechatMiniApp, itemFrag, itemFrameFrag, itemVert, loadAVIFOptional, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, modifyMaxKeyframeShader, nearestPowerOfTwo, noop, normalizeColor, numberToFix, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, pluginLoaderMap, randomInRange, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxItemCountByGPU, setUniformValue, sortByOrder, index$1 as spec, spriteMeshShaderFromFilter, spriteMeshShaderFromRenderInfo, spriteMeshShaderIdFromRenderInfo, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecFill, vecMulCombine, version, vertexFormatType2GLType };
 //# sourceMappingURL=index.mjs.map