@galacean/effects-threejs 2.0.0-alpha.17 → 2.0.0-alpha.19

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.0.0-alpha.17
+ * Version: v2.0.0-alpha.19
  */
 
 'use strict';
@@ -288,12 +288,12 @@ function addItem(arr, value) {
         arr[index] = currentItem;
     }
 }
-function enlargeBuffer(typeArray, length, increase, maxSize) {
+function enlargeBuffer(typeArray, length, maxSize, increase) {
     if (increase === void 0) increase = 1;
     var buffer = typeArray.buffer;
     if (buffer.byteLength < typeArray.BYTES_PER_ELEMENT * length) {
         var size = Math.ceil(length * increase);
-        if (!isNaN(maxSize)) {
+        if (!Number.isNaN(maxSize)) {
             size = Math.min(size, maxSize);
         }
         var nbuffer = new ArrayBuffer(typeArray.BYTES_PER_ELEMENT * size);
@@ -778,7 +778,7 @@ function isCanvas(canvas) {
     return min + Math.random() * (max - min);
 }
 function throwDestroyedError() {
-    throw Error("destroyed item cannot be used again");
+    throw new Error("Destroyed item cannot be used again.");
 }
 function generateGUID() {
     return v4().replace(/-/g, "");
@@ -814,6 +814,17 @@ function base64ToFile(base64, filename, contentType) {
     });
     return file;
 }
+function applyMixins(derivedCtrl, baseCtrls) {
+    baseCtrls.forEach(function(baseCtrl) {
+        Object.getOwnPropertyNames(baseCtrl.prototype).forEach(function(name) {
+            var propertyDescriptor = Object.getOwnPropertyDescriptor(baseCtrl.prototype, name);
+            if (!propertyDescriptor) {
+                throw new Error("Cannot find property descriptor of class " + baseCtrl);
+            }
+            Object.defineProperty(derivedCtrl.prototype, name, propertyDescriptor);
+        });
+    });
+}
 
 function _defineProperties(target, props) {
     for(var i = 0; i < props.length; i++){
@@ -4502,7 +4513,7 @@ var effectsClassStore = {};
 function effectsClass(className) {
     return function(target, context) {
         if (effectsClassStore[className]) {
-            console.warn("Class " + className + " 重复注册");
+            console.warn("Class " + className + " is already registered.");
         }
         // TODO: three修改json dataType, 这边重复注册直接 return
         effectsClassStore[className] = target;
@@ -7370,8 +7381,8 @@ var SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_0 = "PRE_MAIN_COLOR_0";
 var SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_SIZE_0 = "PRE_MAIN_COLOR_SIZE_0";
 var PLAYER_OPTIONS_ENV_EDITOR = "editor";
 var HELP_LINK = {
-    "Filter not imported": "https://galacean.antgroup.com/effects/#/user/gasrv4ka5sacrwpg",
-    "Item duration can't be less than 0": "https://galacean.antgroup.com/effects/#/user/gasrv4ka5sacrwpg"
+    "Item duration can't be less than 0": "https://galacean.antgroup.com/effects/user/gasrv4ka5sacrwpg#AOnQS",
+    "ValueType: 21/22 is not supported": "https://galacean.antgroup.com/effects/user/gasrv4ka5sacrwpg#smO1b"
 };
 
 /**
@@ -7556,17 +7567,17 @@ var downgradeKeywords = (_obj$7 = {}, _obj$7[exports.ShaderType.vertex] = {
 }, _obj$7);
 /**
  * 生成 shader，检测到 WebGL1 上下文会降级
- * @param marcos - 宏定义数组
+ * @param macros - 宏定义数组
  * @param shader - 原始 shader 文本
  * @param shaderType - shader 类型
  * @return 去除版本号的 shader 文本
- */ function createShaderWithMarcos(marcos, shader, shaderType, level) {
+ */ function createShaderWithMacros(macros, shader, shaderType, level) {
     var ret = [];
     var header = "";
     // shader 标志宏，没有其他含义，方便不支持完全的自定义 shader 的三方引擎接入使用
     ret.push("#define GE_RUNTIME");
-    if (marcos) {
-        marcos.forEach(function(param) {
+    if (macros) {
+        macros.forEach(function(param) {
             var key = param[0], value = param[1];
             if (value === true) {
                 ret.push("#define " + key);
@@ -7675,7 +7686,7 @@ function setBlendMode(material, blendMode) {
             ];
             break;
         default:
-            console.warn("blendMode " + blendMode + " not in specification, please set blend params separately");
+            console.warn("BlendMode " + blendMode + " not in specification, please set blend params separately.");
     }
 }
 function setSideMode(material, side) {
@@ -7721,7 +7732,7 @@ function setMaskMode(material, maskMode) {
             material.stencilTest = false;
             break;
         default:
-            console.warn("maskMode " + maskMode + " not in specification, please set stencil params seperately");
+            console.warn("MaskMode " + maskMode + " not in specification, please set stencil params seperately.");
     }
 }
 
@@ -7942,7 +7953,7 @@ function _loadImage() {
             }
             // 2. 非法类型
             if (!url) {
-                throw new Error("Invalid url type: " + JSON.stringify(source));
+                throw new Error("Invalid url type: " + JSON.stringify(source) + ".");
             }
             return [
                 2,
@@ -8110,21 +8121,21 @@ function _loadMedia() {
     return _loadMedia.apply(this, arguments);
 }
 
-function deserializeMipmapTexture(texOpts, bins) {
+function deserializeMipmapTexture(textureOptions, bins, engine) {
     return _deserializeMipmapTexture.apply(this, arguments);
 }
 function _deserializeMipmapTexture() {
-    _deserializeMipmapTexture = _async_to_generator(function(texOpts, bins, files, engine) {
+    _deserializeMipmapTexture = _async_to_generator(function(textureOptions, bins, engine, files) {
         var mipmaps, target, loadedMipmaps, _iterator, _step, level, newLevel, _iterator1, _step1, face, loadedImageAsset, mipmaps1, target1, jobs, loadedMipmaps1, bin;
         return __generator(this, function(_state) {
             switch(_state.label){
                 case 0:
                     if (files === void 0) files = [];
-                    if (!(texOpts.target === 34067)) return [
+                    if (!(textureOptions.target === 34067)) return [
                         3,
                         1
                     ];
-                    mipmaps = texOpts.mipmaps, target = texOpts.target;
+                    mipmaps = textureOptions.mipmaps, target = textureOptions.target;
                     // const jobs = mipmaps.map(mipmap => Promise.all(mipmap.map(pointer => loadMipmapImage(pointer, bins))));
                     loadedMipmaps = [];
                     for(_iterator = _create_for_of_iterator_helper_loose(mipmaps); !(_step = _iterator()).done;){
@@ -8144,7 +8155,7 @@ function _deserializeMipmapTexture() {
                         2,
                         _extends({
                             keepImageSource: false
-                        }, texOpts, {
+                        }, textureOptions, {
                             mipmaps: loadedMipmaps,
                             sourceFrom: {
                                 target: target,
@@ -8155,7 +8166,7 @@ function _deserializeMipmapTexture() {
                     ];
                 case 1:
                     // TODO: 补充测试用例
-                    mipmaps1 = texOpts.mipmaps, target1 = texOpts.target;
+                    mipmaps1 = textureOptions.mipmaps, target1 = textureOptions.target;
                     jobs = mipmaps1.map(function(pointer) {
                         return loadMipmapImage(pointer, bins);
                     });
@@ -8170,7 +8181,7 @@ function _deserializeMipmapTexture() {
                         2,
                         _extends({
                             keepImageSource: false
-                        }, texOpts, {
+                        }, textureOptions, {
                             mipmaps: loadedMipmaps1,
                             sourceType: exports.TextureSourceType.mipmaps,
                             sourceFrom: {
@@ -8205,7 +8216,7 @@ function _loadMipmapImage() {
             _pointer_ = pointer[1], index = _pointer_[0], start = _pointer_[1], length = _pointer_[2];
             bin = bins[index];
             if (!bin) {
-                throw new Error("invalid bin pointer: " + JSON.stringify(pointer));
+                throw new Error("Invalid bin pointer: " + JSON.stringify(pointer) + ".");
             }
             return [
                 2,
@@ -8409,7 +8420,7 @@ var KTXTexture = /*#__PURE__*/ function() {
         // 0xAB, 0x4B, 0x54, 0x58, 0x20, 0x31, 0x31, 0xBB, 0x0D, 0x0A, 0x1A, 0x0A
         var identifier = new Uint8Array(this.arrayBuffer, this.baseOffset, 12);
         if (identifier[0] !== 0xab || identifier[1] !== 0x4b || identifier[2] !== 0x54 || identifier[3] !== 0x58 || identifier[4] !== 0x20 || identifier[5] !== 0x31 || identifier[6] !== 0x31 || identifier[7] !== 0xbb || identifier[8] !== 0x0d || identifier[9] !== 0x0a || identifier[10] !== 0x1a || identifier[11] !== 0x0a) {
-            throw Error("texture missing KTX identifier");
+            throw new Error("Texture missing KTX identifier.");
         }
         // load the reset of the header in native 32 bit uint
         var dataSize = Uint32Array.BYTES_PER_ELEMENT;
@@ -8431,15 +8442,15 @@ var KTXTexture = /*#__PURE__*/ function() {
         // value of zero is an indication to generate mipmaps @ runtime.  Not usually allowed for compressed, so disregard.
         this.numberOfMipmapLevels = Math.max(1, this.numberOfMipmapLevels);
         if (this.pixelHeight === 0 || this.pixelDepth !== 0) {
-            logger.warn("Only 2D textures currently supported");
+            logger.warn("Only 2D textures currently supported.");
             return;
         }
         if (this.numberOfArrayElements !== 0) {
-            logger.warn("Texture arrays not currently supported");
+            logger.warn("Texture arrays not currently supported.");
             return;
         }
         if (this.numberOfFaces !== facesExpected) {
-            logger.warn("Number of faces expected" + facesExpected + ", but found " + this.numberOfFaces);
+            logger.warn("Number of faces expected " + facesExpected + ", but found " + this.numberOfFaces + ".");
             return;
         }
         // we now have a completely validated file, so could use existence of loadType as success
@@ -8527,7 +8538,7 @@ var TextureFactory = /*#__PURE__*/ function() {
                             3
                         ];
                     case 2:
-                        throw new Error("No source from");
+                        throw new Error("No source from.");
                     case 3:
                         return [
                             2
@@ -8771,7 +8782,7 @@ var TextureFactory = /*#__PURE__*/ function() {
                             })
                         ];
                     case 17:
-                        throw new Error("Invalid resource type: " + type);
+                        throw new Error("Invalid resource type: " + type + ".");
                 }
             });
         })();
@@ -9702,19 +9713,19 @@ function buildEasingCurve(leftKeyframe, rightKeyframe) {
         y2 = numberToFix((p2.y - p0.y) / valueInterval, 5);
     }
     if (x1 < 0) {
-        console.error("invalid bezier points, x1 < 0", p0, p1, p2, p3);
+        console.error("Invalid bezier points, x1 < 0", p0, p1, p2, p3);
         x1 = 0;
     }
     if (x2 < 0) {
-        console.error("invalid bezier points, x2 < 0", p0, p1, p2, p3);
+        console.error("Invalid bezier points, x2 < 0", p0, p1, p2, p3);
         x2 = 0;
     }
     if (x1 > 1) {
-        console.error("invalid bezier points, x1 >= 1", p0, p1, p2, p3);
+        console.error("Invalid bezier points, x1 >= 1", p0, p1, p2, p3);
         x1 = 1;
     }
     if (x2 > 1) {
-        console.error("invalid bezier points, x2 >= 1", p0, p1, p2, p3);
+        console.error("Invalid bezier points, x2 >= 1", p0, p1, p2, p3);
         x2 = 1;
     }
     var str = ("bez_" + x1 + "_" + y1 + "_" + x2 + "_" + y2).replace(/\./g, "p");
@@ -9895,31 +9906,31 @@ var ValueGetter = /*#__PURE__*/ function() {
     }
     var _proto = ValueGetter.prototype;
     _proto.onCreate = function onCreate(props) {
-        throw Error(NOT_IMPLEMENT);
+        throw new Error(NOT_IMPLEMENT);
     };
     _proto.getIntegrateValue = function getIntegrateValue(t0, t1, timeScale) {
-        throw Error(NOT_IMPLEMENT);
+        throw new Error(NOT_IMPLEMENT);
     };
     _proto.getIntegrateByTime = function getIntegrateByTime(t0, time) {
-        throw Error(NOT_IMPLEMENT);
+        throw new Error(NOT_IMPLEMENT);
     };
     _proto.getValue = function getValue(time) {
-        throw Error(NOT_IMPLEMENT);
+        throw new Error(NOT_IMPLEMENT);
     };
     _proto.getMaxTime = function getMaxTime() {
-        throw Error(NOT_IMPLEMENT);
+        throw new Error(NOT_IMPLEMENT);
     };
     _proto.toUniform = function toUniform(meta) {
-        throw Error(NOT_IMPLEMENT);
+        throw new Error(NOT_IMPLEMENT);
     };
     _proto.map = function map(func) {
-        throw Error(NOT_IMPLEMENT);
+        throw new Error(NOT_IMPLEMENT);
     };
     _proto.scaleXCoord = function scaleXCoord(scale) {
         return this;
     };
     _proto.toData = function toData() {
-        throw Error(NOT_IMPLEMENT);
+        throw new Error(NOT_IMPLEMENT);
     };
     ValueGetter.getAllData = function getAllData(meta, halfFloat) {
         var ret = new (halfFloat ? Float16ArrayWrapper : Float32Array)(meta.index * 4);
@@ -9963,6 +9974,9 @@ var StaticValue = /*#__PURE__*/ function(ValueGetter) {
         this.value = func(val);
         return this;
     };
+    _proto.getMaxTime = function getMaxTime() {
+        return 0;
+    };
     return StaticValue;
 }(ValueGetter);
 var RandomSetValue = /*#__PURE__*/ function(ValueGetter) {
@@ -10616,7 +10630,7 @@ function createValueGetter(args) {
     if (isFunction(map$1[args[0]])) {
         return map$1[args[0]](args[1]);
     } else {
-        throw new Error("ValueType: " + args[0] + " is not support");
+        throw new Error("ValueType: " + args[0] + " is not supported, see " + HELP_LINK["ValueType: 21/22 is not supported"] + ".");
     }
 }
 function lineSegIntegrate(t, t0, t1, y0, y1) {
@@ -10760,7 +10774,7 @@ function createCopyShader(level, writeDepth) {
         vertex: version + "\n" + COPY_VERTEX_SHADER,
         fragment: version + "\n" + COPY_FRAGMENT_SHADER,
         glslVersion: webgl2 ? exports.GLSLVersion.GLSL3 : exports.GLSLVersion.GLSL1,
-        marcos: [
+        macros: [
             [
                 "WEBGL2",
                 !!webgl2
@@ -10833,7 +10847,7 @@ var PassTextureCache = /*#__PURE__*/ function() {
         var refCount = this.textureRef[id];
         if (refCount <= 1) {
             if (refCount < 0) {
-                console.error("ref count < 0");
+                console.error("Ref count < 0.");
             }
             var tex = this.textureCache[id];
             if (tex) {
@@ -11511,21 +11525,21 @@ var seed$7 = 1;
     return RenderPass;
 }();
 
-var blend = "vec4 blendColor(vec4 color,vec4 vc,float mode){vec4 ret=color*vc;\n#ifdef PRE_MULTIPLY_ALPHA\nfloat alpha=vc.a;\n#else\nfloat alpha=ret.a;\n#endif\nif(mode==1.){ret.rgb*=alpha;}else if(mode==2.){ret.rgb*=alpha;ret.a=dot(ret.rgb,vec3(0.33333333));}else if(mode==3.){alpha=color.r*alpha;ret=vec4(vc.rgb*alpha,alpha);}return ret;}";
+var blend = "vec4 blendColor(vec4 color,vec4 vc,float mode){vec4 ret=color*vc;float alpha=ret.a;if(mode==1.){ret.rgb*=alpha;}else if(mode==2.){ret.rgb*=alpha;ret.a=dot(ret.rgb,vec3(0.33333333));}else if(mode==3.){alpha=color.r*alpha;ret=vec4(vc.rgb*alpha,alpha);}return ret;}";
 
 var compatible_frag = "#version 300 es\n#ifdef WEBGL2\n#define texture2D texture\n#define textureCube texture\n#define textureCubeLodEXT textureLod\nlayout(location=0)out vec4 fragColor;\n#else\n#define fragColor gl_FragColor\n#endif\n";
 
 var compatible_vert = "#version 300 es\n#ifdef WEBGL2\n#define texture2D texture\n#else\n#endif\n";
 
-var itemFrameFrag = "#version 300 es\nprecision highp float;\n#version 300 es\n#ifdef WEBGL2\n#define texture2D texture\n#define textureCube texture\n#define textureCubeLodEXT textureLod\nlayout(location=0)out vec4 fragColor;\n#else\n#define fragColor gl_FragColor\n#endif\nvec4 blendColor(vec4 color,vec4 vc,float mode){vec4 ret=color*vc;\n#ifdef PRE_MULTIPLY_ALPHA\nfloat alpha=vc.a;\n#else\nfloat alpha=ret.a;\n#endif\nif(mode==1.){ret.rgb*=alpha;}else if(mode==2.){ret.rgb*=alpha;ret.a=dot(ret.rgb,vec3(0.33333333));}else if(mode==3.){alpha=color.r*alpha;ret=vec4(vc.rgb*alpha,alpha);}return ret;}in vec4 vColor;in vec4 vTexCoord;in highp vec2 vParams;uniform vec3 uFrameColor;void main(){fragColor=vec4(uFrameColor.xyz,1.0);}";
+var itemFrameFrag = "#version 300 es\nprecision highp float;\n#version 300 es\n#ifdef WEBGL2\n#define texture2D texture\n#define textureCube texture\n#define textureCubeLodEXT textureLod\nlayout(location=0)out vec4 fragColor;\n#else\n#define fragColor gl_FragColor\n#endif\nvec4 blendColor(vec4 color,vec4 vc,float mode){vec4 ret=color*vc;float alpha=ret.a;if(mode==1.){ret.rgb*=alpha;}else if(mode==2.){ret.rgb*=alpha;ret.a=dot(ret.rgb,vec3(0.33333333));}else if(mode==3.){alpha=color.r*alpha;ret=vec4(vc.rgb*alpha,alpha);}return ret;}in vec4 vColor;in vec4 vTexCoord;in highp vec2 vParams;uniform vec3 uFrameColor;void main(){fragColor=vec4(uFrameColor.xyz,1.0);}";
 
 var integrate = "float calculateMovement(float t,vec2 p1,vec2 p2,vec2 p3,vec2 p4){float movement=0.0;float h=(t-p1.x)*0.05;for(int i=0;i<=20;i++){float t=float(i)*h;float nt=binarySearchT(t,p1.x,p2.x,p3.x,p4.x);float y=cubicBezier(nt,p1.y,p2.y,p3.y,p4.y);float weight=(i==0||i==20)? 1.0 :(mod(float(i),2.)!=0.)? 4.0 : 2.0;movement+=weight*y;}movement*=h/3.;return movement;}float integrateFromBezierCurveFrames(float time,float frameStart,float frameCount){int start=int(frameStart);int count=int(frameCount-1.);float ret=0.;for(int i=0;i<ITR_END;i+=2){vec4 k0=lookup_curve(i+start);vec4 k1=lookup_curve(i+1+start);if(i==0&&time<k0.x){return ret;}vec2 p1=vec2(k0.x,k0.y);vec2 p2=vec2(k0.z,k0.w);vec2 p3=vec2(k1.z,k1.w);vec2 p4=vec2(k1.x,k1.y);if(time>=k1.x){ret+=calculateMovement(k1.x,p1,p2,p3,p4);}if(time>=k0.x&&time<k1.x){return ret+calculateMovement(time,p1,p2,p3,p4);}}return ret;}float integrateByTimeLineSeg(float t,vec2 p0,vec2 p1){float t0=p0.x;float t1=p1.x;float y0=p0.y;float y1=p1.y;vec4 tSqr=vec4(t,t,t0,t0);tSqr=tSqr*tSqr;vec4 a=vec4(2.*t,3.,-t0,3.)*tSqr;float t1y0=t1*y0;vec4 b=vec4(y0-y1,t0*y1-t1y0,2.*y0+y1,t1y0);float r=dot(a,b);return r/(t0-t1)*0.16666667;}float integrateLineSeg(float time,vec2 p0,vec2 p1){float h=time-p0.x;float y0=p0.y;return(y0+y0+(p1.y-y0)*h/(p1.x-p0.x))*h/2.;}float integrateFromLineSeg(float time,float frameStart,float frameCount){if(time==0.){return 0.;}int start=int(frameStart);int count=int(frameCount-1.);float ret=0.;for(int i=0;i<ITR_END;i++){if(i>count){return ret;}vec4 ks=lookup_curve(i+start);vec2 k0=ks.xy;vec2 k1=ks.zw;if(time>k0.x&&time<=k1.x){return ret+integrateLineSeg(time,k0,k1);}ret+=integrateLineSeg(k1.x,k0,k1);vec2 k2=lookup_curve(i+start+1).xy;if(time>k1.x&&time<=k2.x){return ret+integrateLineSeg(time,k1,k2);}ret+=integrateLineSeg(k2.x,k1,k2);}return ret;}float integrateByTimeFromLineSeg(float time,float frameStart,float frameCount){if(time==0.){return 0.;}int start=int(frameStart);int count=int(frameCount-1.);float ret=0.;for(int i=0;i<ITR_END;i++){if(i>count){return ret;}vec4 ks=lookup_curve(i+start);vec2 k0=ks.xy;vec2 k1=ks.zw;if(time>k0.x&&time<=k1.x){return ret+integrateByTimeLineSeg(time,k0,k1);}ret+=integrateByTimeLineSeg(k1.x,k0,k1);vec2 k2=lookup_curve(i+start+1).xy;if(time>k1.x&&time<=k2.x){return ret+integrateByTimeLineSeg(time,k1,k2);}ret+=integrateByTimeLineSeg(k2.x,k1,k2);}return ret;}float getIntegrateFromTime0(float t1,vec4 value){float type=value.x;if(type==0.){return value.y*t1;}if(type==1.){vec2 p0=vec2(0.,value.y);vec2 p1=vec2(value.w,value.z);return integrateLineSeg(t1,p0,p1);}if(type==3.){return integrateFromLineSeg(t1,value.y,value.z);}if(type==4.){return mix(value.y,value.z,aSeed)*t1;}if(type==5.){return integrateFromBezierCurveFrames(t1,value.z,value.w);}return 0.;}float getIntegrateByTimeFromTime(float t0,float t1,vec4 value){float type=value.x;if(type==0.){return value.y*(t1*t1-t0*t0)/2.;}else if(type==1.){vec2 p0=vec2(0.,value.y);vec2 p1=vec2(value.w,value.z);return integrateByTimeLineSeg(t1,p0,p1)-integrateByTimeLineSeg(t0,p0,p1);}if(type==3.){return integrateByTimeFromLineSeg(t1,value.y,value.z)-integrateByTimeFromLineSeg(t0,value.y,value.z);}if(type==4.){return mix(value.y,value.z,aSeed)*(t1*t1-t0*t0)/2.;}if(type==5.){return integrateFromBezierCurveFrames(t1,value.z,value.w)-integrateFromBezierCurveFrames(t0,value.z,value.w);}return 0.;}";
 
 var itemVert = "precision highp float;attribute vec2 atlasOffset;attribute vec3 aPos;varying vec2 vTexCoord;varying vec3 vParams;varying vec4 vColor;uniform vec2 _Size;uniform vec4 _Color;uniform vec4 _TexParams;uniform vec4 _TexOffset;uniform mat4 effects_MatrixVP;uniform mat4 effects_MatrixInvV;uniform mat4 effects_ObjectToWorld;\n#ifdef ENV_EDITOR\nuniform vec4 uEditorTransform;\n#endif\nvoid main(){vec4 texParams=_TexParams;vTexCoord=vec2(atlasOffset.xy*_TexOffset.zw+_TexOffset.xy);vColor=_Color;vParams=vec3(0.0,texParams.y,texParams.x);vec4 pos=vec4(aPos.xy*_Size,aPos.z,1.0);gl_Position=effects_MatrixVP*effects_ObjectToWorld*pos;\n#ifdef ENV_EDITOR\ngl_Position=vec4(gl_Position.xy*uEditorTransform.xy+uEditorTransform.zw*gl_Position.w,gl_Position.zw);\n#endif\n}";
 
-var itemFrag = "precision highp float;varying vec4 vColor;varying vec2 vTexCoord;varying vec3 vParams;uniform sampler2D uSampler0;vec4 blendColor(vec4 color,vec4 vc,float mode){vec4 ret=color*vc;\n#ifdef PRE_MULTIPLY_ALPHA\nfloat alpha=vc.a;\n#else\nfloat alpha=ret.a;\n#endif\nif(mode==1.){ret.rgb*=alpha;}else if(mode==2.){ret.rgb*=alpha;ret.a=dot(ret.rgb,vec3(0.33333333));}else if(mode==3.){alpha=color.r*alpha;ret=vec4(vc.rgb*alpha,alpha);}return ret;}void main(){vec4 color=vec4(0.);vec4 texColor=texture2D(uSampler0,vTexCoord.xy);color=blendColor(texColor,vColor,floor(0.5+vParams.y));if(vParams.z==0.&&color.a<0.04){discard;}color.a=clamp(color.a,0.0,1.0);gl_FragColor=color;}";
+var itemFrag = "precision highp float;varying vec4 vColor;varying vec2 vTexCoord;varying vec3 vParams;uniform sampler2D uSampler0;vec4 blendColor(vec4 color,vec4 vc,float mode){vec4 ret=color*vc;float alpha=ret.a;if(mode==1.){ret.rgb*=alpha;}else if(mode==2.){ret.rgb*=alpha;ret.a=dot(ret.rgb,vec3(0.33333333));}else if(mode==3.){alpha=color.r*alpha;ret=vec4(vc.rgb*alpha,alpha);}return ret;}void main(){vec4 color=vec4(0.);vec4 texColor=texture2D(uSampler0,vTexCoord.xy);color=blendColor(texColor,vColor,floor(0.5+vParams.y));if(vParams.z==0.&&color.a<0.04){discard;}color.a=clamp(color.a,0.0,1.0);gl_FragColor=color;}";
 
-var particleFrag = "#version 300 es\nprecision mediump float;\n#version 300 es\n#ifdef WEBGL2\n#define texture2D texture\n#define textureCube texture\n#define textureCubeLodEXT textureLod\nlayout(location=0)out vec4 fragColor;\n#else\n#define fragColor gl_FragColor\n#endif\nvec4 blendColor(vec4 color,vec4 vc,float mode){vec4 ret=color*vc;\n#ifdef PRE_MULTIPLY_ALPHA\nfloat alpha=vc.a;\n#else\nfloat alpha=ret.a;\n#endif\nif(mode==1.){ret.rgb*=alpha;}else if(mode==2.){ret.rgb*=alpha;ret.a=dot(ret.rgb,vec3(0.33333333));}else if(mode==3.){alpha=color.r*alpha;ret=vec4(vc.rgb*alpha,alpha);}return ret;}\n#define PATICLE_SHADER 1\nin float vLife;in vec2 vTexCoord;in vec4 vColor;uniform vec3 emissionColor;uniform float emissionIntensity;uniform sampler2D uMaskTex;uniform vec4 uColorParams;uniform vec2 uTexOffset;\n#ifdef COLOR_OVER_LIFETIME\nuniform sampler2D uColorOverLifetime;\n#endif\n#ifdef USE_SPRITE\nin vec4 vTexCoordBlend;\n#endif\nin float vSeed;\n#ifdef PREVIEW_BORDER\nuniform vec4 uPreviewColor;\n#endif\n#ifdef USE_SPRITE\nvec4 getTextureColor(sampler2D tex,vec2 texCoord){if(vTexCoordBlend.w>0.){return mix(texture2D(tex,texCoord),texture2D(tex,vTexCoordBlend.xy+texCoord),vTexCoordBlend.z);}return texture2D(tex,texCoord);}\n#else\n#define getTextureColor texture2D\n#endif\n#ifndef WEBGL2\n#define round(a) floor(0.5+a)\n#endif\n#ifdef PREVIEW_BORDER\nvoid main(){fragColor=uPreviewColor;}\n#else\nvoid main(){vec4 color=vec4(1.0);vec4 tempColor=vColor;vec2 texOffset=uTexOffset;if(vLife<0.){discard;}if(uColorParams.x>0.0){color=getTextureColor(uMaskTex,vTexCoord);}\n#ifdef COLOR_OVER_LIFETIME\n#ifndef ENABLE_VERTEX_TEXTURE\ntempColor*=texture2D(uColorOverLifetime,vec2(vLife,0.));\n#endif\n#endif\ncolor=blendColor(color,tempColor,round(uColorParams.y));if(color.a<=0.01&&uColorParams.w>0.){float _at=texture2D(uMaskTex,vTexCoord+texOffset).a+texture2D(uMaskTex,vTexCoord+texOffset*-1.).a;if(_at<=0.02){discard;}}vec3 emission=emissionColor*pow(2.0,emissionIntensity);color=vec4(pow(pow(color.rgb,vec3(2.2))+emission,vec3(1.0/2.2)),color.a);fragColor=color;}\n#endif\n";
+var particleFrag = "#version 300 es\nprecision mediump float;\n#version 300 es\n#ifdef WEBGL2\n#define texture2D texture\n#define textureCube texture\n#define textureCubeLodEXT textureLod\nlayout(location=0)out vec4 fragColor;\n#else\n#define fragColor gl_FragColor\n#endif\nvec4 blendColor(vec4 color,vec4 vc,float mode){vec4 ret=color*vc;float alpha=ret.a;if(mode==1.){ret.rgb*=alpha;}else if(mode==2.){ret.rgb*=alpha;ret.a=dot(ret.rgb,vec3(0.33333333));}else if(mode==3.){alpha=color.r*alpha;ret=vec4(vc.rgb*alpha,alpha);}return ret;}\n#define PATICLE_SHADER 1\nin float vLife;in vec2 vTexCoord;in vec4 vColor;uniform vec3 emissionColor;uniform float emissionIntensity;uniform sampler2D uMaskTex;uniform vec4 uColorParams;uniform vec2 uTexOffset;\n#ifdef COLOR_OVER_LIFETIME\nuniform sampler2D uColorOverLifetime;\n#endif\n#ifdef USE_SPRITE\nin vec4 vTexCoordBlend;\n#endif\nin float vSeed;\n#ifdef PREVIEW_BORDER\nuniform vec4 uPreviewColor;\n#endif\n#ifdef USE_SPRITE\nvec4 getTextureColor(sampler2D tex,vec2 texCoord){if(vTexCoordBlend.w>0.){return mix(texture2D(tex,texCoord),texture2D(tex,vTexCoordBlend.xy+texCoord),vTexCoordBlend.z);}return texture2D(tex,texCoord);}\n#else\n#define getTextureColor texture2D\n#endif\n#ifndef WEBGL2\n#define round(a) floor(0.5+a)\n#endif\n#ifdef PREVIEW_BORDER\nvoid main(){fragColor=uPreviewColor;}\n#else\nvoid main(){vec4 color=vec4(1.0);vec4 tempColor=vColor;vec2 texOffset=uTexOffset;if(vLife<0.){discard;}if(uColorParams.x>0.0){color=getTextureColor(uMaskTex,vTexCoord);}\n#ifdef COLOR_OVER_LIFETIME\n#ifndef ENABLE_VERTEX_TEXTURE\ntempColor*=texture2D(uColorOverLifetime,vec2(vLife,0.));\n#endif\n#endif\ncolor=blendColor(color,tempColor,round(uColorParams.y));if(color.a<=0.01&&uColorParams.w>0.){float _at=texture2D(uMaskTex,vTexCoord+texOffset).a+texture2D(uMaskTex,vTexCoord+texOffset*-1.).a;if(_at<=0.02){discard;}}vec3 emission=emissionColor*pow(2.0,emissionIntensity);color=vec4(pow(pow(color.rgb,vec3(2.2))+emission,vec3(1.0/2.2)),color.a);fragColor=color;}\n#endif\n";
 
 var particleVert = "#version 300 es\nprecision mediump float;\n#define SHADER_VERTEX 1\n#define PATICLE_SHADER 1\n#version 300 es\n#ifdef WEBGL2\n#define texture2D texture\n#else\n#endif\n#ifdef SHADER_VERTEX\n#define CURVE_VALUE_TEXTURE uVCurveValueTexture\n#define CURVE_VALUE_ARRAY uVCurveValues\n#define CURVE_VALUE_COUNT VERT_CURVE_VALUE_COUNT\n#define FRAG_CURVE_VALUE_COUNT 0\n#else\n#define CURVE_VALUE_TEXTURE uFCurveValueTexture\n#define CURVE_VALUE_ARRAY uFCurveValues\n#define CURVE_VALUE_COUNT FRAG_CURVE_VALUE_COUNT\n#define VERT_CURVE_VALUE_COUNT 0\n#endif\n#if CURVE_VALUE_COUNT > 0\n#if LOOKUP_TEXTURE_CURVE\nuniform sampler2D CURVE_VALUE_TEXTURE;const float uCurveCount=1./float(CURVE_VALUE_COUNT);\n#define lookup_curve(i) texture2D(CURVE_VALUE_TEXTURE,vec2(float(i) * uCurveCount,0.))\n#else\nuniform vec4 CURVE_VALUE_ARRAY[CURVE_VALUE_COUNT];\n#define lookup_curve(i) CURVE_VALUE_ARRAY[i]\n#endif\n#else\n#define lookup_curve(i) vec4(0.)\n#endif\n#ifdef WEBGL2\n#define ITR_END (count + 1)\n#else\n#define ITR_END MAX_C\n#endif\n#define NONE_CONST_INDEX 1\n#ifdef SHADER_VERTEX\nin float aSeed;out float vSeed;\n#endif\n#ifdef SHADER_VERTEX\n#define MAX_C VERT_MAX_KEY_FRAME_COUNT\n#else\n#define MAX_C FRAG_MAX_KEY_FRAME_COUNT\n#endif\nmat4 cubicBezierMatrix=mat4(1.0,-3.0,3.0,-1.0,0.0,3.0,-6.0,3.0,0.0,0.0,3.0,-3.0,0.0,0.0,0.0,1.0);float cubicBezier(float t,float y1,float y2,float y3,float y4){vec4 tVec=vec4(1.0,t,t*t,t*t*t);vec4 yVec=vec4(y1,y2,y3,y4);vec4 result=tVec*cubicBezierMatrix*yVec;return result.x+result.y+result.z+result.w;}float binarySearchT(float x,float x1,float x2,float x3,float x4){float left=0.0;float right=1.0;float mid=0.0;float computedX;for(int i=0;i<8;i++){mid=(left+right)*0.5;computedX=cubicBezier(mid,x1,x2,x3,x4);if(abs(computedX-x)<0.0001){break;}else if(computedX>x){right=mid;}else{left=mid;}}return mid;}float valueFromBezierCurveFrames(float time,float frameStart,float frameCount){int start=int(frameStart);int count=int(frameCount-1.);for(int i=0;i<ITR_END;i+=2){if(i>=count){break;}vec4 k0=lookup_curve(i+start);vec4 k1=lookup_curve(i+1+start);if(i==0&&time<k0.x){return k0.y;}if(i==int(frameCount-2.)&&time>=k1.x){return k1.y;}if(time>=k0.x&&time<=k1.x){float t=(time-k0.x)/(k1.x-k0.x);float nt=binarySearchT(time,k0.x,k0.z,k1.z,k1.x);return cubicBezier(nt,k0.y,k0.w,k1.w,k1.y);}}}float evaluteLineSeg(float t,vec2 p0,vec2 p1){return p0.y+(p1.y-p0.y)*(t-p0.x)/(p1.x-p0.x);}float valueFromLineSegs(float time,float frameStart,float frameCount){int start=int(frameStart);int count=int(frameCount-1.);int end=start+count;for(int i=0;i<ITR_END;i++){if(i>count){return lookup_curve(i).w;}vec4 seg=lookup_curve(i+start);vec2 p0=seg.xy;vec2 p1=seg.zw;if(time>=p0.x&&time<=p1.x){return evaluteLineSeg(time,p0,p1);}vec2 p2=lookup_curve(i+start+1).xy;if(time>p1.x&&time<=p2.x){return evaluteLineSeg(time,p1,p2);}}return lookup_curve(0).y;}float getValueFromTime(float time,vec4 value){float type=value.x;if(type==0.){return value.y;}if(type==1.){return mix(value.y,value.z,time/value.w);}if(type==3.){return valueFromLineSegs(time,value.y,value.z);}if(type==4.){return mix(value.y,value.z,aSeed);}if(type==5.){return valueFromBezierCurveFrames(time,value.z,value.w);}return 0.;}float calculateMovement(float t,vec2 p1,vec2 p2,vec2 p3,vec2 p4){float movement=0.0;float h=(t-p1.x)*0.05;for(int i=0;i<=20;i++){float t=float(i)*h;float nt=binarySearchT(t,p1.x,p2.x,p3.x,p4.x);float y=cubicBezier(nt,p1.y,p2.y,p3.y,p4.y);float weight=(i==0||i==20)? 1.0 :(mod(float(i),2.)!=0.)? 4.0 : 2.0;movement+=weight*y;}movement*=h/3.;return movement;}float integrateFromBezierCurveFrames(float time,float frameStart,float frameCount){int start=int(frameStart);int count=int(frameCount-1.);float ret=0.;for(int i=0;i<ITR_END;i+=2){vec4 k0=lookup_curve(i+start);vec4 k1=lookup_curve(i+1+start);if(i==0&&time<k0.x){return ret;}vec2 p1=vec2(k0.x,k0.y);vec2 p2=vec2(k0.z,k0.w);vec2 p3=vec2(k1.z,k1.w);vec2 p4=vec2(k1.x,k1.y);if(time>=k1.x){ret+=calculateMovement(k1.x,p1,p2,p3,p4);}if(time>=k0.x&&time<k1.x){return ret+calculateMovement(time,p1,p2,p3,p4);}}return ret;}float integrateByTimeLineSeg(float t,vec2 p0,vec2 p1){float t0=p0.x;float t1=p1.x;float y0=p0.y;float y1=p1.y;vec4 tSqr=vec4(t,t,t0,t0);tSqr=tSqr*tSqr;vec4 a=vec4(2.*t,3.,-t0,3.)*tSqr;float t1y0=t1*y0;vec4 b=vec4(y0-y1,t0*y1-t1y0,2.*y0+y1,t1y0);float r=dot(a,b);return r/(t0-t1)*0.16666667;}float integrateLineSeg(float time,vec2 p0,vec2 p1){float h=time-p0.x;float y0=p0.y;return(y0+y0+(p1.y-y0)*h/(p1.x-p0.x))*h/2.;}float integrateFromLineSeg(float time,float frameStart,float frameCount){if(time==0.){return 0.;}int start=int(frameStart);int count=int(frameCount-1.);float ret=0.;for(int i=0;i<ITR_END;i++){if(i>count){return ret;}vec4 ks=lookup_curve(i+start);vec2 k0=ks.xy;vec2 k1=ks.zw;if(time>k0.x&&time<=k1.x){return ret+integrateLineSeg(time,k0,k1);}ret+=integrateLineSeg(k1.x,k0,k1);vec2 k2=lookup_curve(i+start+1).xy;if(time>k1.x&&time<=k2.x){return ret+integrateLineSeg(time,k1,k2);}ret+=integrateLineSeg(k2.x,k1,k2);}return ret;}float integrateByTimeFromLineSeg(float time,float frameStart,float frameCount){if(time==0.){return 0.;}int start=int(frameStart);int count=int(frameCount-1.);float ret=0.;for(int i=0;i<ITR_END;i++){if(i>count){return ret;}vec4 ks=lookup_curve(i+start);vec2 k0=ks.xy;vec2 k1=ks.zw;if(time>k0.x&&time<=k1.x){return ret+integrateByTimeLineSeg(time,k0,k1);}ret+=integrateByTimeLineSeg(k1.x,k0,k1);vec2 k2=lookup_curve(i+start+1).xy;if(time>k1.x&&time<=k2.x){return ret+integrateByTimeLineSeg(time,k1,k2);}ret+=integrateByTimeLineSeg(k2.x,k1,k2);}return ret;}float getIntegrateFromTime0(float t1,vec4 value){float type=value.x;if(type==0.){return value.y*t1;}if(type==1.){vec2 p0=vec2(0.,value.y);vec2 p1=vec2(value.w,value.z);return integrateLineSeg(t1,p0,p1);}if(type==3.){return integrateFromLineSeg(t1,value.y,value.z);}if(type==4.){return mix(value.y,value.z,aSeed)*t1;}if(type==5.){return integrateFromBezierCurveFrames(t1,value.z,value.w);}return 0.;}float getIntegrateByTimeFromTime(float t0,float t1,vec4 value){float type=value.x;if(type==0.){return value.y*(t1*t1-t0*t0)/2.;}else if(type==1.){vec2 p0=vec2(0.,value.y);vec2 p1=vec2(value.w,value.z);return integrateByTimeLineSeg(t1,p0,p1)-integrateByTimeLineSeg(t0,p0,p1);}if(type==3.){return integrateByTimeFromLineSeg(t1,value.y,value.z)-integrateByTimeFromLineSeg(t0,value.y,value.z);}if(type==4.){return mix(value.y,value.z,aSeed)*(t1*t1-t0*t0)/2.;}if(type==5.){return integrateFromBezierCurveFrames(t1,value.z,value.w)-integrateFromBezierCurveFrames(t0,value.z,value.w);}return 0.;}const float d2r=3.141592653589793/180.;in vec3 aPos;in vec4 aOffset;in vec3 aVel;in vec3 aRot;in vec4 aColor;in vec3 aDirX;in vec3 aDirY;\n#ifdef USE_SPRITE\nin vec3 aSprite;uniform vec4 uSprite;struct UVDetail{vec2 uv0;vec3 uv1;};UVDetail getSpriteUV(vec2 uv,float lifeTime);out vec4 vTexCoordBlend;\n#endif\n#ifdef FINAL_TARGET\nuniform vec3 uFinalTarget;uniform vec4 uForceCurve;\n#endif\nuniform mat4 effects_ObjectToWorld;uniform mat4 effects_MatrixV;uniform mat4 effects_MatrixVP;uniform vec4 uParams;uniform vec4 uAcceleration;uniform vec4 uGravityModifierValue;uniform vec4 uOpacityOverLifetimeValue;\n#ifdef ROT_X_LIFETIME\nuniform vec4 uRXByLifeTimeValue;\n#endif\n#ifdef ROT_Y_LIFETIME\nuniform vec4 uRYByLifeTimeValue;\n#endif\n#ifdef ROT_Z_LIFETIME\nuniform vec4 uRZByLifeTimeValue;\n#endif\n#ifdef COLOR_OVER_LIFETIME\nuniform sampler2D uColorOverLifetime;\n#endif\n#if LINEAR_VEL_X + LINEAR_VEL_Y + LINEAR_VEL_Z\n#if LINEAR_VEL_X\nuniform vec4 uLinearXByLifetimeValue;\n#endif\n#if LINEAR_VEL_Y\nuniform vec4 uLinearYByLifetimeValue;\n#endif\n#if LINEAR_VEL_Z\nuniform vec4 uLinearZByLifetimeValue;\n#endif\n#endif\n#ifdef SPEED_OVER_LIFETIME\nuniform vec4 uSpeedLifetimeValue;\n#endif\n#if ORB_VEL_X + ORB_VEL_Y + ORB_VEL_Z\n#if ORB_VEL_X\nuniform vec4 uOrbXByLifetimeValue;\n#endif\n#if ORB_VEL_Y\nuniform vec4 uOrbYByLifetimeValue;\n#endif\n#if ORB_VEL_Z\nuniform vec4 uOrbZByLifetimeValue;\n#endif\nuniform vec3 uOrbCenter;\n#endif\nuniform vec4 uSizeByLifetimeValue;\n#ifdef SIZE_Y_BY_LIFE\nuniform vec4 uSizeYByLifetimeValue;\n#endif\nout float vLife;out vec4 vColor;out vec2 vTexCoord;\n#ifdef ENV_EDITOR\nuniform vec4 uEditorTransform;\n#endif\nvec3 calOrbitalMov(float _life,float _dur){vec3 orb=vec3(0.0);\n#ifdef AS_ORBITAL_MOVEMENT\n#define FUNC(a) getValueFromTime(_life,a)\n#else\n#define FUNC(a) getIntegrateFromTime0(_life,a) * _dur\n#endif\n#if ORB_VEL_X\norb.x=FUNC(uOrbXByLifetimeValue);\n#endif\n#if ORB_VEL_Y\norb.y=FUNC(uOrbYByLifetimeValue);\n#endif\n#if ORB_VEL_Z\norb.z=FUNC(uOrbZByLifetimeValue);\n#endif\n#undef FUNC\nreturn orb;}vec3 calLinearMov(float _life,float _dur){vec3 mov=vec3(0.0);\n#ifdef AS_LINEAR_MOVEMENT\n#define FUNC(a) getValueFromTime(_life,a)\n#else\n#define FUNC(a) getIntegrateFromTime0(_life,a) * _dur\n#endif\n#if LINEAR_VEL_X\nmov.x=FUNC(uLinearXByLifetimeValue);\n#endif\n#if LINEAR_VEL_Y\nmov.y=FUNC(uLinearYByLifetimeValue);\n#endif\n#if LINEAR_VEL_Z\nmov.z=FUNC(uLinearZByLifetimeValue);\n#endif\n#undef FUNC\nreturn mov;}mat3 mat3FromRotation(vec3 rotation){vec3 sinR=sin(rotation*d2r);vec3 cosR=cos(rotation*d2r);return mat3(cosR.z,-sinR.z,0.,sinR.z,cosR.z,0.,0.,0.,1.)*mat3(cosR.y,0.,sinR.y,0.,1.,0.,-sinR.y,0,cosR.y)*mat3(1.,0.,0.,0,cosR.x,-sinR.x,0.,sinR.x,cosR.x);}\n#ifdef USE_SPRITE\nUVDetail getSpriteUV(vec2 uv,float lifeTime){float t=fract(clamp((lifeTime-aSprite.x)/aSprite.y,0.0,1.)*aSprite.z);float frame=uSprite.z*t;float frameIndex=max(ceil(frame)-1.,0.);float row=floor((frameIndex+0.1)/uSprite.x);float col=frameIndex-row*uSprite.x;vec2 retUV=(vec2(col,row)+uv)/uSprite.xy;UVDetail ret;if(uSprite.w>0.){float blend=frame-frameIndex;float frameIndex1=min(ceil(frame),uSprite.z-1.);float row1=floor((frameIndex1+0.1)/uSprite.x);float col1=frameIndex1-row1*uSprite.x;vec2 coord=(vec2(col1,row1)+uv)/uSprite.xy-retUV;ret.uv1=vec3(coord.x,1.-coord.y,blend);}ret.uv0=vec2(retUV.x,1.-retUV.y);return ret;}\n#endif\nvec3 calculateTranslation(vec3 vel,float t0,float t1,float dur){float dt=t1-t0;float d=getIntegrateByTimeFromTime(0.,dt,uGravityModifierValue);vec3 acc=uAcceleration.xyz*d;\n#ifdef SPEED_OVER_LIFETIME\nreturn vel*getIntegrateFromTime0(dt/dur,uSpeedLifetimeValue)*dur+acc;\n#endif\nreturn vel*dt+acc;}mat3 transformFromRotation(vec3 rot,float _life,float _dur){vec3 rotation=rot;\n#ifdef ROT_LIFETIME_AS_MOVEMENT\n#define FUNC1(a) getValueFromTime(_life,a)\n#else\n#define FUNC1(a) getIntegrateFromTime0(_life,a) * _dur\n#endif\n#ifdef ROT_X_LIFETIME\nrotation.x+=FUNC1(uRXByLifeTimeValue);\n#endif\n#ifdef ROT_Y_LIFETIME\nrotation.y+=FUNC1(uRYByLifeTimeValue);\n#endif\n#ifdef ROT_Z_LIFETIME\nrotation.z+=FUNC1(uRZByLifeTimeValue);\n#endif\nif(dot(rotation,rotation)==0.0){return mat3(1.0);}\n#undef FUNC1\nreturn mat3FromRotation(rotation);}void main(){float time=uParams.x-aOffset.z;float dur=aOffset.w;if(time<0.||time>dur){gl_Position=vec4(-3.,-3.,-3.,1.);}else{float life=clamp(time/dur,0.0,1.0);vLife=life;\n#ifdef USE_SPRITE\nUVDetail uvD=getSpriteUV(aOffset.xy,time);vTexCoord=uvD.uv0;vTexCoordBlend=vec4(uvD.uv1,uSprite.w);\n#else\nvTexCoord=aOffset.xy;\n#endif\nvColor=aColor;\n#ifdef COLOR_OVER_LIFETIME\n#ifdef ENABLE_VERTEX_TEXTURE\nvColor*=texture2D(uColorOverLifetime,vec2(life,0.));\n#endif\n#endif\nvColor.a*=clamp(getValueFromTime(life,uOpacityOverLifetimeValue),0.,1.);vec3 size=vec3(vec2(getValueFromTime(life,uSizeByLifetimeValue)),1.0);\n#ifdef SIZE_Y_BY_LIFE\nsize.y=getValueFromTime(life,uSizeYByLifetimeValue);\n#endif\nvec3 point=transformFromRotation(aRot,life,dur)*(aDirX*size.x+aDirY*size.y);vec3 pt=calculateTranslation(aVel,aOffset.z,uParams.x,dur);vec3 _pos=aPos+pt;\n#if ORB_VEL_X + ORB_VEL_Y + ORB_VEL_Z\n_pos=mat3FromRotation(calOrbitalMov(life,dur))*(_pos-uOrbCenter);_pos+=uOrbCenter;\n#endif\n#if LINEAR_VEL_X + LINEAR_VEL_Y + LINEAR_VEL_Z\n_pos.xyz+=calLinearMov(life,dur);\n#endif\n#ifdef FINAL_TARGET\nfloat force=getValueFromTime(life,uForceCurve);vec4 pos=vec4(mix(_pos,uFinalTarget,force),1.);\n#else\nvec4 pos=vec4(_pos,1.0);\n#endif\n#if RENDER_MODE == 1\npos.xyz+=point;pos=effects_ObjectToWorld*pos;\n#elif RENDER_MODE == 3\npos=effects_ObjectToWorld*pos;pos.xyz+=effects_MatrixV[0].xyz*point.x+effects_MatrixV[2].xyz*point.y;\n#elif RENDER_MODE == 2\npos=effects_ObjectToWorld*pos;pos.xy+=point.xy;\n#elif RENDER_MODE == 0\npos=effects_ObjectToWorld*pos;pos.xyz+=effects_MatrixV[0].xyz*point.x+effects_MatrixV[1].xyz*point.y;\n#endif\ngl_Position=effects_MatrixVP*pos;vSeed=aSeed;gl_PointSize=6.0;\n#ifdef ENV_EDITOR\ngl_Position=vec4(gl_Position.xy*uEditorTransform.xy+uEditorTransform.zw*gl_Position.w,gl_Position.zw);\n#endif\n}}";
 
@@ -12719,20 +12733,20 @@ var GPUCapability = /*#__PURE__*/ function() {
     _proto.framebufferTexture2D = function framebufferTexture2D(gl, target, index, textarget, texture) {
         var ext = this.drawBufferExtension;
         if (this.level === 1 && !ext && index > 0) {
-            throw new Error("draw multiple color buffers not available");
+            throw new Error("Draw multiple color buffers not available.");
         }
         var attachment = ext ? ext["COLOR_ATTACHMENT" + index + "_WEBGL"] : gl["COLOR_ATTACHMENT" + index];
         if (attachment) {
             gl.framebufferTexture2D(target, attachment, textarget, texture, 0);
         } else {
-            console.error("invalid color attachment index: " + index);
+            console.error("Invalid color attachment index: " + index + ".");
         }
     };
     _proto.drawBuffers = function drawBuffers(gl, bufferStates) {
         var ext = this.drawBufferExtension;
         if (this.level === 1 && !ext) {
             if (bufferStates.length > 1) {
-                throw Error("draw buffers not available");
+                throw new Error("Draw buffers not available.");
             } else {
                 return;
             }
@@ -12969,7 +12983,7 @@ var InteractMesh = /*#__PURE__*/ function() {
     };
     _proto.createMaterial = function createMaterial(rendererOptions) {
         var _this_engine_renderer;
-        var marcos = [
+        var macros = [
             [
                 "ENV_EDITOR",
                 ((_this_engine_renderer = this.engine.renderer) == null ? void 0 : _this_engine_renderer.env) === PLAYER_OPTIONS_ENV_EDITOR
@@ -12982,7 +12996,7 @@ var InteractMesh = /*#__PURE__*/ function() {
                 fragment: fragment,
                 glslVersion: exports.GLSLVersion.GLSL1,
                 cacheId: "" + rendererOptions.cachePrefix + "_effects_interact",
-                marcos: marcos
+                macros: macros
             },
             uniformSemantics: {
                 effects_MatrixVP: "VIEWPROJECTION",
@@ -13248,16 +13262,12 @@ function shouldIgnoreBouncing(arg, mul) {
 }
 
 exports.maxSpriteMeshItemCount = 8;
-exports.maxSpriteTextureCount = 8;
 function setSpriteMeshMaxItemCountByGPU(gpuCapability) {
-    // 8 or 16
-    exports.maxSpriteTextureCount = Math.min(gpuCapability.maxFragmentTextures, 16);
     if (gpuCapability.maxVertexUniforms >= 256) {
         return exports.maxSpriteMeshItemCount = 32;
     } else if (gpuCapability.maxVertexUniforms >= 128) {
         return exports.maxSpriteMeshItemCount = 16;
     }
-    exports.maxSpriteTextureCount = 8;
 }
 function getImageItemRenderInfo(item) {
     var renderer = item.renderer;
@@ -13275,27 +13285,11 @@ function getImageItemRenderInfo(item) {
     };
 }
 function spriteMeshShaderFromFilter(level, options) {
-    var _ref = options != null ? options : {}, _ref_count = _ref.count, count = _ref_count === void 0 ? 2 : _ref_count, _ref_env = _ref.env, env = _ref_env === void 0 ? "" : _ref_env, ignoreBlend = _ref.ignoreBlend, wireframe = _ref.wireframe;
-    var marcos = [
-        [
-            "MAX_ITEM_COUNT",
-            count
-        ],
-        [
-            "PRE_MULTIPLY_ALPHA",
-            false
-        ],
+    var _ref = options != null ? options : {}, _ref_env = _ref.env, env = _ref_env === void 0 ? "" : _ref_env, wireframe = _ref.wireframe;
+    var macros = [
         [
             "ENV_EDITOR",
             env === PLAYER_OPTIONS_ENV_EDITOR
-        ],
-        [
-            "USE_BLEND",
-            !ignoreBlend
-        ],
-        [
-            "MAX_FRAG_TEX",
-            exports.maxSpriteTextureCount >= 16 ? 16 : 8
         ]
     ];
     var fragment = wireframe ? itemFrameFrag : itemFrag;
@@ -13304,7 +13298,7 @@ function spriteMeshShaderFromFilter(level, options) {
         fragment: fragment,
         vertex: vertex,
         glslVersion: level === 1 ? exports.GLSLVersion.GLSL1 : exports.GLSLVersion.GLSL3,
-        marcos: marcos,
+        macros: macros,
         shared: true
     };
 }
@@ -13314,7 +13308,6 @@ function spriteMeshShaderIdFromRenderInfo(renderInfo, count) {
 function spriteMeshShaderFromRenderInfo(renderInfo, count, level, env) {
     var wireframe = renderInfo.wireframe;
     var shader = spriteMeshShaderFromFilter(level, {
-        count: count,
         wireframe: wireframe,
         env: env
     });
@@ -13328,9 +13321,6 @@ function spriteMeshShaderFromRenderInfo(renderInfo, count, level, env) {
 function setMaxSpriteMeshItemCount(count) {
     exports.maxSpriteMeshItemCount = count;
 }
-function setSpriteMeshMaxFragmentTextures(count) {
-    exports.maxSpriteTextureCount = count;
-}
 
 var defRenderInfo = {
     blending: 0,
@@ -14963,7 +14953,7 @@ function createShape(shapeOptions) {
     var type = shapeOptions.type;
     var Ctrl = map[type];
     if (!Ctrl) {
-        throw Error("invalid shape:" + type);
+        throw new Error("Invalid shape: " + type + ".");
     }
     var ctrl = new Ctrl(options);
     if (type !== ShapeType.NONE) {
@@ -15793,7 +15783,7 @@ var TrailMesh = /*#__PURE__*/ function() {
         var uniformValues = {};
         // const lookUpTexture = getConfig(RENDER_PREFER_LOOKUP_TEXTURE) ? 1 : 0;
         var lookUpTexture = 0;
-        var marcos = [
+        var macros = [
             [
                 "ENABLE_VERTEX_TEXTURE",
                 enableVertexTexture
@@ -15810,7 +15800,7 @@ var TrailMesh = /*#__PURE__*/ function() {
         var useAttributeTrailStart = maxTrailCount > 64;
         var shaderCacheId = 0;
         if (colorOverLifetime) {
-            marcos.push([
+            macros.push([
                 "COLOR_OVER_LIFETIME",
                 true
             ]);
@@ -15818,7 +15808,7 @@ var TrailMesh = /*#__PURE__*/ function() {
             uniformValues.uColorOverLifetime = Texture.createWithData(engine, imageDataFromGradient(colorOverLifetime));
         }
         if (colorOverTrail) {
-            marcos.push([
+            macros.push([
                 "COLOR_OVER_TRAIL",
                 true
             ]);
@@ -15826,7 +15816,7 @@ var TrailMesh = /*#__PURE__*/ function() {
             uniformValues.uColorOverTrail = Texture.createWithData(engine, imageDataFromGradient(colorOverTrail));
         }
         if (useAttributeTrailStart) {
-            marcos.push([
+            macros.push([
                 "ATTR_TRAIL_START",
                 1
             ]);
@@ -15836,7 +15826,7 @@ var TrailMesh = /*#__PURE__*/ function() {
         }
         uniformValues.uOpacityOverLifetimeValue = opacityOverLifetime.toUniform(keyFrameMeta);
         var uWidthOverTrail = widthOverTrail.toUniform(keyFrameMeta);
-        marcos.push([
+        macros.push([
             "VERT_CURVE_VALUE_COUNT",
             keyFrameMeta.index
         ], [
@@ -15855,7 +15845,7 @@ var TrailMesh = /*#__PURE__*/ function() {
             shader: {
                 vertex: vertex,
                 fragment: fragment,
-                marcos: marcos,
+                macros: macros,
                 glslVersion: level === 1 ? exports.GLSLVersion.GLSL1 : exports.GLSLVersion.GLSL3,
                 shared: true,
                 name: "trail#" + name,
@@ -16158,12 +16148,12 @@ function calculateDirection(prePoint, point, nextPoint) {
     }
     return dir.normalize().toArray();
 }
-function getTrailMeshShader(trails, particleMaxCount, name, env, gpuCapability) {
+function getTrailMeshShader(trails, particleMaxCount, name, gpuCapability, env) {
     if (env === void 0) env = "";
     var shaderCacheId = 0;
     var lookUpTexture = getConfig(RENDER_PREFER_LOOKUP_TEXTURE) ? 1 : 0;
     var enableVertexTexture = gpuCapability.detail.maxVertexTextures > 0;
-    var marcos = [
+    var macros = [
         [
             "ENABLE_VERTEX_TEXTURE",
             enableVertexTexture
@@ -16179,14 +16169,14 @@ function getTrailMeshShader(trails, particleMaxCount, name, env, gpuCapability)
     ];
     var keyFrameMeta = createKeyFrameMeta();
     if (trails.colorOverLifetime) {
-        marcos.push([
+        macros.push([
             "COLOR_OVER_LIFETIME",
             true
         ]);
         shaderCacheId |= 1;
     }
     if (trails.colorOverTrail) {
-        marcos.push([
+        macros.push([
             "COLOR_OVER_TRAIL",
             true
         ]);
@@ -16194,7 +16184,7 @@ function getTrailMeshShader(trails, particleMaxCount, name, env, gpuCapability)
     }
     var useAttributeTrailStart = particleMaxCount > 64;
     if (useAttributeTrailStart) {
-        marcos.push([
+        macros.push([
             "ATTR_TRAIL_START",
             1
         ]);
@@ -16202,7 +16192,7 @@ function getTrailMeshShader(trails, particleMaxCount, name, env, gpuCapability)
     }
     getKeyFrameMetaByRawValue(keyFrameMeta, trails.opacityOverLifetime);
     getKeyFrameMetaByRawValue(keyFrameMeta, trails.widthOverTrail);
-    marcos.push([
+    macros.push([
         "VERT_CURVE_VALUE_COUNT",
         keyFrameMeta.index
     ], [
@@ -16212,7 +16202,7 @@ function getTrailMeshShader(trails, particleMaxCount, name, env, gpuCapability)
     return {
         vertex: trailVert,
         fragment: particleFrag,
-        marcos: marcos,
+        macros: macros,
         shared: true,
         name: "trail#" + name,
         cacheId: "-t:+" + shaderCacheId + "+" + keyFrameMeta.index + "+" + keyFrameMeta.max
@@ -17291,7 +17281,10 @@ function randomArrItem(arr, keepArr) {
  */ var ParticleBehaviourPlayable = /*#__PURE__*/ function(Playable) {
     _inherits(ParticleBehaviourPlayable, Playable);
     function ParticleBehaviourPlayable() {
-        return Playable.apply(this, arguments);
+        var _this;
+        _this = Playable.apply(this, arguments) || this;
+        _this.lastTime = 0;
+        return _this;
     }
     var _proto = ParticleBehaviourPlayable.prototype;
     _proto.start = function start(context) {
@@ -17315,8 +17308,14 @@ function randomArrItem(arr, keepArr) {
             // TODO: [1.31] @十弦 验证 https://github.com/galacean/effects-runtime/commit/3e7d73d37b7d98c2a25e4544e80e928b17801ccd#diff-fae062f28caf3771cfedd3a20dc22f9749bd054c7541bf2fd50a9a5e413153d4
             // particleSystem.setParentTransform(parentItem.transform);
             particleSystem.setVisible(true);
-            particleSystem.onUpdate(context.deltaTime);
+            var deltaTime = context.deltaTime;
+            // 直接用 this.lastTime - this.time 获取 deltaTime 会有精度问题
+            if (this.lastTime === this.time) {
+                deltaTime = 0;
+            }
+            particleSystem.onUpdate(deltaTime);
         }
+        this.lastTime = this.time;
     };
     return ParticleBehaviourPlayable;
 }(Playable);
@@ -17372,15 +17371,12 @@ var ParticleMesh = /*#__PURE__*/ function() {
         var speedOverLifetime = props.speedOverLifetime, colorOverLifetime = props.colorOverLifetime, linearVelOverLifetime = props.linearVelOverLifetime, orbitalVelOverLifetime = props.orbitalVelOverLifetime, sizeOverLifetime = props.sizeOverLifetime, rotationOverLifetime = props.rotationOverLifetime, sprite = props.sprite, gravityModifier = props.gravityModifier, maxCount = props.maxCount, textureFlip = props.textureFlip, useSprite = props.useSprite, name = props.name, gravity = props.gravity, forceTarget = props.forceTarget, side = props.side, occlusion = props.occlusion, anchor = props.anchor, blending = props.blending, maskMode = props.maskMode, mask = props.mask, transparentOcclusion = props.transparentOcclusion, meshSlots = props.meshSlots, _props_renderMode = props.renderMode, renderMode = _props_renderMode === void 0 ? 0 : _props_renderMode, _props_diffuse = props.diffuse, diffuse = _props_diffuse === void 0 ? Texture.createWithData(engine) : _props_diffuse;
         var detail = engine.gpuCapability.detail;
         var halfFloatTexture = detail.halfFloatTexture, maxVertexUniforms = detail.maxVertexUniforms;
-        var marcos = [
+        var macros = [
+            // spec.RenderMode
             [
                 "RENDER_MODE",
                 +renderMode
             ],
-            [
-                "PRE_MULTIPLY_ALPHA",
-                false
-            ],
             [
                 "ENV_EDITOR",
                 env === PLAYER_OPTIONS_ENV_EDITOR
@@ -17396,13 +17392,13 @@ var ParticleMesh = /*#__PURE__*/ function() {
         var useOrbitalVel;
         this.useSprite = useSprite;
         if (enableVertexTexture) {
-            marcos.push([
+            macros.push([
                 "ENABLE_VERTEX_TEXTURE",
                 true
             ]);
         }
         if (speedOverLifetime) {
-            marcos.push([
+            macros.push([
                 "SPEED_OVER_LIFETIME",
                 true
             ]);
@@ -17410,7 +17406,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
             uniformValues.uSpeedLifetimeValue = speedOverLifetime.toUniform(vertexKeyFrameMeta);
         }
         if (sprite == null ? void 0 : sprite.animate) {
-            marcos.push([
+            macros.push([
                 "USE_SPRITE",
                 true
             ]);
@@ -17424,7 +17420,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
             this.useSprite = true;
         }
         if (colorOverLifetime == null ? void 0 : colorOverLifetime.color) {
-            marcos.push([
+            macros.push([
                 "COLOR_OVER_LIFETIME",
                 true
             ]);
@@ -17449,7 +17445,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
                 shaderCacheId |= 1 << 7 + i;
                 linearVelOverLifetime.enabled = true;
             }
-            marcos.push([
+            macros.push([
                 "LINEAR_VEL_" + pro.toUpperCase(),
                 defL
             ]);
@@ -17460,13 +17456,13 @@ var ParticleMesh = /*#__PURE__*/ function() {
                 useOrbitalVel = true;
                 orbitalVelOverLifetime.enabled = true;
             }
-            marcos.push([
+            macros.push([
                 "ORB_VEL_" + pro.toUpperCase(),
                 defO
             ]);
         });
         if (linearVelOverLifetime == null ? void 0 : linearVelOverLifetime.asMovement) {
-            marcos.push([
+            macros.push([
                 "AS_LINEAR_MOVEMENT",
                 true
             ]);
@@ -17474,7 +17470,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
         }
         if (useOrbitalVel) {
             if (orbitalVelOverLifetime == null ? void 0 : orbitalVelOverLifetime.asRotation) {
-                marcos.push([
+                macros.push([
                     "AS_ORBITAL_MOVEMENT",
                     true
                 ]);
@@ -17489,7 +17485,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
         uniformValues.uSizeByLifetimeValue = sizeOverLifetime == null ? void 0 : sizeOverLifetime.x.toUniform(vertexKeyFrameMeta);
         if (sizeOverLifetime == null ? void 0 : sizeOverLifetime.separateAxes) {
             var _sizeOverLifetime_y;
-            marcos.push([
+            macros.push([
                 "SIZE_Y_BY_LIFE",
                 1
             ]);
@@ -17499,7 +17495,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
         if (rotationOverLifetime == null ? void 0 : rotationOverLifetime.z) {
             uniformValues.uRZByLifeTimeValue = rotationOverLifetime.z.toUniform(vertexKeyFrameMeta);
             shaderCacheId |= 1 << 15;
-            marcos.push([
+            macros.push([
                 "ROT_Z_LIFETIME",
                 1
             ]);
@@ -17507,7 +17503,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
         if (rotationOverLifetime == null ? void 0 : rotationOverLifetime.x) {
             uniformValues.uRXByLifeTimeValue = rotationOverLifetime.x.toUniform(vertexKeyFrameMeta);
             shaderCacheId |= 1 << 16;
-            marcos.push([
+            macros.push([
                 "ROT_X_LIFETIME",
                 1
             ]);
@@ -17515,13 +17511,13 @@ var ParticleMesh = /*#__PURE__*/ function() {
         if (rotationOverLifetime == null ? void 0 : rotationOverLifetime.y) {
             uniformValues.uRYByLifeTimeValue = rotationOverLifetime.y.toUniform(vertexKeyFrameMeta);
             shaderCacheId |= 1 << 17;
-            marcos.push([
+            macros.push([
                 "ROT_Y_LIFETIME",
                 1
             ]);
         }
         if (rotationOverLifetime == null ? void 0 : rotationOverLifetime.asRotation) {
-            marcos.push([
+            macros.push([
                 "ROT_LIFETIME_AS_MOVEMENT",
                 1
             ]);
@@ -17529,7 +17525,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
         }
         uniformValues.uGravityModifierValue = gravityModifier.toUniform(vertexKeyFrameMeta);
         if (forceTarget) {
-            marcos.push([
+            macros.push([
                 "FINAL_TARGET",
                 true
             ]);
@@ -17575,7 +17571,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
             fragmentKeyFrameMeta.index,
             fragmentKeyFrameMeta.max
         ].join("+");
-        marcos.push([
+        macros.push([
             "VERT_CURVE_VALUE_COUNT",
             vertexKeyFrameMeta.index
         ], [
@@ -17597,7 +17593,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
             glslVersion: level === 1 ? exports.GLSLVersion.GLSL1 : exports.GLSLVersion.GLSL3,
             shared: true,
             cacheId: shaderCache,
-            marcos: marcos,
+            macros: macros,
             name: "particle#" + name
         };
         var mtlOptions = {
@@ -17674,7 +17670,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
                     res.length = 0;
                     break;
                 default:
-                    console.warn("uniform " + name + "'s type not in typeMap");
+                    console.warn("Uniform " + name + "'s type not in typeMap.");
             }
         });
         material.setVector3("emissionColor", new Vector3(0, 0, 0));
@@ -17900,7 +17896,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
             }));
             if (increaseBuffer) {
                 var baseIndexData = geometry.getIndexData();
-                var idx = enlargeBuffer(baseIndexData, particleCount * 6, inc, maxCount * 6);
+                var idx = enlargeBuffer(baseIndexData, particleCount * 6, maxCount * 6, inc);
                 idx.set(indexData, index * 6);
                 geometry.setIndexData(idx);
                 this.maxParticleBufferCount = idx.length / 6;
@@ -17912,7 +17908,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
                 var attrSize = geometry.getAttributeStride(name) / Float32Array.BYTES_PER_ELEMENT;
                 if (increaseBuffer) {
                     var baseData = geometry.getAttributeData(name);
-                    var geoData = enlargeBuffer(baseData, vertexCount * attrSize, inc, maxCount * 4 * attrSize);
+                    var geoData = enlargeBuffer(baseData, vertexCount * attrSize, maxCount * 4 * attrSize, inc);
                     geoData.set(data, data.length * index);
                     geometry.setAttributeData(name, geoData);
                 } else {
@@ -18010,20 +18006,16 @@ function generateGeometryProps(maxVertex, useSprite, name) {
         maxVertex: maxVertex
     };
 }
-function getParticleMeshShader(item, env, gpuCapability) {
+function getParticleMeshShader(item, gpuCapability, env) {
     if (env === void 0) env = "";
     var _props_renderer;
     var props = item.content;
     var renderMode = +(((_props_renderer = props.renderer) == null ? void 0 : _props_renderer.renderMode) || 0);
-    var marcos = [
+    var macros = [
         [
             "RENDER_MODE",
             renderMode
         ],
-        [
-            "PRE_MULTIPLY_ALPHA",
-            false
-        ],
         [
             "ENV_EDITOR",
             env === PLAYER_OPTIONS_ENV_EDITOR
@@ -18038,13 +18030,13 @@ function getParticleMeshShader(item, env, gpuCapability) {
     var vertex_lookup_texture = 0;
     var shaderCacheId = 0;
     if (enableVertexTexture) {
-        marcos.push([
+        macros.push([
             "ENABLE_VERTEX_TEXTURE",
             true
         ]);
     }
     if (speedOverLifetime) {
-        marcos.push([
+        macros.push([
             "SPEED_OVER_LIFETIME",
             true
         ]);
@@ -18053,7 +18045,7 @@ function getParticleMeshShader(item, env, gpuCapability) {
     }
     var sprite = props.textureSheetAnimation;
     if (sprite && sprite.animate) {
-        marcos.push([
+        macros.push([
             "USE_SPRITE",
             true
         ]);
@@ -18061,7 +18053,7 @@ function getParticleMeshShader(item, env, gpuCapability) {
     }
     var colorOverLifetime = props.colorOverLifetime;
     if (colorOverLifetime && colorOverLifetime.color) {
-        marcos.push([
+        macros.push([
             "COLOR_OVER_LIFETIME",
             true
         ]);
@@ -18086,7 +18078,7 @@ function getParticleMeshShader(item, env, gpuCapability) {
             defL = 1;
             shaderCacheId |= 1 << 7 + i;
         }
-        marcos.push([
+        macros.push([
             "LINEAR_VEL_" + pro.toUpperCase(),
             defL
         ]);
@@ -18097,13 +18089,13 @@ function getParticleMeshShader(item, env, gpuCapability) {
             shaderCacheId |= 1 << 10 + i;
             useOrbitalVel = true;
         }
-        marcos.push([
+        macros.push([
             "ORB_VEL_" + pro.toUpperCase(),
             defO
         ]);
     });
     if (positionOverLifetime == null ? void 0 : positionOverLifetime.asMovement) {
-        marcos.push([
+        macros.push([
             "AS_LINEAR_MOVEMENT",
             true
         ]);
@@ -18111,7 +18103,7 @@ function getParticleMeshShader(item, env, gpuCapability) {
     }
     if (useOrbitalVel) {
         if (positionOverLifetime == null ? void 0 : positionOverLifetime.asRotation) {
-            marcos.push([
+            macros.push([
                 "AS_ORBITAL_MOVEMENT",
                 true
             ]);
@@ -18123,7 +18115,7 @@ function getParticleMeshShader(item, env, gpuCapability) {
         var separateAxes = sizeOverLifetime.separateAxes;
         if (separateAxes) {
             getKeyFrameMetaByRawValue(vertexKeyFrameMeta, sizeOverLifetime.x);
-            marcos.push([
+            macros.push([
                 "SIZE_Y_BY_LIFE",
                 1
             ]);
@@ -18138,7 +18130,7 @@ function getParticleMeshShader(item, env, gpuCapability) {
         if (rot.z) {
             getKeyFrameMetaByRawValue(vertexKeyFrameMeta, rot == null ? void 0 : rot.z);
             shaderCacheId |= 1 << 15;
-            marcos.push([
+            macros.push([
                 "ROT_Z_LIFETIME",
                 1
             ]);
@@ -18147,7 +18139,7 @@ function getParticleMeshShader(item, env, gpuCapability) {
             if (rot.x) {
                 getKeyFrameMetaByRawValue(vertexKeyFrameMeta, rot.x);
                 shaderCacheId |= 1 << 16;
-                marcos.push([
+                macros.push([
                     "ROT_X_LIFETIME",
                     1
                 ]);
@@ -18155,14 +18147,14 @@ function getParticleMeshShader(item, env, gpuCapability) {
             if (rot.y) {
                 getKeyFrameMetaByRawValue(vertexKeyFrameMeta, rot.y);
                 shaderCacheId |= 1 << 17;
-                marcos.push([
+                macros.push([
                     "ROT_Y_LIFETIME",
                     1
                 ]);
             }
         }
         if (rot == null ? void 0 : rot.asRotation) {
-            marcos.push([
+            macros.push([
                 "ROT_LIFETIME_AS_MOVEMENT",
                 1
             ]);
@@ -18172,7 +18164,7 @@ function getParticleMeshShader(item, env, gpuCapability) {
     getKeyFrameMetaByRawValue(vertexKeyFrameMeta, positionOverLifetime == null ? void 0 : positionOverLifetime.gravityOverLifetime);
     var forceOpt = positionOverLifetime == null ? void 0 : positionOverLifetime.forceTarget;
     if (forceOpt) {
-        marcos.push([
+        macros.push([
             "FINAL_TARGET",
             true
         ]);
@@ -18213,10 +18205,10 @@ function getParticleMeshShader(item, env, gpuCapability) {
         vertex: "#define LOOKUP_TEXTURE_CURVE " + vertex_lookup_texture + "\n" + particleVert,
         shared: true,
         cacheId: shaderCache,
-        marcos: marcos,
+        macros: macros,
         name: "particle#" + item.name
     };
-    marcos.push([
+    macros.push([
         "VERT_CURVE_VALUE_COUNT",
         vertexKeyFrameMeta.index
     ], [
@@ -18241,11 +18233,11 @@ function modifyMaxKeyframeShader(shader, maxVertex, maxFrag) {
     shaderIds[3] = maxVertex;
     shaderIds[5] = maxFrag;
     shader.cacheId = shaderIds.join("+");
-    if (!shader.marcos) {
+    if (!shader.macros) {
         return;
     }
-    for(var i = 0; i < shader.marcos.length; i++){
-        var marco = shader.marcos[i];
+    for(var i = 0; i < shader.macros.length; i++){
+        var marco = shader.macros[i];
         if (marco[0] === "VERT_CURVE_VALUE_COUNT") {
             marco[1] = maxVertex;
         } else if (marco[0] === "FRAG_CURVE_VALUE_COUNT") {
@@ -18278,17 +18270,17 @@ var ParticleLoader = /*#__PURE__*/ function(AbstractPlugin) {
             });
         });
         items.forEach(function(item) {
-            var _getParticleMeshShader = getParticleMeshShader(item, env, gpuCapability), shader = _getParticleMeshShader.shader, fragment = _getParticleMeshShader.fragment, vertex = _getParticleMeshShader.vertex;
+            var _getParticleMeshShader = getParticleMeshShader(item, gpuCapability, env), shader = _getParticleMeshShader.shader, fragment = _getParticleMeshShader.fragment, vertex = _getParticleMeshShader.vertex;
             shaders.push(shader);
             maxFragmentCount = Math.max(maxFragmentCount, fragment);
             maxVertexCount = Math.max(maxVertexCount, vertex);
             // TODO 此处add是否有意义？shader变量似乎没有加到this.shaders数组。
             if (item.content.trails) {
-                var shader1 = getTrailMeshShader(item.content.trails, item.content.options.maxCount, item.name, env, gpuCapability);
-                var _shader_marcos;
-                shader1.vertex = createShaderWithMarcos((_shader_marcos = shader1.marcos) != null ? _shader_marcos : [], shader1.vertex, exports.ShaderType.vertex, level);
-                var _shader_marcos1;
-                shader1.fragment = createShaderWithMarcos((_shader_marcos1 = shader1.marcos) != null ? _shader_marcos1 : [], shader1.fragment, exports.ShaderType.fragment, level);
+                var shader1 = getTrailMeshShader(item.content.trails, item.content.options.maxCount, item.name, gpuCapability, env);
+                var _shader_macros;
+                shader1.vertex = createShaderWithMacros((_shader_macros = shader1.macros) != null ? _shader_macros : [], shader1.vertex, exports.ShaderType.vertex, level);
+                var _shader_macros1;
+                shader1.fragment = createShaderWithMacros((_shader_macros1 = shader1.macros) != null ? _shader_macros1 : [], shader1.fragment, exports.ShaderType.fragment, level);
                 shader1.glslVersion = level === 2 ? exports.GLSLVersion.GLSL3 : exports.GLSLVersion.GLSL1;
                 shaderLibrary.addShader(shader1);
             }
@@ -18300,10 +18292,10 @@ var ParticleLoader = /*#__PURE__*/ function(AbstractPlugin) {
             } else {
                 shader.glslVersion = exports.GLSLVersion.GLSL1;
             }
-            var _shader_marcos;
-            shader.vertex = createShaderWithMarcos((_shader_marcos = shader.marcos) != null ? _shader_marcos : [], shader.vertex, exports.ShaderType.vertex, level);
-            var _shader_marcos1;
-            shader.fragment = createShaderWithMarcos((_shader_marcos1 = shader.marcos) != null ? _shader_marcos1 : [], shader.fragment, exports.ShaderType.fragment, level);
+            var _shader_macros;
+            shader.vertex = createShaderWithMacros((_shader_macros = shader.macros) != null ? _shader_macros : [], shader.vertex, exports.ShaderType.vertex, level);
+            var _shader_macros1;
+            shader.fragment = createShaderWithMacros((_shader_macros1 = shader.macros) != null ? _shader_macros1 : [], shader.fragment, exports.ShaderType.fragment, level);
             shaderLibrary.addShader(shader);
         });
         if (level === 2) {
@@ -18570,6 +18562,7 @@ exports.AnimationClip = /*#__PURE__*/ function(EffectsObject) {
     function AnimationClip() {
         var _this;
         _this = EffectsObject.apply(this, arguments) || this;
+        _this.duration = 0;
         _this.positionCurves = [];
         _this.rotationCurves = [];
         _this.scaleCurves = [];
@@ -18614,6 +18607,7 @@ exports.AnimationClip = /*#__PURE__*/ function(EffectsObject) {
                 path: positionCurveData.path,
                 keyFrames: createValueGetter(positionCurveData.keyFrames)
             };
+            this.duration = Math.max(this.duration, curve.keyFrames.getMaxTime());
             this.positionCurves.push(curve);
         }
         for(var _iterator1 = _create_for_of_iterator_helper_loose(data.rotationCurves), _step1; !(_step1 = _iterator1()).done;){
@@ -18622,6 +18616,7 @@ exports.AnimationClip = /*#__PURE__*/ function(EffectsObject) {
                 path: rotationCurveData.path,
                 keyFrames: createValueGetter(rotationCurveData.keyFrames)
             };
+            this.duration = Math.max(this.duration, curve1.keyFrames.getMaxTime());
             this.rotationCurves.push(curve1);
         }
         for(var _iterator2 = _create_for_of_iterator_helper_loose(data.scaleCurves), _step2; !(_step2 = _iterator2()).done;){
@@ -18630,6 +18625,7 @@ exports.AnimationClip = /*#__PURE__*/ function(EffectsObject) {
                 path: scaleCurvesData.path,
                 keyFrames: createValueGetter(scaleCurvesData.keyFrames)
             };
+            this.duration = Math.max(this.duration, curve2.keyFrames.getMaxTime());
             this.scaleCurves.push(curve2);
         }
         for(var _iterator3 = _create_for_of_iterator_helper_loose(data.floatCurves), _step3; !(_step3 = _iterator3()).done;){
@@ -18640,6 +18636,7 @@ exports.AnimationClip = /*#__PURE__*/ function(EffectsObject) {
                 property: floatCurveData.property,
                 className: floatCurveData.className
             };
+            this.duration = Math.max(this.duration, curve3.keyFrames.getMaxTime());
             this.floatCurves.push(curve3);
         }
     };
@@ -18815,6 +18812,9 @@ var RuntimeClip = /*#__PURE__*/ function() {
         this.playable = clipPlayable;
         this.parentMixer = parentMixer;
         this.track = track;
+        if (_instanceof1(this.track.binding, exports.VFXItem)) {
+            this.particleSystem = this.track.binding.getComponent(exports.ParticleSystem);
+        }
     }
     var _proto = RuntimeClip.prototype;
     _proto.evaluateAt = function evaluateAt(localTime) {
@@ -18824,8 +18824,7 @@ var RuntimeClip = /*#__PURE__*/ function() {
         var started = false;
         var boundItem = this.track.binding;
         if (localTime > clip.start + clip.duration + 0.001 && clip.endBehaviour === ItemEndBehavior.destroy) {
-            var _boundItem_getComponent;
-            if (exports.VFXItem.isParticle(boundItem) && !((_boundItem_getComponent = boundItem.getComponent(exports.ParticleSystem)) == null ? void 0 : _boundItem_getComponent.destroyed)) {
+            if (exports.VFXItem.isParticle(boundItem) && this.particleSystem && !this.particleSystem.destroyed) {
                 weight = 1.0;
             } else {
                 weight = 0.0;
@@ -19191,7 +19190,7 @@ function compareTracks(a, b) {
                     var refId = itemData.content.options.refId;
                     var props = this.item.composition.refCompositionProps.get(refId);
                     if (!props) {
-                        throw new Error("引用的Id: " + refId + " 的预合成不存在");
+                        throw new Error("Referenced precomposition with Id: " + refId + " does not exist.");
                     }
                     // endBehaviour 类型需优化
                     props.content = itemData.content;
@@ -19344,7 +19343,7 @@ exports.SubCompositionTrack = /*#__PURE__*/ function(TrackAsset) {
     var _proto = SubCompositionTrack.prototype;
     _proto.resolveBinding = function resolveBinding(parentBinding) {
         if (!_instanceof1(parentBinding, exports.VFXItem)) {
-            throw new Error("SubCompositionTrack needs to be set under the VFXItem track");
+            throw new Error("SubCompositionTrack needs to be set under the VFXItem track.");
         }
         return parentBinding.getComponent(CompositionComponent);
     };
@@ -19599,14 +19598,41 @@ exports.TextComponent = /*#__PURE__*/ function(SpriteComponent) {
             return _possible_constructor_return(_this);
         }
         var options = props.options;
-        _this.textStyle = new TextStyle(options);
-        _this.textLayout = new TextLayout(options);
-        _this.text = options.text;
-        // Text
+        _this.updateWithOptions(options);
         _this.updateTexture();
         return _this;
     }
     var _proto = TextComponent.prototype;
+    _proto.update = function update(dt) {
+        SpriteComponent.prototype.update.call(this, dt);
+        this.updateTexture();
+    };
+    _proto.fromData = function fromData(data) {
+        SpriteComponent.prototype.fromData.call(this, data);
+        var options = data.options;
+        this.updateWithOptions(options);
+        // Text
+        this.updateTexture();
+    };
+    _proto.updateWithOptions = function updateWithOptions(options) {
+    // OVERRIDE by mixins
+    };
+    _proto.updateTexture = function updateTexture(flipY) {
+    // OVERRIDE by mixins
+    };
+    return TextComponent;
+}(exports.SpriteComponent);
+exports.TextComponent = __decorate([
+    effectsClass(DataType.TextComponent)
+], exports.TextComponent);
+var TextComponentBase = /*#__PURE__*/ function() {
+    function TextComponentBase() {}
+    var _proto = TextComponentBase.prototype;
+    _proto.updateWithOptions = function updateWithOptions(options) {
+        this.textStyle = new TextStyle(options);
+        this.textLayout = new TextLayout(options);
+        this.text = options.text;
+    };
     /**
    * 设置字号大小
    * @param value - 字号
@@ -19776,14 +19802,11 @@ exports.TextComponent = /*#__PURE__*/ function(SpriteComponent) {
         this.textStyle.fontScale = value;
         this.isDirty = true;
     };
-    _proto.update = function update(dt) {
-        SpriteComponent.prototype.update.call(this, dt);
-        this.updateTexture();
-    };
     /**
    * 更新文本
    * @returns
-   */ _proto.updateTexture = function updateTexture() {
+   */ _proto.updateTexture = function updateTexture(flipY) {
+        if (flipY === void 0) flipY = true;
         if (!this.isDirty || !this.context || !this.canvas) {
             return;
         }
@@ -19801,6 +19824,10 @@ exports.TextComponent = /*#__PURE__*/ function(SpriteComponent) {
         context.clearRect(0, 0, width, this.canvas.height);
         // fix bug 1/255
         context.fillStyle = "rgba(255, 255, 255, 0.0039)";
+        if (!flipY) {
+            context.translate(0, height);
+            context.scale(1, -1);
+        }
         context.fillRect(0, 0, width, this.canvas.height);
         style.fontDesc = this.getFontDesc();
         context.font = style.fontDesc;
@@ -19813,7 +19840,7 @@ exports.TextComponent = /*#__PURE__*/ function(SpriteComponent) {
         // 文本颜色
         context.fillStyle = "rgba(" + style.textColor[0] + ", " + style.textColor[1] + ", " + style.textColor[2] + ", " + style.textColor[3] + ")";
         var charsInfo = [];
-        // /3 为了和编辑器行为保持一致
+        // /3 是为了和编辑器行为保持一致
         var offsetY = (lineHeight - fontSize) / 3;
         var x = 0;
         var y = layout.getOffsetY(style) + offsetY;
@@ -19867,7 +19894,7 @@ exports.TextComponent = /*#__PURE__*/ function(SpriteComponent) {
             width: imageData.width,
             height: imageData.height
         }, {
-            flipY: true,
+            flipY: flipY,
             magFilter: glContext.LINEAR,
             minFilter: glContext.LINEAR,
             wrapS: glContext.CLAMP_TO_EDGE,
@@ -19875,50 +19902,47 @@ exports.TextComponent = /*#__PURE__*/ function(SpriteComponent) {
         }));
         this.isDirty = false;
     };
-    _proto.fromData = function fromData(data) {
-        SpriteComponent.prototype.fromData.call(this, data);
-        var options = data.options;
-        this.textStyle = new TextStyle(options);
-        this.textLayout = new TextLayout(options);
-        this.text = options.text;
-        // Text
-        this.updateTexture();
-    };
     _proto.getFontDesc = function getFontDesc() {
-        var textStyle = this.textStyle;
-        var fontDesc = "" + (textStyle.fontSize * textStyle.fontScale).toString() + "px ";
-        if (!DEFAULT_FONTS.includes(textStyle.fontFamily)) {
-            fontDesc += '"' + textStyle.fontFamily + '"';
+        var _this_textStyle = this.textStyle, fontSize = _this_textStyle.fontSize, fontScale = _this_textStyle.fontScale, fontFamily = _this_textStyle.fontFamily, textWeight = _this_textStyle.textWeight, fontStyle = _this_textStyle.fontStyle;
+        var fontDesc = "" + (fontSize * fontScale).toString() + "px ";
+        if (!DEFAULT_FONTS.includes(fontFamily)) {
+            fontDesc += '"' + fontFamily + '"';
         } else {
-            fontDesc += textStyle.fontFamily;
+            fontDesc += fontFamily;
         }
-        if (textStyle.textWeight !== TextWeight.normal) {
-            fontDesc = textStyle.textWeight + " " + fontDesc;
+        if (textWeight !== TextWeight.normal) {
+            fontDesc = textWeight + " " + fontDesc;
         }
-        if (textStyle.fontStyle !== FontStyle.normal) {
-            fontDesc = textStyle.fontStyle + " " + fontDesc;
+        if (fontStyle !== FontStyle.normal) {
+            fontDesc = fontStyle + " " + fontDesc;
         }
         return fontDesc;
     };
     _proto.setupOutline = function setupOutline() {
         var context = this.context;
-        var style = this.textStyle;
-        context.strokeStyle = "rgba(" + style.outlineColor[0] * 255 + ", " + style.outlineColor[1] * 255 + ", " + style.outlineColor[2] * 255 + ", " + style.outlineColor[3] + ")";
-        context.lineWidth = style.outlineWidth * 2;
+        var _this_textStyle = this.textStyle, outlineColor = _this_textStyle.outlineColor, outlineWidth = _this_textStyle.outlineWidth;
+        var r = outlineColor[0], g = outlineColor[1], b = outlineColor[2], a = outlineColor[3];
+        if (context) {
+            context.strokeStyle = "rgba(" + r * 255 + ", " + g * 255 + ", " + b * 255 + ", " + a + ")";
+            context.lineWidth = outlineWidth * 2;
+        }
     };
     _proto.setupShadow = function setupShadow() {
         var context = this.context;
-        var style = this.textStyle;
-        context.shadowColor = "rgba(" + style.shadowColor[0] * 255 + ", " + style.shadowColor[1] * 255 + ", " + style.shadowColor[2] * 255 + ", " + style.shadowColor[3] + ")";
-        context.shadowBlur = style.shadowBlur;
-        context.shadowOffsetX = style.shadowOffsetX;
-        context.shadowOffsetY = -style.shadowOffsetY;
+        var _this_textStyle = this.textStyle, outlineColor = _this_textStyle.outlineColor, shadowBlur = _this_textStyle.shadowBlur, shadowOffsetX = _this_textStyle.shadowOffsetX, shadowOffsetY = _this_textStyle.shadowOffsetY;
+        var r = outlineColor[0], g = outlineColor[1], b = outlineColor[2], a = outlineColor[3];
+        if (context) {
+            context.shadowColor = "rgba(" + r * 255 + ", " + g * 255 + ", " + b * 255 + ", " + a + ")";
+            context.shadowBlur = shadowBlur;
+            context.shadowOffsetX = shadowOffsetX;
+            context.shadowOffsetY = -shadowOffsetY;
+        }
     };
-    return TextComponent;
-}(exports.SpriteComponent);
-exports.TextComponent = __decorate([
-    effectsClass(DataType.TextComponent)
-], exports.TextComponent);
+    return TextComponentBase;
+}();
+applyMixins(exports.TextComponent, [
+    TextComponentBase
+]);
 
 // TODO: 注册必须用
 var TextLoader = /*#__PURE__*/ function(AbstractPlugin) {
@@ -20147,8 +20171,8 @@ exports.VFXItem = /*#__PURE__*/ function(EffectsObject) {
    * @param classConstructor - 要添加的组件类型
    */ _proto.addComponent = function addComponent(classConstructor) {
         var newComponent = new classConstructor(this.engine);
-        newComponent.item = this;
         this.components.push(newComponent);
+        newComponent.item = this;
         newComponent.onAttached();
         return newComponent;
     };
@@ -20399,10 +20423,11 @@ exports.VFXItem = /*#__PURE__*/ function(EffectsObject) {
             };
         }
         if (duration <= 0) {
-            throw Error("Item duration can't be less than 0, see " + HELP_LINK["Item duration can't be less than 0"]);
+            throw new Error("Item duration can't be less than 0, see " + HELP_LINK["Item duration can't be less than 0"] + ".");
         }
         for(var _iterator = _create_for_of_iterator_helper_loose(this.components), _step; !(_step = _iterator()).done;){
             var component = _step.value;
+            component.item = this;
             component.onAttached();
         }
         // renderOrder 在 component 初始化后设置。确保能拿到 rendererComponent。
@@ -20593,7 +20618,7 @@ exports.Item = void 0;
                 pluginName = "tree";
                 break;
             default:
-                throw new Error("invalid vfx item type");
+                throw new Error("Invalid vfx item type.");
         }
     }
     return composition.pluginSystem.createPluginItem(pluginName, props, composition);
@@ -20637,7 +20662,7 @@ var PluginSystem = /*#__PURE__*/ function() {
         this.plugins = Object.keys(loaders).map(function(name) {
             var CTRL = pluginLoaderMap[name];
             if (!CTRL) {
-                throw new Error("plugin '" + name + "' not found." + getPluginUsageInfo(name));
+                throw new Error("The plugin '" + name + "' not found." + getPluginUsageInfo(name));
             }
             var loader = new CTRL();
             loader.name = name;
@@ -20665,13 +20690,13 @@ var PluginSystem = /*#__PURE__*/ function() {
     _proto.createPluginItem = function createPluginItem(name, props, composition) {
         var CTRL = pluginCtrlMap[name];
         if (!CTRL) {
-            throw new Error("plugin " + name + " no registered constructor");
+            throw new Error("The plugin '" + name + "' does not have a registered constructor.");
         }
         var engine = composition.getEngine();
         var item = new CTRL(engine, props, composition);
         item.composition = composition;
         if (!_instanceof1(item, exports.VFXItem)) {
-            throw new Error("plugin " + name + " invalid constructor type");
+            throw new Error("The plugin '" + name + "' invalid constructor type.");
         }
         return item;
     };
@@ -20981,7 +21006,7 @@ var SerializationHelper = /*#__PURE__*/ function() {
     };
     SerializationHelper.deserializeProperty = function deserializeProperty(property, engine, level, type) {
         if (level > 14) {
-            console.error("序列化数据的内嵌对象层数大于上限");
+            console.error("The nested object layers of the serialized data exceed the maximum limit.");
             return;
         }
         // 加载并链接 DataPath 字段表示的 EffectsObject 引用。Class 对象 copy [key, value] 会丢失对象信息，因此只递归数组对象和普通 js Object 结构对象。
@@ -21018,7 +21043,7 @@ var SerializationHelper = /*#__PURE__*/ function() {
                 switch(_state.label){
                     case 0:
                         if (level > 14) {
-                            console.error("序列化数据的内嵌对象层数大于上限");
+                            console.error("The nested object layers of the serialized data exceed the maximum limit.");
                             return [
                                 2
                             ];
@@ -21102,7 +21127,7 @@ var SerializationHelper = /*#__PURE__*/ function() {
     };
     SerializationHelper.serializeObjectProperty = function serializeObjectProperty(objectProperty, serializedData, level) {
         if (level > 14) {
-            console.error("序列化数据的内嵌对象层数大于上限");
+            console.error("The nested object layers of the serialized data exceed the maximum limit.");
             return;
         }
         if (!serializedData) {
@@ -21134,7 +21159,7 @@ var SerializationHelper = /*#__PURE__*/ function() {
     };
     SerializationHelper.serializeArrayProperty = function serializeArrayProperty(arrayProperty, serializedData, level) {
         if (level > 14) {
-            console.error("序列化数据的内嵌对象层数大于上限");
+            console.error("The nested object layers of the serialized data exceed the maximum limit.");
             return;
         }
         if (!serializedData) {
@@ -21181,7 +21206,7 @@ var SerializationHelper = /*#__PURE__*/ function() {
         var effectsObject;
         var effectsObjectData = this.findData(guid);
         if (!effectsObjectData) {
-            console.error("未找到 uuid: " + guid + "的对象数据");
+            console.error("Object data with uuid: " + guid + " not found.");
             return undefined;
         }
         switch(effectsObjectData.dataType){
@@ -21203,7 +21228,7 @@ var SerializationHelper = /*#__PURE__*/ function() {
                 }
         }
         if (!effectsObject) {
-            console.error("未找到 DataType: " + effectsObjectData.dataType + "的构造函数");
+            console.error("Constructor for DataType: " + effectsObjectData.dataType + " not found.");
             return undefined;
         }
         effectsObject.setInstanceId(effectsObjectData.id);
@@ -21231,7 +21256,7 @@ var SerializationHelper = /*#__PURE__*/ function() {
                             2
                         ];
                         if (!_this.engine.database) {
-                            console.error("未找到 uuid: " + guid + "的对象数据");
+                            console.error("Object data with uuid: " + guid + " not found.");
                             return [
                                 2,
                                 undefined
@@ -21244,7 +21269,7 @@ var SerializationHelper = /*#__PURE__*/ function() {
                     case 1:
                         effectsObject = _state.sent();
                         if (!effectsObject) {
-                            console.error("未找到 uuid: " + guid + "的磁盘数据");
+                            console.error("Disk data with uuid: " + guid + " not found.");
                             return [
                                 2,
                                 undefined
@@ -21275,7 +21300,7 @@ var SerializationHelper = /*#__PURE__*/ function() {
                                 }
                         }
                         if (!effectsObject) {
-                            console.error("未找到 DataType: " + effectsObjectData.dataType + "的构造函数");
+                            console.error("Constructor for DataType: " + effectsObjectData.dataType + " not found.");
                             return [
                                 2,
                                 undefined
@@ -22707,7 +22732,7 @@ var standardVersion = /^(\d+)\.(\d+)$/;
 var reverseParticle = false;
 function getStandardJSON(json) {
     if (!json || typeof json !== "object") {
-        throw Error("expect a json object");
+        throw new Error("Invalid input: Expected a JSON object.");
     }
     // 修正老版本数据中，meshItem 以及 lightItem 结束行为错误问题
     version22Migration(json);
@@ -22728,7 +22753,7 @@ function getStandardJSON(json) {
         }
         return json;
     }
-    throw Error("invalid json version " + json.version);
+    throw new Error("Invalid JSON version: " + json.version + ".");
 }
 var currentVersion = "1.0";
 function getStandardJSONFromV0(json) {
@@ -22820,7 +22845,7 @@ function getStandardImage(image, index, imageTags) {
     } else if (image && image.sourceType) {
         return image;
     }
-    throw Error("invalid image type");
+    throw new Error("Invalid image type.");
 }
 function getStandardComposition(composition, opt) {
     if (opt === void 0) opt = {};
@@ -23104,7 +23129,7 @@ function _combineImageTemplate() {
                     _state.label = 3;
                 case 3:
                     if (!image) {
-                        throw new Error("image not provided.");
+                        throw new Error("Image not provided.");
                     }
                     if (!template) {
                         return [
@@ -23222,7 +23247,7 @@ var seed$1 = 1;
                         cancelLoading = true;
                         _this.removeTimer(loadTimer);
                         var totalTime = performance.now() - startTime;
-                        reject(new Error("Load time out: totalTime: " + totalTime.toFixed(4) + "ms " + timeInfos.join(" ") + ", url: " + assetUrl));
+                        reject(new Error("Load time out: totalTime: " + totalTime.toFixed(4) + "ms " + timeInfos.join(" ") + ", url: " + assetUrl + "."));
                     }, _this.timeout * 1000);
                     _this.timers.push(loadTimer);
                 });
@@ -23257,7 +23282,7 @@ var seed$1 = 1;
                                 ];
                             case 3:
                                 e = _state.sent();
-                                throw new Error("Load error in " + label + ", " + e);
+                                throw new Error("Load error in " + label + ", " + e + ".");
                             case 4:
                                 throw new Error("Load canceled.");
                         }
@@ -23356,12 +23381,13 @@ var seed$1 = 1;
                                 ];
                             case 8:
                                 _ref1 = _state.sent(), loadedBins = _ref1[0], loadedImages = _ref1[1];
-                                for(i2 = 0; i2 < images1.length; i2++){
-                                    // FIXME: 2024.05.29 如果 renderer 为空，这里会抛异常
-                                    imageAsset = new ImageAsset(renderer.engine);
-                                    imageAsset.data = loadedImages[i2];
-                                    imageAsset.setInstanceId(images1[i2].id);
-                                    renderer == null ? void 0 : renderer.engine.addInstance(imageAsset);
+                                if (renderer) {
+                                    for(i2 = 0; i2 < images1.length; i2++){
+                                        imageAsset = new ImageAsset(renderer.engine);
+                                        imageAsset.data = loadedImages[i2];
+                                        imageAsset.setInstanceId(images1[i2].id);
+                                        renderer.engine.addInstance(imageAsset);
+                                    }
                                 }
                                 return [
                                     4,
@@ -23403,7 +23429,7 @@ var seed$1 = 1;
                                 _state.label = 12;
                             case 12:
                                 totalTime = performance.now() - startTime;
-                                logger.info("Load asset: totalTime: " + totalTime.toFixed(4) + "ms " + timeInfos.join(" ") + ", url: " + assetUrl);
+                                logger.info("Load asset: totalTime: " + totalTime.toFixed(4) + "ms " + timeInfos.join(" ") + ", url: " + assetUrl + ".");
                                 window.clearTimeout(loadTimer);
                                 _this.removeTimer(loadTimer);
                                 scene.totalTime = totalTime;
@@ -23521,7 +23547,7 @@ var seed$1 = 1;
                     if (passRenderLevel(bin.renderLevel, renderLevel)) {
                         return _this.loadBins(new URL(bin.url, baseUrl).href);
                     }
-                    throw new Error("Invalid bins source: " + JSON.stringify(bins));
+                    throw new Error("Invalid bins source: " + JSON.stringify(bins) + ".");
                 });
                 return [
                     2,
@@ -23552,7 +23578,7 @@ var seed$1 = 1;
                                 ];
                                 if (!isValidFontFamily(font.fontFamily)) {
                                     // 在所有设备上提醒开发者
-                                    console.warn("Risky font family: " + font.fontFamily);
+                                    console.warn("Risky font family: " + font.fontFamily + ".");
                                 }
                                 _state.label = 1;
                             case 1:
@@ -23579,7 +23605,7 @@ var seed$1 = 1;
                                 ];
                             case 3:
                                 _state.sent();
-                                logger.warn("Invalid font family or font source: " + JSON.stringify(font.fontURL));
+                                logger.warn("Invalid font family or font source: " + JSON.stringify(font.fontURL) + ".");
                                 return [
                                     3,
                                     4
@@ -23675,7 +23701,7 @@ var seed$1 = 1;
                                 ];
                             case 6:
                                 e = _state.sent();
-                                throw new Error("Failed to load. Check the template or if the URL is " + (isVideo ? "video" : "image") + " type, URL: " + url + ", Error: " + e.message);
+                                throw new Error("Failed to load. Check the template or if the URL is " + (isVideo ? "video" : "image") + " type, URL: " + url + ", Error: " + e.message + ".");
                             case 7:
                                 return [
                                     3,
@@ -23774,7 +23800,7 @@ var seed$1 = 1;
                                 ]);
                                 return [
                                     4,
-                                    deserializeMipmapTexture(texOpts, bins, jsonScene.bins, engine)
+                                    deserializeMipmapTexture(texOpts, bins, engine, jsonScene.bins)
                                 ];
                             case 2:
                                 return [
@@ -23783,7 +23809,7 @@ var seed$1 = 1;
                                 ];
                             case 3:
                                 e = _state.sent();
-                                throw new Error("load texture " + idx + " fails, error message: " + e);
+                                throw new Error("Load texture " + idx + " fails, error message: " + e + ".");
                             case 4:
                                 source = texOpts.source;
                                 if (!isObject(source)) return [
@@ -23818,7 +23844,7 @@ var seed$1 = 1;
                                         tex.sourceType === exports.TextureSourceType.compressed ? tex : _extends({}, tex, texOpts)
                                     ];
                                 }
-                                throw new Error("Invalid texture source: " + source);
+                                throw new Error("Invalid texture source: " + source + ".");
                         }
                     });
                 }));
@@ -23936,7 +23962,7 @@ function createTextureOptionsBySource(image, sourceFrom) {
             magFilter: glContext.NEAREST
         };
     }
-    throw new Error("Invalid texture options");
+    throw new Error("Invalid texture options.");
 }
 
 var tmpScale = new Vector3(1, 1, 1);
@@ -24228,7 +24254,7 @@ var listOrder = 0;
         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;
         if (!textureOptions) {
-            throw new Error("scene.textures expected");
+            throw new Error("scene.textures expected.");
         }
         var cachedTextures = textureOptions;
         for(var _iterator = _create_for_of_iterator_helper_loose(compositions), _step; !(_step = _iterator()).done;){
@@ -24240,7 +24266,7 @@ var listOrder = 0;
             }
         }
         if (!this.composition) {
-            throw new Error("Invalid composition id: " + compositionId);
+            throw new Error("Invalid composition id: " + compositionId + ".");
         }
         this.jsonScene = jsonScene;
         this.renderLevel = renderLevel;
@@ -24302,7 +24328,7 @@ var listOrder = 0;
                 if (itemProps.type === ItemType.composition) {
                     var refId = sourceItemData.content.options.refId;
                     if (!this.refCompositions.get(refId)) {
-                        throw new Error("Invalid Ref Composition id: " + refId);
+                        throw new Error("Invalid ref composition id: " + refId + ".");
                     }
                     var ref = this.getContent(this.refCompositions.get(refId));
                     if (!this.refCompositionProps.has(refId)) {
@@ -24415,11 +24441,11 @@ var listOrder = 0;
         /**
    * 销毁状态位
    */ this.destroyed = false;
+        this.postLoaders = [];
         /**
    * 合成暂停/播放 标识
    */ this.paused = false;
         this.lastVideoUpdateTime = 0;
-        this.postLoaders = [];
         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, onPlayerPause = props.onPlayerPause, onMessageItem = props.onMessageItem, onEnd = props.onEnd, event = props.event, width = props.width, height = props.height;
         this.compositionSourceManager = new CompositionSourceManager(scene, renderer.engine);
         scene.jsonScene.imgUsage = undefined;
@@ -24818,7 +24844,7 @@ var listOrder = 0;
                     }
                     parent.children.push(item1);
                 } else {
-                    throw Error("元素引用了不存在的元素，请检查数据");
+                    throw new Error("The element references a non-existent element, please check the data.");
                 }
             }
         }
@@ -25067,7 +25093,7 @@ var listOrder = 0;
    * 合成整体在水平方向移动 x 像素，垂直方向移动 y 像素
    */ _proto.translateByPixel = function translateByPixel(x, y) {
         if (!this.renderer) {
-            console.warn("Can not translate position when container not assigned");
+            console.warn("Renderer not assigned. Operation aborted.");
             return;
         }
         this.rootItem.translateByPixel(x, y);
@@ -25081,7 +25107,7 @@ var listOrder = 0;
    * @param y - y 坐标
    */ _proto.setPositionByPixel = function setPositionByPixel(x, y) {
         if (!this.renderer) {
-            console.warn("Can not setPosition when container not assigned");
+            console.warn("Renderer not assigned. Operation aborted.");
             return;
         }
         this.rootItem.setPositionByPixel(x, y);
@@ -25436,7 +25462,7 @@ var listOrder = 0;
             info.push("Tex " + this.textures.length);
         }
         if (info.length > 0) {
-            logger.warn("Release GPU memory: " + info.join(", "));
+            logger.warn("Release GPU memory: " + info.join(", ") + ".");
         }
         this.renderPasses.forEach(function(pass) {
             return pass.dispose();
@@ -25572,7 +25598,7 @@ var listOrder = 0;
    * @param ticker - 定时器类
    */ _proto.add = function add(ticker) {
         if (typeof ticker !== "function") {
-            throw new Error("Ticker: The tick object must implement the tick method.");
+            throw new Error("The tick object must implement the tick method.");
         }
         this.tickers.push(ticker);
     };
@@ -25611,6 +25637,8 @@ 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.0.0-alpha.19";
+logger.info("Core version: " + version$1 + ".");
 
 var _obj;
 /**
@@ -25748,8 +25776,8 @@ var _obj3;
             1
         ]);
         _this.material = new THREE__namespace.RawShaderMaterial({
-            vertexShader: createShaderWithMarcos(shader.marcos, shader.vertex, exports.ShaderType.vertex, _this.engine.gpuCapability.level),
-            fragmentShader: createShaderWithMarcos(shader.marcos, shader.fragment, exports.ShaderType.fragment, _this.engine.gpuCapability.level),
+            vertexShader: createShaderWithMacros(shader.macros, shader.vertex, exports.ShaderType.vertex, _this.engine.gpuCapability.level),
+            fragmentShader: createShaderWithMacros(shader.macros, shader.fragment, exports.ShaderType.fragment, _this.engine.gpuCapability.level),
             alphaToCoverage: false,
             depthFunc: THREE__namespace.LessDepth,
             polygonOffsetFactor: THREE__namespace.ZeroFactor,
@@ -26737,7 +26765,7 @@ var seed = 1;
             texture.flipY = !!flipY;
             return texture;
         }
-        throw new Error("使用未知的数据类型创建纹理");
+        throw new Error("Create a texture using an unknown data type.");
     };
     /**
    * 将 WebGL 纹理过滤器枚举类型映射到 THREE 纹理过滤器枚举类型
@@ -27031,7 +27059,7 @@ var ThreeRenderer = /*#__PURE__*/ function(Renderer) {
                         }
                         firstFrameTime = performance.now() - last + composition.statistic.loadTime;
                         composition.statistic.firstFrameTime = firstFrameTime;
-                        logger.info("first frame: [" + composition.name + "]" + firstFrameTime.toFixed(4) + "ms");
+                        logger.info("First frame: [" + composition.name + "]" + firstFrameTime.toFixed(4) + "ms.");
                         _this.compositions.push(composition);
                         return [
                             2,
@@ -27197,8 +27225,8 @@ setMaxSpriteMeshItemCount(8);
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.0.0-alpha.17";
-logger.info("THREEJS plugin version: " + version);
+var version = "2.0.0-alpha.19";
+logger.info("THREEJS plugin version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;
 exports.ActivationPlayable = ActivationPlayable;
@@ -27290,6 +27318,7 @@ exports.SpriteLoader = SpriteLoader;
 exports.StaticValue = StaticValue;
 exports.TEMPLATE_USE_OFFSCREEN_CANVAS = TEMPLATE_USE_OFFSCREEN_CANVAS;
 exports.TEXTURE_UNIFORM_MAP = TEXTURE_UNIFORM_MAP;
+exports.TextComponentBase = TextComponentBase;
 exports.TextLayout = TextLayout;
 exports.TextLoader = TextLoader;
 exports.TextStyle = TextStyle;
@@ -27310,6 +27339,7 @@ exports.ValueGetter = ValueGetter;
 exports.addByOrder = addByOrder;
 exports.addItem = addItem;
 exports.addItemWithOrder = addItemWithOrder;
+exports.applyMixins = applyMixins;
 exports.assertExist = assertExist;
 exports.asserts = asserts;
 exports.base64ToFile = base64ToFile;
@@ -27325,7 +27355,7 @@ exports.compatibleVert = compatible_vert;
 exports.createCopyShader = createCopyShader;
 exports.createGLContext = createGLContext;
 exports.createKeyFrameMeta = createKeyFrameMeta;
-exports.createShaderWithMarcos = createShaderWithMarcos;
+exports.createShaderWithMacros = createShaderWithMacros;
 exports.createShape = createShape;
 exports.createVFXItem = createVFXItem;
 exports.createValueGetter = createValueGetter;
@@ -27429,7 +27459,6 @@ exports.setMaskMode = setMaskMode;
 exports.setMaxSpriteMeshItemCount = setMaxSpriteMeshItemCount;
 exports.setRayFromCamera = setRayFromCamera;
 exports.setSideMode = setSideMode;
-exports.setSpriteMeshMaxFragmentTextures = setSpriteMeshMaxFragmentTextures;
 exports.setSpriteMeshMaxItemCountByGPU = setSpriteMeshMaxItemCountByGPU;
 exports.setUniformValue = setUniformValue;
 exports.sortByOrder = sortByOrder;