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

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.1.0-alpha.4
+ * Version: v2.1.0-alpha.6
  */
 
 'use strict';
@@ -3972,6 +3972,12 @@ Euler.tempMat0 = new Matrix4();
     /**
      * 节点元素
      */ ItemType["node"] = "node";
+    /**
+     * 视频元素
+     */ ItemType["video"] = "video";
+    /**
+     * 音频元素
+     */ ItemType["audio"] = "audio";
 })(ItemType || (ItemType = {}));
 /**
  * 渲染模式
@@ -4072,15 +4078,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) {
     /**
@@ -4386,6 +4383,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 = {}));
@@ -4475,10 +4474,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; },
@@ -4495,7 +4512,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,
@@ -4529,7 +4545,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();
@@ -8192,11 +8210,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){
@@ -8212,9 +8230,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);
                             }
@@ -8451,7 +8468,7 @@ var sourceOptions = {
 };
 function generateWhiteTexture(engine) {
     return Texture.create(engine, _extends({
-        id: "whitetexture00000000000000000000",
+        id: BuiltinObjectGUID.WhiteTexture,
         data: {
             width: 1,
             height: 1,
@@ -8467,7 +8484,7 @@ function generateWhiteTexture(engine) {
 }
 function generateTransparentTexture(engine) {
     return Texture.create(engine, _extends({
-        id: "transparenttexture00000000000000000000",
+        id: BuiltinObjectGUID.TransparentTexture,
         data: {
             width: 1,
             height: 1,
@@ -10826,7 +10843,7 @@ exports.Shader = /*#__PURE__*/ function(EffectsObject) {
     return Shader;
 }(EffectsObject);
 exports.Shader = __decorate([
-    effectsClass("Shader")
+    effectsClass(DataType.Shader)
 ], exports.Shader);
 
 var EFFECTS_COPY_MESH_NAME = "effects-internal-copy";
@@ -11613,7 +11630,7 @@ var valueDefine = "#ifdef SHADER_VERTEX\n#define CURVE_VALUE_TEXTURE uVCurveValu
 
 var screenMeshVert = "precision highp float;attribute vec2 aPos;varying vec2 uv;void main(){gl_Position=vec4(aPos,0.,1.0);uv=(aPos+vec2(1.0))/2.;}";
 
-var colorGradingFrag = "precision highp float;\n#define HALF_MAX 60000.0\n#define ACEScc_MIDGRAY 0.4135884\nvarying vec2 uv;uniform sampler2D _GaussianTex;uniform sampler2D _SceneTex;uniform float _BloomIntensity;uniform float _Brightness;uniform float _Saturation;uniform float _Contrast;uniform bool _UseBloom;uniform bool _UseToneMapping;uniform vec3 _VignetteColor;uniform vec2 _VignetteCenter;uniform float _VignetteIntensity;uniform float _VignetteSmoothness;uniform float _VignetteRoundness;mat3 LinearToACES=mat3(0.59719,0.07600,0.02840,0.35458,0.90834,0.13383,0.04823,0.01566,0.83777);mat3 ACESToLinear=mat3(1.60475,-0.10208,-0.00327,-0.53108,1.10813,-0.07276,-0.07367,-0.00605,1.07602);float log10(float x){return log(x)/log(10.0);}vec3 log10(vec3 v){return vec3(log10(v.x),log10(v.y),log10(v.z));}vec3 LinearToLogC(vec3 x){return 0.244161*log10(5.555556*x+0.047996)+0.386036;}vec3 LogCToLinear(vec3 x){return(pow(vec3(10.0),(x-0.386036)/0.244161)-0.047996)/5.555556;}vec3 rrt_and_odt_fit(vec3 col){vec3 a=col*(col+0.0245786)-0.000090537;vec3 b=col*(0.983729*col+0.4329510)+0.238081;return a/b;}vec3 ACESToneMapping(vec3 col){vec3 aces=LinearToACES*col;aces=rrt_and_odt_fit(aces);col=ACESToLinear*aces;return col;}vec3 LinearToSrgb(vec3 c){return mix(1.055*pow(c,vec3(1./2.4))-0.055,12.92*c,step(c,vec3(0.0031308)));}vec3 GammaCorrection(vec3 c){return pow(c,vec3(1.0/2.2));}vec3 ApplyVignette(vec3 inputColor,vec2 uv,vec2 center,float intensity,float roundness,float smoothness,vec3 color){vec2 dist=abs(uv-center)*intensity;dist.x*=roundness;float vfactor=pow(clamp((1.0-dot(dist,dist)),0.0,1.0),smoothness);return inputColor*mix(color,vec3(1.0),vfactor);}void main(){vec4 hdrColor=texture2D(_SceneTex,uv);hdrColor*=hdrColor.a;hdrColor.rgb=pow(hdrColor.rgb,vec3(2.2));vec3 finalColor=hdrColor.rgb;if(_UseBloom){vec4 bloomColor=texture2D(_GaussianTex,uv);bloomColor.rgb*=_BloomIntensity;finalColor+=bloomColor.rgb;}if(_VignetteIntensity>0.0){finalColor=ApplyVignette(finalColor,uv,_VignetteCenter,_VignetteIntensity,_VignetteRoundness,_VignetteSmoothness,_VignetteColor);}finalColor=finalColor*_Brightness;vec3 colorLog=LinearToLogC(finalColor);colorLog=(colorLog-ACEScc_MIDGRAY)*_Contrast+ACEScc_MIDGRAY;finalColor=LogCToLinear(colorLog);finalColor=max(finalColor,0.0);float luminance=0.2125*finalColor.r+0.7154*finalColor.g+0.0721*finalColor.b;vec3 luminanceColor=vec3(luminance,luminance,luminance);finalColor=(finalColor-luminanceColor)*_Saturation+luminanceColor;finalColor=max(finalColor,0.0);if(_UseToneMapping){finalColor=max(vec3(0.0),ACESToneMapping(finalColor));}gl_FragColor=vec4(clamp(GammaCorrection(finalColor),0.0,1.0),1.0);}";
+var colorGradingFrag = "precision highp float;\n#define HALF_MAX 60000.0\n#define ACEScc_MIDGRAY 0.4135884\nvarying vec2 uv;uniform sampler2D _GaussianTex;uniform sampler2D _SceneTex;uniform float _BloomIntensity;uniform float _Brightness;uniform float _Saturation;uniform float _Contrast;uniform bool _UseBloom;uniform bool _UseToneMapping;uniform vec3 _VignetteColor;uniform vec2 _VignetteCenter;uniform float _VignetteIntensity;uniform float _VignetteSmoothness;uniform float _VignetteRoundness;mat3 LinearToACES=mat3(0.59719,0.07600,0.02840,0.35458,0.90834,0.13383,0.04823,0.01566,0.83777);mat3 ACESToLinear=mat3(1.60475,-0.10208,-0.00327,-0.53108,1.10813,-0.07276,-0.07367,-0.00605,1.07602);float log10(float x){return log(x)/log(10.0);}vec3 log10(vec3 v){return vec3(log10(v.x),log10(v.y),log10(v.z));}vec3 LinearToLogC(vec3 x){return 0.244161*log10(5.555556*x+0.047996)+0.386036;}vec3 LogCToLinear(vec3 x){return(pow(vec3(10.0),(x-0.386036)/0.244161)-0.047996)/5.555556;}vec3 rrt_and_odt_fit(vec3 col){vec3 a=col*(col+0.0245786)-0.000090537;vec3 b=col*(0.983729*col+0.4329510)+0.238081;return a/b;}vec3 ACESToneMapping(vec3 col){vec3 aces=LinearToACES*col;aces=rrt_and_odt_fit(aces);col=ACESToLinear*aces;return col;}vec3 LinearToSrgb(vec3 c){return mix(1.055*pow(c,vec3(1./2.4))-0.055,12.92*c,step(c,vec3(0.0031308)));}vec3 GammaCorrection(vec3 c){return pow(c,vec3(1.0/2.2));}vec3 ApplyVignette(vec3 inputColor,vec2 uv,vec2 center,float intensity,float roundness,float smoothness,vec3 color){vec2 dist=abs(uv-center)*intensity;dist.x*=roundness;float vfactor=pow(clamp((1.0-dot(dist,dist)),0.0,1.0),smoothness);return inputColor*mix(color,vec3(1.0),vfactor);}void main(){vec4 hdrColor=texture2D(_SceneTex,uv);hdrColor.rgb=pow(hdrColor.rgb,vec3(2.2));vec3 finalColor=hdrColor.rgb;if(_UseBloom){vec4 bloomColor=texture2D(_GaussianTex,uv);bloomColor.rgb*=_BloomIntensity;finalColor+=bloomColor.rgb;}if(_VignetteIntensity>0.0){finalColor=ApplyVignette(finalColor,uv,_VignetteCenter,_VignetteIntensity,_VignetteRoundness,_VignetteSmoothness,_VignetteColor);}finalColor=finalColor*_Brightness;vec3 colorLog=LinearToLogC(finalColor);colorLog=(colorLog-ACEScc_MIDGRAY)*_Contrast+ACEScc_MIDGRAY;finalColor=LogCToLinear(colorLog);finalColor=max(finalColor,0.0);float luminance=0.2125*finalColor.r+0.7154*finalColor.g+0.0721*finalColor.b;vec3 luminanceColor=vec3(luminance,luminance,luminance);finalColor=(finalColor-luminanceColor)*_Saturation+luminanceColor;finalColor=max(finalColor,0.0);if(_UseToneMapping){finalColor=max(vec3(0.0),ACESToneMapping(finalColor));}float alpha=min(hdrColor.a,1.0);gl_FragColor=vec4(clamp(GammaCorrection(finalColor),0.0,1.0),alpha);}";
 
 var gaussianDown_frag = "precision highp float;varying vec2 uv;uniform sampler2D _MainTex;uniform vec2 _TextureSize;float GaussWeight2D(float x,float y,float sigma){float PI=3.14159265358;float E=2.71828182846;float sigma_2=pow(sigma,2.0);float a=-(x*x+y*y)/(2.0*sigma_2);return pow(E,a)/(2.0*PI*sigma_2);}vec3 GaussNxN(sampler2D tex,vec2 uv,vec2 stride,float sigma){vec3 color=vec3(0.,0.,0.);const int r=5/2;float weight=0.0;for(int i=-r;i<=r;i++){for(int j=-r;j<=r;j++){float w=GaussWeight2D(float(i),float(j),sigma);vec2 coord=uv+vec2(i,j)*stride;color+=texture2D(tex,coord).rgb*w;weight+=w;}}color/=weight;return color;}void main(){vec4 mainColor=texture2D(_MainTex,uv);vec3 color=mainColor.rgb;color=GaussNxN(_MainTex,uv,1.0/_TextureSize,1.0);gl_FragColor=vec4(color,1.0);}";
 
@@ -12911,7 +12928,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,
@@ -15815,7 +15832,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: [
@@ -15828,7 +15845,7 @@ function getGeometryTriangles(geometry, options) {
                 ]
             });
         });
-    } else if (shape.g) {
+    } else if ("g" in shape) {
         geometries.push({
             p: [
                 ValueType.SHAPE_POINTS,
@@ -16827,6 +16844,7 @@ exports.ParticleSystem = /*#__PURE__*/ function(Component) {
         });
         this.frozen = false;
         this.ended = false;
+        this.destroyed = false;
     };
     _proto.update = function update(delta) {
         var _this = this;
@@ -18137,7 +18155,9 @@ var ParticleMesh = /*#__PURE__*/ function() {
                 aPos: new Float32Array(48),
                 aRot: new Float32Array(32),
                 aOffset: new Float32Array(16),
-                aTranslation: new Float32Array(12)
+                aTranslation: new Float32Array(12),
+                aLinearMove: new Float32Array(12),
+                aRotation0: new Float32Array(36)
             };
             var useSprite = this.useSprite;
             if (useSprite) {
@@ -19113,7 +19133,7 @@ exports.TransformPlayableAsset = /*#__PURE__*/ function(PlayableAsset) {
     return TransformPlayableAsset;
 }(PlayableAsset);
 exports.TransformPlayableAsset = __decorate([
-    effectsClass("TransformPlayableAsset")
+    effectsClass(DataType.TransformPlayableAsset)
 ], exports.TransformPlayableAsset);
 /**
  * @since 2.0.0
@@ -19144,7 +19164,7 @@ exports.ActivationPlayableAsset = /*#__PURE__*/ function(PlayableAsset) {
     return ActivationPlayableAsset;
 }(PlayableAsset);
 exports.ActivationPlayableAsset = __decorate([
-    effectsClass("ActivationPlayableAsset")
+    effectsClass(DataType.ActivationPlayableAsset)
 ], exports.ActivationPlayableAsset);
 exports.AnimationClip = /*#__PURE__*/ function(EffectsObject) {
     _inherits(AnimationClip, EffectsObject);
@@ -19387,7 +19407,7 @@ __decorate([
     serialize()
 ], exports.TrackAsset.prototype, "children", void 0);
 exports.TrackAsset = __decorate([
-    effectsClass("TrackAsset")
+    effectsClass(DataType.TrackAsset)
 ], exports.TrackAsset);
 exports.TrackType = void 0;
 (function(TrackType) {
@@ -19482,7 +19502,7 @@ exports.ObjectBindingTrack = /*#__PURE__*/ function(TrackAsset1) {
     return ObjectBindingTrack;
 }(exports.TrackAsset);
 exports.ObjectBindingTrack = __decorate([
-    effectsClass("ObjectBindingTrack")
+    effectsClass(DataType.ObjectBindingTrack)
 ], exports.ObjectBindingTrack);
 
 exports.TransformTrack = /*#__PURE__*/ function(TrackAsset) {
@@ -19493,7 +19513,7 @@ exports.TransformTrack = /*#__PURE__*/ function(TrackAsset) {
     return TransformTrack;
 }(exports.TrackAsset);
 exports.TransformTrack = __decorate([
-    effectsClass("TransformTrack")
+    effectsClass(DataType.TransformTrack)
 ], exports.TransformTrack);
 
 var ActivationMixerPlayable = /*#__PURE__*/ function(Playable) {
@@ -19554,7 +19574,7 @@ exports.ActivationTrack = /*#__PURE__*/ function(TrackAsset) {
     return ActivationTrack;
 }(exports.TrackAsset);
 exports.ActivationTrack = __decorate([
-    effectsClass("ActivationTrack")
+    effectsClass(DataType.ActivationTrack)
 ], exports.ActivationTrack);
 
 exports.SpriteColorTrack = /*#__PURE__*/ function(TrackAsset) {
@@ -19565,7 +19585,7 @@ exports.SpriteColorTrack = /*#__PURE__*/ function(TrackAsset) {
     return SpriteColorTrack;
 }(exports.TrackAsset);
 exports.SpriteColorTrack = __decorate([
-    effectsClass("SpriteColorTrack")
+    effectsClass(DataType.SpriteColorTrack)
 ], exports.SpriteColorTrack);
 
 exports.TimelineAsset = /*#__PURE__*/ function(PlayableAsset) {
@@ -19602,7 +19622,7 @@ __decorate([
     serialize()
 ], exports.TimelineAsset.prototype, "tracks", void 0);
 exports.TimelineAsset = __decorate([
-    effectsClass("TimelineAsset")
+    effectsClass(DataType.TimelineAsset)
 ], exports.TimelineAsset);
 var TimelinePlayable = /*#__PURE__*/ function(Playable) {
     _inherits(TimelinePlayable, Playable);
@@ -19967,7 +19987,7 @@ exports.SubCompositionTrack = /*#__PURE__*/ function(TrackAsset) {
     return SubCompositionTrack;
 }(exports.TrackAsset);
 exports.SubCompositionTrack = __decorate([
-    effectsClass("SubCompositionTrack")
+    effectsClass(DataType.SubCompositionTrack)
 ], exports.SubCompositionTrack);
 
 var SubCompositionClipPlayable = /*#__PURE__*/ function(Playable) {
@@ -19997,7 +20017,7 @@ exports.SubCompositionPlayableAsset = /*#__PURE__*/ function(PlayableAsset) {
     return SubCompositionPlayableAsset;
 }(PlayableAsset);
 exports.SubCompositionPlayableAsset = __decorate([
-    effectsClass("SubCompositionPlayableAsset")
+    effectsClass(DataType.SubCompositionPlayableAsset)
 ], exports.SubCompositionPlayableAsset);
 
 function _possible_constructor_return(self, call) {
@@ -20817,6 +20837,1652 @@ exports.PostProcessVolume = __decorate([
     effectsClass("PostProcessVolume")
 ], exports.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;
+}
+
+exports.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: exports.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);
+exports.ShapeComponent = __decorate([
+    effectsClass("ShapeComponent")
+], exports.ShapeComponent);
+exports.ComponentShapeType = void 0;
+(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";
+})(exports.ComponentShapeType || (exports.ComponentShapeType = {}));
+exports.ShapeConnectType = void 0;
+(function(ShapeConnectType) {})(exports.ShapeConnectType || (exports.ShapeConnectType = {}));
+exports.ShapePointType = void 0;
+(function(ShapePointType) {})(exports.ShapePointType || (exports.ShapePointType = {}));
+
 var EventEmitter = function EventEmitter() {
     var _this = this;
     var _this1 = this;
@@ -21186,21 +22852,21 @@ exports.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;
     };
@@ -23944,15 +25610,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;
-}
+exports.Scene = void 0;
+(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;
+})(exports.Scene || (exports.Scene = {}));
 
 function getBackgroundImage(template, variables) {
     var templateBackground;
@@ -24077,13 +25750,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 : exports.COMPRESSED_TEXTURE.NONE;
                 timeInfos = {};
                 cancelLoading = false;
@@ -24136,81 +25808,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 (!exports.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([
@@ -24218,38 +25864,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,
@@ -24258,7 +25902,6 @@ var seed$1 = 1;
                                     storage: {},
                                     pluginSystem: pluginSystem,
                                     jsonScene: jsonScene,
-                                    usedImages: usedImages,
                                     images: loadedImages,
                                     textureOptions: loadedTextures,
                                     bins: loadedBins
@@ -24270,10 +25913,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);
@@ -24301,7 +25944,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:
@@ -24310,22 +25952,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
@@ -24337,12 +25968,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,
@@ -24350,20 +25981,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
                             }
@@ -24435,7 +26055,6 @@ var seed$1 = 1;
                                 ];
                             case 2:
                                 _state.sent();
-                                //@ts-expect-error
                                 document.fonts.add(fontFace);
                                 AssetManager.fonts.add(font.fontFamily);
                                 return [
@@ -24517,6 +26136,10 @@ var seed$1 = 1;
                                     3,
                                     3
                                 ];
+                                _this.assets[idx] = {
+                                    url: resultImage.src,
+                                    type: exports.TextureSourceType.video
+                                };
                                 return [
                                     2,
                                     resultImage
@@ -24526,6 +26149,10 @@ var seed$1 = 1;
                                 if (background && Array.isArray(url) && variables) {
                                     variables[background.name] = resultImage.src;
                                 }
+                                _this.assets[idx] = {
+                                    url: resultImage.src,
+                                    type: exports.TextureSourceType.image
+                                };
                                 return [
                                     4,
                                     combineImageTemplate(resultImage, template, variables)
@@ -24568,12 +26195,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,
@@ -24624,7 +26245,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;
@@ -24635,7 +26256,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:
@@ -24659,7 +26280,7 @@ var seed$1 = 1;
                                 ]);
                                 return [
                                     4,
-                                    deserializeMipmapTexture(textureOptions, bins, engine, jsonScene.bins)
+                                    deserializeMipmapTexture(textureOptions, bins, _this.assets, jsonScene.bins)
                                 ];
                             case 2:
                                 return [
@@ -24670,12 +26291,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
@@ -24694,9 +26315,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 === exports.TextureSourceType.compressed ? texture : _extends({}, texture, textureOptions)
@@ -24757,11 +26376,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 = [];
     };
@@ -24770,55 +26384,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: exports.TextureSourceType.image,
             sourceFrom: sourceFrom,
             keepImageSource: true,
             minFilter: glContext.LINEAR,
             magFilter: glContext.LINEAR
-        };
+        }, options);
     } else if (_instanceof1(image, HTMLVideoElement)) {
         // 视频
-        return {
+        return _extends({
             sourceType: exports.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: exports.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.");
 }
@@ -25122,11 +26725,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.");
         }
@@ -25146,7 +26750,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);
@@ -25167,11 +26770,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;
         }
@@ -25208,19 +26812,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);
         }
     };
@@ -25228,22 +26837,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]++;
@@ -25414,7 +27018,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;
@@ -25433,24 +27036,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);
@@ -25459,7 +27061,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         }));
         _this.url = scene.url;
         _this.assigned = true;
-        _this.globalTime = 0;
         _this.interactive = true;
         _this.handleItemMessage = handleItemMessage;
         _this.createRenderFrame();
@@ -25622,8 +27223,8 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
    * 重置状态函数
    */ _proto.reset = function reset() {
         this.rendererOptions = null;
-        this.globalTime = 0;
         this.rootItem.ended = false;
+        this.rootComposition.time = 0;
         this.pluginSystem.resetComposition(this, this.renderFrame);
     };
     _proto.prepareRender = function prepareRender() {
@@ -25660,9 +27261,8 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
         if (!this.assigned || this.paused) {
             return;
         }
-        var time = this.getUpdateTime(deltaTime * this.speed);
-        this.globalTime += time;
-        this.updateRootComposition();
+        var dt = this.getUpdateTime(deltaTime * this.speed);
+        this.updateRootComposition(dt / 1000);
         this.updateVideo();
         // 更新 model-tree-plugin
         this.updatePluginLoaders(deltaTime);
@@ -25671,8 +27271,8 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
             this.callAwake(this.rootItem);
             this.rootItem.beginPlay();
         }
-        this.sceneTicking.update.tick(time);
-        this.sceneTicking.lateUpdate.tick(time);
+        this.sceneTicking.update.tick(dt);
+        this.sceneTicking.lateUpdate.tick(dt);
         this.updateCamera();
         this.prepareRender();
         if (this.shouldDispose()) {
@@ -25813,9 +27413,9 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
     };
     /**
    * 更新主合成组件
-   */ _proto.updateRootComposition = function updateRootComposition() {
+   */ _proto.updateRootComposition = function updateRootComposition(deltaTime) {
         if (this.rootComposition.isActiveAndEnabled) {
-            var localTime = this.toLocalTime(this.globalTime / 1000);
+            var localTime = this.toLocalTime(this.time + deltaTime);
             this.rootComposition.time = localTime;
         }
     };
@@ -28149,7 +29749,7 @@ __decorate([
     serialize()
 ], exports.BinaryAsset.prototype, "buffer", void 0);
 exports.BinaryAsset = __decorate([
-    effectsClass("BinaryAsset")
+    effectsClass(DataType.BinaryAsset)
 ], exports.BinaryAsset);
 
 registerPlugin("camera", CameraVFXItemLoader, exports.VFXItem, true);
@@ -28158,7 +29758,7 @@ registerPlugin("sprite", SpriteLoader, exports.VFXItem, true);
 registerPlugin("particle", ParticleLoader, exports.VFXItem, true);
 registerPlugin("cal", CalculateLoader, exports.VFXItem, true);
 registerPlugin("interact", InteractLoader, exports.VFXItem, true);
-var version$1 = "2.1.0-alpha.4";
+var version$1 = "2.1.0-alpha.6";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -29557,13 +31157,14 @@ var ThreeRenderer = /*#__PURE__*/ function(Renderer) {
                         opts = _extends({
                             autoplay: true
                         }, options);
-                        if (isSceneURL(url)) {
-                            source = url.url;
-                            if (isSceneWithOptions(url)) {
+                        source = url;
+                        if (exports.Scene.isURL(url)) {
+                            if (!exports.Scene.isJSONObject(url)) {
+                                source = url.url;
+                            }
+                            if (exports.Scene.isWithOptions(url)) {
                                 opts = _extends({}, opts, url.options || {});
                             }
-                        } else {
-                            source = url;
                         }
                         if (_this.assetManager) {
                             _this.assetManager.updateOptions(opts);
@@ -29839,7 +31440,7 @@ setMaxSpriteMeshItemCount(8);
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.1.0-alpha.4";
+var version = "2.1.0-alpha.6";
 logger.info("THREEJS plugin version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;
@@ -30028,9 +31629,6 @@ exports.isIOS = isIOS;
 exports.isIOSByUA = isIOSByUA;
 exports.isMiniProgram = isMiniProgram;
 exports.isObject = isObject;
-exports.isSceneJSON = isSceneJSON;
-exports.isSceneURL = isSceneURL;
-exports.isSceneWithOptions = isSceneWithOptions;
 exports.isSimulatorCellPhone = isSimulatorCellPhone;
 exports.isString = isString;
 exports.isUniformStruct = isUniformStruct;