@galacean/effects-threejs 2.0.0-alpha.32 → 2.0.0-alpha.34

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.32
+ * Version: v2.0.0-alpha.34
  */
 
 'use strict';
@@ -4808,7 +4808,9 @@ __decorate([
     // }
     /**
    * 在每次设置 enabled 为 true 时触发
-   */ _proto.onEnable = function onEnable() {};
+   */ _proto.onEnable = function onEnable() {
+    // OVERRIDE
+    };
     /**
    * 生命周期函数，在第一次 update 前调用，生命周期内只调用一次
    */ _proto.start = function start() {
@@ -7677,55 +7679,6 @@ function getPreMultiAlpha(blending) {
             return 1;
     }
 }
-var _obj$7;
-var downgradeKeywords = (_obj$7 = {}, _obj$7[exports.ShaderType.vertex] = {
-    in: "attribute",
-    out: "varying"
-}, _obj$7[exports.ShaderType.fragment] = {
-    in: "varying"
-}, _obj$7);
-/**
- * 生成 shader，检测到 WebGL1 上下文会降级
- * @param macros - 宏定义数组
- * @param shader - 原始 shader 文本
- * @param shaderType - shader 类型
- * @return 去除版本号的 shader 文本
- */ function createShaderWithMacros(macros, shader, shaderType, level) {
-    var ret = [];
-    var header = "";
-    // shader 标志宏，没有其他含义，方便不支持完全的自定义 shader 的三方引擎接入使用
-    ret.push("#define GE_RUNTIME");
-    if (macros) {
-        macros.forEach(function(param) {
-            var key = param[0], value = param[1];
-            if (value === true) {
-                ret.push("#define " + key);
-            } else if (Number.isFinite(value)) {
-                ret.push("#define " + key + " " + value);
-            }
-        });
-        header = ret.length ? ret.join("\n") + "\n" : "";
-    }
-    var versionTag = /#version\s+\b\d{3}\b\s*(es)?/;
-    var GL_TYPE = "WEBGL" + level;
-    header = header + ("\n#ifndef " + GL_TYPE + "\n#define " + GL_TYPE + "\n#endif");
-    var fullShader = header + "\n" + shader;
-    // 判断shader是否带有版本头
-    var match = fullShader.match(versionTag);
-    var version = match ? match[0] : "";
-    if (version && version.includes("300")) {
-        var reg = new RegExp("" + version, "g");
-        // 带版本头且level为1，降级
-        if (level === 1) {
-            fullShader = fullShader.replace(/\b(in|out)\b/g, function(str) {
-                var _downgradeKeywords_shaderType_str;
-                return (_downgradeKeywords_shaderType_str = downgradeKeywords[shaderType][str]) != null ? _downgradeKeywords_shaderType_str : str;
-            });
-        }
-        fullShader = fullShader.replace(reg, "\n");
-    }
-    return fullShader;
-}
 function setBlendMode(material, blendMode) {
     switch(blendMode){
         case undefined:
@@ -8428,7 +8381,7 @@ function _loadMipmapImage() {
     return _loadMipmapImage.apply(this, arguments);
 }
 
-var seed$a = 1;
+var seed$9 = 1;
 /**
  * Texture 抽象类
  */ var Texture = /*#__PURE__*/ function(EffectsObject) {
@@ -8437,7 +8390,7 @@ var seed$a = 1;
         var _this;
         _this = EffectsObject.call(this, engine) || this;
         _this.destroyed = false;
-        _this.id = "Tex" + seed$a++;
+        _this.id = "Tex" + seed$9++;
         return _this;
     }
     var _proto = Texture.prototype;
@@ -9065,7 +9018,7 @@ exports.MaterialRenderType = void 0;
 /**
  * 用于设置材质默认名称的自增序号
  * @internal
- */ var seed$9 = 1;
+ */ var seed$8 = 1;
 /**
  * Material 抽象类
  */ var Material = /*#__PURE__*/ function(EffectsObject) {
@@ -9078,14 +9031,14 @@ exports.MaterialRenderType = void 0;
         _this.destroyed = false;
         _this.initialized = false;
         if (props) {
-            var _props_name = props.name, name = _props_name === void 0 ? "Material" + seed$9++ : _props_name, _props_renderType = props.renderType, renderType = _props_renderType === void 0 ? 0 : _props_renderType, shader = props.shader, uniformSemantics = props.uniformSemantics;
+            var _props_name = props.name, name = _props_name === void 0 ? "Material" + seed$8++ : _props_name, _props_renderType = props.renderType, renderType = _props_renderType === void 0 ? 0 : _props_renderType, shader = props.shader, uniformSemantics = props.uniformSemantics;
             _this.name = name;
             _this.renderType = renderType; // TODO 没有地方用到
             _this.shaderSource = shader;
             _this.props = props;
             _this.uniformSemantics = _extends({}, uniformSemantics); // TODO 废弃，待移除
         } else {
-            _this.name = "Material" + seed$9++;
+            _this.name = "Material" + seed$8++;
             _this.renderType = 0;
         }
         return _this;
@@ -9410,29 +9363,6 @@ function vecFill(out, number) {
     }
     return out;
 }
-function vecAssign(out, a, count, start) {
-    if (start === void 0) start = 0;
-    for(var i = 0; i < count; i++){
-        out[i] = a[i + start];
-    }
-    return out;
-}
-function vecNormalize(out, a) {
-    var _Math;
-    if (arguments.length === 1) {
-        a = out;
-        out = [];
-    }
-    var ap = a;
-    var sum = (_Math = Math).hypot.apply(_Math, [].concat(ap));
-    if (sum === 0) {
-        return vecAssign(out, ap, ap.length);
-    }
-    for(var i = 0; i < ap.length; i++){
-        out[i] = ap[i] / sum;
-    }
-    return out;
-}
 function vecMulCombine(out, a, b) {
     if (a && b) {
         for(var i = 0, len = a.length; i < len; i++){
@@ -9522,10 +9452,6 @@ function numberToFix(a, fixed) {
     var base = Math.pow(10, fixed);
     return Math.floor(a * base) / base;
 }
-function pointOnLine(x1, y1, x2, y2, x3, y3) {
-    var det1 = x1 * y2 + y1 * x3 + x2 * y3 - x3 * y2 - y3 * x1 - x2 * y1;
-    return det1 > -0.001 && det1 < 0.001;
-}
 
 function _is_native_reflect_construct() {
     if (typeof Reflect === "undefined" || !Reflect.construct) return false;
@@ -10968,21 +10894,16 @@ exports.Shader = __decorate([
 
 var EFFECTS_COPY_MESH_NAME = "effects-internal-copy";
 var COPY_MESH_SHADER_ID = "effects-internal-copy-mesh";
-var COPY_VERTEX_SHADER = "\n#ifdef WEBGL2\n#define vsIn in\n#define vsOut out\n#else\n#define vsIn attribute\n#define vsOut varying\n#endif\nprecision highp float;\nvsIn vec2 aPos;\nvsOut vec2 vTex;\nvoid main(){\n    gl_Position = vec4(aPos,0.,1.0);\n    vTex = (aPos + vec2(1.0))/2.;\n}";
-var COPY_FRAGMENT_SHADER = "precision mediump float;\n#ifdef WEBGL2\n#define fsIn in\n#define fsOut out\n#define texture2D texture\n#else\n#define fsIn varying\n#endif\nfsIn vec2 vTex;\n#ifdef WEBGL2\nlayout (location = 0) out vec4 fragColor;\n#else\n#define fragColor gl_FragColor\n#endif\n\n#ifdef DEPTH_TEXTURE\nuniform sampler2D uDepth;\n#ifndef WEBGL2\n#extension GL_EXT_frag_depth : enable\n#define gl_FragDepth gl_FragDepthEXT\n#endif\n#endif\nvoid main(){\n    #ifdef DEPTH_TEXTURE\n    gl_FragDepth = texture2D(uDepth,vTex).r;\n    #endif\n}\n";
+var COPY_VERTEX_SHADER = "\nprecision highp float;\nattribute vec2 aPos;\nvarying vec2 vTex;\nvoid main(){\n    gl_Position = vec4(aPos,0.,1.0);\n    vTex = (aPos + vec2(1.0))/2.;\n}";
+var COPY_FRAGMENT_SHADER = "precision mediump float;\nvarying vec2 vTex;\n\n#ifdef DEPTH_TEXTURE\nuniform sampler2D uDepth;\n#extension GL_EXT_frag_depth : enable\n#endif\nvoid main(){\n    #ifdef DEPTH_TEXTURE\n    gl_FragDepthEXT = texture2D(uDepth,vTex).r;\n    #endif\n}\n";
 function createCopyShader(level, writeDepth) {
     var webgl2 = level === 2;
-    var version = webgl2 ? "#version 300 es" : "";
     return {
         name: EFFECTS_COPY_MESH_NAME,
-        vertex: version + "\n" + COPY_VERTEX_SHADER,
-        fragment: version + "\n" + COPY_FRAGMENT_SHADER,
+        vertex: COPY_VERTEX_SHADER,
+        fragment: COPY_FRAGMENT_SHADER,
         glslVersion: webgl2 ? exports.GLSLVersion.GLSL3 : exports.GLSLVersion.GLSL1,
         macros: [
-            [
-                "WEBGL2",
-                !!webgl2
-            ],
             [
                 "DEPTH_TEXTURE",
                 !!writeDepth
@@ -11150,7 +11071,7 @@ function generateEmptyTypedArray(type) {
     return new Float32Array(0);
 }
 
-var seed$8 = 1;
+var seed$7 = 1;
 /**
  * Mesh 抽象类
  */ var Mesh = /*#__PURE__*/ function(RendererComponent) {
@@ -11162,14 +11083,14 @@ var seed$8 = 1;
         _this.visible = true;
         if (props) {
             var material = props.material, geometry = props.geometry, _props_name = props.name, name = _props_name === void 0 ? "<unnamed>" : _props_name, _props_priority = props.priority, priority = _props_priority === void 0 ? 0 : _props_priority, _props_worldMatrix = props.worldMatrix, worldMatrix = _props_worldMatrix === void 0 ? Matrix4.fromIdentity() : _props_worldMatrix;
-            _this.id = "Mesh" + seed$8++;
+            _this.id = "Mesh" + seed$7++;
             _this.name = name;
             _this.geometry = geometry;
             _this.material = material;
             _this.priority = priority;
             _this.worldMatrix = worldMatrix;
         } else {
-            _this.id = "Mesh" + seed$8++;
+            _this.id = "Mesh" + seed$7++;
             _this.name = "<unnamed>";
             _this.worldMatrix = Matrix4.fromIdentity();
             _this._priority = 0;
@@ -11374,7 +11295,7 @@ exports.RenderPassDestroyAttachmentType = void 0;
    * 强制销毁
    */ RenderPassDestroyAttachmentType[RenderPassDestroyAttachmentType["destroy"] = 0] = "destroy";
 })(exports.RenderPassDestroyAttachmentType || (exports.RenderPassDestroyAttachmentType = {}));
-var seed$7 = 1;
+var seed$6 = 1;
 /**
  * RenderPass 抽象类
  */ var RenderPass = /*#__PURE__*/ function() {
@@ -11384,7 +11305,7 @@ var seed$7 = 1;
    */ this.attachments = [];
         this.destroyed = false;
         this.initialized = false;
-        var _options_name = options.name, name = _options_name === void 0 ? "RenderPass_" + seed$7++ : _options_name, clearAction = options.clearAction, semantics = options.semantics, depthStencilAttachment = options.depthStencilAttachment, storeAction = options.storeAction, _options_priority = options.priority, priority = _options_priority === void 0 ? 0 : _options_priority, _options_meshOrder = options.meshOrder, meshOrder = _options_meshOrder === void 0 ? exports.OrderType.ascending : _options_meshOrder, _options_meshes = options.meshes, meshes = _options_meshes === void 0 ? [] : _options_meshes, _options_delegate = options.delegate, delegate = _options_delegate === void 0 ? {} : _options_delegate;
+        var _options_name = options.name, name = _options_name === void 0 ? "RenderPass_" + seed$6++ : _options_name, clearAction = options.clearAction, semantics = options.semantics, depthStencilAttachment = options.depthStencilAttachment, storeAction = options.storeAction, _options_priority = options.priority, priority = _options_priority === void 0 ? 0 : _options_priority, _options_meshOrder = options.meshOrder, meshOrder = _options_meshOrder === void 0 ? exports.OrderType.ascending : _options_meshOrder, _options_meshes = options.meshes, meshes = _options_meshes === void 0 ? [] : _options_meshes, _options_delegate = options.delegate, delegate = _options_delegate === void 0 ? {} : _options_delegate;
         this.name = name;
         this.renderer = renderer;
         this.priority = priority;
@@ -11604,10 +11525,12 @@ var seed$7 = 1;
    */ _proto.getDepthAttachment = function getDepthAttachment() {
         var framebuffer = this.framebuffer;
         if (framebuffer) {
+            var depthTexture = framebuffer.getDepthTexture();
+            var texture = depthTexture ? this.getDepthTexture(depthTexture, framebuffer.externalStorage) : undefined;
             return {
                 storageType: framebuffer.depthStencilStorageType,
                 storage: framebuffer.depthStorage,
-                texture: framebuffer.getDepthTexture() ? this.getDepthTexture(framebuffer.getDepthTexture(), framebuffer.externalStorage) : undefined
+                texture: texture
             };
         }
     };
@@ -11616,10 +11539,12 @@ var seed$7 = 1;
    */ _proto.getStencilAttachment = function getStencilAttachment() {
         var framebuffer = this.framebuffer;
         if (framebuffer) {
+            var stencilTexture = framebuffer.getStencilTexture();
+            var texture = stencilTexture ? this.getDepthTexture(stencilTexture, framebuffer.externalStorage) : undefined;
             return {
                 storageType: framebuffer.depthStencilStorageType,
                 storage: framebuffer.stencilStorage,
-                texture: framebuffer.getStencilTexture() ? this.getStencilTexture(framebuffer.getStencilTexture(), framebuffer.externalStorage) : undefined
+                texture: texture
             };
         }
     };
@@ -11731,11 +11656,7 @@ var seed$7 = 1;
 
 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;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 itemFrameFrag = "#version 100\nprecision highp float;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;}varying vec4 vColor;varying vec4 vTexCoord;varying highp vec2 vParams;uniform vec3 uFrameColor;void main(){gl_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.;}";
 
@@ -11743,13 +11664,13 @@ var itemVert = "precision highp float;attribute vec2 atlasOffset;attribute vec3
 
 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;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 particleFrag = "#version 100\nprecision mediump float;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;}\n#define PATICLE_SHADER 1\nvarying float vLife;varying vec2 vTexCoord;varying 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\nvarying vec4 vTexCoordBlend;\n#endif\nvarying 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(){gl_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);gl_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}}";
+var particleVert = "#version 100\nprecision mediump float;\n#define SHADER_VERTEX 1\n#define PATICLE_SHADER 1\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\nattribute float aSeed;varying 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.;attribute vec3 aPos;attribute vec4 aOffset;attribute vec3 aVel;attribute vec3 aRot;attribute vec4 aColor;attribute vec3 aDirX;attribute vec3 aDirY;\n#ifdef USE_SPRITE\nattribute vec3 aSprite;uniform vec4 uSprite;struct UVDetail{vec2 uv0;vec3 uv1;};UVDetail getSpriteUV(vec2 uv,float lifeTime);varying 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\nvarying float vLife;varying vec4 vColor;varying 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}}";
 
-var trailVert = "#version 300 es\nprecision mediump float;\n#define SHADER_VERTEX 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.;}in vec4 aPos;in vec3 aDir;in vec3 aInfo;in vec4 aColor;in float aTime;\n#ifdef ATTR_TRAIL_START\nin float aTrailStart;\n#else\nuniform float uTrailStart[64];in float aTrailStartIndex;\n#endif\nuniform mat4 effects_MatrixInvV;uniform mat4 effects_ObjectToWorld;uniform mat4 effects_MatrixVP;uniform vec4 uTextureMap;uniform float uTime;uniform vec4 uParams;uniform vec4 uColorParams;uniform vec4 uOpacityOverLifetimeValue;uniform vec4 uWidthOverTrail;\n#ifdef COLOR_OVER_TRAIL\nuniform sampler2D uColorOverTrail;\n#endif\n#ifdef COLOR_OVER_LIFETIME\nuniform sampler2D uColorOverLifetime;\n#endif\nout float vLife;out vec2 vTexCoord;out vec4 vColor;\n#ifdef ENV_EDITOR\nuniform vec4 uEditorTransform;\n#endif\nvoid main(){vec4 _pa=effects_MatrixVP*vec4(aPos.xyz,1.);vec4 _pb=effects_MatrixVP*vec4(aPos.xyz+aDir,1.);vec2 dir=normalize(_pb.xy/_pb.w-_pa.xy/_pa.w);vec2 screen_xy=vec2(-dir.y,dir.x);vec4 pos=effects_ObjectToWorld*vec4(aPos.xyz,1.);\n#ifdef ATTR_TRAIL_START\nfloat ts=aTrailStart;\n#else\nfloat ts=uTrailStart[int(aTrailStartIndex)];\n#endif\nfloat trail=(ts-aInfo.y)/uParams.y;float width=aPos.w*getValueFromTime(trail,uWidthOverTrail)/max(abs(screen_xy.x),abs(screen_xy.y));pos.xyz+=(effects_MatrixInvV[0].xyz*screen_xy.x+effects_MatrixInvV[1].xyz*screen_xy.y)*width;float time=min((uTime-aTime)/aInfo.x,1.0);gl_Position=effects_MatrixVP*pos;vColor=aColor;\n#ifdef COLOR_OVER_LIFETIME\n#ifdef ENABLE_VERTEX_TEXTURE\nvColor*=texture2D(uColorOverLifetime,vec2(time,0.));\n#endif\n#endif\n#ifdef COLOR_OVER_TRAIL\nvColor*=texture2D(uColorOverTrail,vec2(trail,0.));\n#endif\nvColor.a*=clamp(getValueFromTime(time,uOpacityOverLifetimeValue),0.,1.);vLife=time;vTexCoord=uTextureMap.xy+vec2(trail,aInfo.z)*uTextureMap.zw;vSeed=aSeed;\n#ifdef ENV_EDITOR\ngl_Position=vec4(gl_Position.xy*uEditorTransform.xy+uEditorTransform.zw*gl_Position.w,gl_Position.zw);\n#endif\n}";
+var trailVert = "#version 100\nprecision mediump float;\n#define SHADER_VERTEX 1\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\nattribute float aSeed;varying 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.;}attribute vec4 aPos;attribute vec3 aDir;attribute vec3 aInfo;attribute vec4 aColor;attribute float aTime;\n#ifdef ATTR_TRAIL_START\nattribute float aTrailStart;\n#else\nuniform float uTrailStart[64];attribute float aTrailStartIndex;\n#endif\nuniform mat4 effects_MatrixInvV;uniform mat4 effects_ObjectToWorld;uniform mat4 effects_MatrixVP;uniform vec4 uTextureMap;uniform float uTime;uniform vec4 uParams;uniform vec4 uColorParams;uniform vec4 uOpacityOverLifetimeValue;uniform vec4 uWidthOverTrail;\n#ifdef COLOR_OVER_TRAIL\nuniform sampler2D uColorOverTrail;\n#endif\n#ifdef COLOR_OVER_LIFETIME\nuniform sampler2D uColorOverLifetime;\n#endif\nvarying float vLife;varying vec2 vTexCoord;varying vec4 vColor;\n#ifdef ENV_EDITOR\nuniform vec4 uEditorTransform;\n#endif\nvoid main(){vec4 _pa=effects_MatrixVP*vec4(aPos.xyz,1.);vec4 _pb=effects_MatrixVP*vec4(aPos.xyz+aDir,1.);vec2 dir=normalize(_pb.xy/_pb.w-_pa.xy/_pa.w);vec2 screen_xy=vec2(-dir.y,dir.x);vec4 pos=effects_ObjectToWorld*vec4(aPos.xyz,1.);\n#ifdef ATTR_TRAIL_START\nfloat ts=aTrailStart;\n#else\nfloat ts=uTrailStart[int(aTrailStartIndex)];\n#endif\nfloat trail=(ts-aInfo.y)/uParams.y;float width=aPos.w*getValueFromTime(trail,uWidthOverTrail)/max(abs(screen_xy.x),abs(screen_xy.y));pos.xyz+=(effects_MatrixInvV[0].xyz*screen_xy.x+effects_MatrixInvV[1].xyz*screen_xy.y)*width;float time=min((uTime-aTime)/aInfo.x,1.0);gl_Position=effects_MatrixVP*pos;vColor=aColor;\n#ifdef COLOR_OVER_LIFETIME\n#ifdef ENABLE_VERTEX_TEXTURE\nvColor*=texture2D(uColorOverLifetime,vec2(time,0.));\n#endif\n#endif\n#ifdef COLOR_OVER_TRAIL\nvColor*=texture2D(uColorOverTrail,vec2(trail,0.));\n#endif\nvColor.a*=clamp(getValueFromTime(time,uOpacityOverLifetimeValue),0.,1.);vLife=time;vTexCoord=uTextureMap.xy+vec2(trail,aInfo.z)*uTextureMap.zw;vSeed=aSeed;\n#ifdef ENV_EDITOR\ngl_Position=vec4(gl_Position.xy*uEditorTransform.xy+uEditorTransform.zw*gl_Position.w,gl_Position.zw);\n#endif\n}";
 
-var value = "#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.;}";
+var value = "#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\nattribute float aSeed;varying 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.;}";
 
 var valueDefine = "#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";
 
@@ -11767,6 +11688,159 @@ var gaussianUpFrag = "precision highp float;varying vec2 uv;uniform sampler2D _M
 
 var thresholdFrag = "precision highp float;varying vec2 uv;uniform sampler2D _MainTex;uniform float _Threshold;void main(){vec4 mainTex=texture2D(_MainTex,uv);mainTex.rgb=pow(mainTex.rgb,vec3(2.2));float brightness=max(mainTex.r,max(mainTex.g,mainTex.b));float w=max(0.0,brightness-_Threshold)/max(brightness,0.00001);mainTex.rgb*=w;mainTex.rgb*=mainTex.a;gl_FragColor=vec4(mainTex.rgb,1.0);}";
 
+var shaderLib = {};
+var ShaderFactory = /*#__PURE__*/ function() {
+    function ShaderFactory() {}
+    ShaderFactory.registerInclude = function registerInclude(includeName, includeSource) {
+        if (shaderLib[includeName]) {
+            logger.warn('The "' + includeName + '" shader include already exist.');
+        }
+        shaderLib[includeName] = includeSource;
+    };
+    ShaderFactory.unRegisterInclude = function unRegisterInclude(includeName) {
+        delete shaderLib[includeName];
+    };
+    ShaderFactory.unRegisterAllIncludes = function unRegisterAllIncludes() {
+        Object.keys(shaderLib).forEach(function(key) {
+            ShaderFactory.unRegisterInclude(key);
+        });
+    };
+    /**
+   * 生成 shader，检测到 WebGL1 上下文会降级
+   * @param macros - 宏定义数组
+   * @param shader - 原始 shader 文本
+   * @param shaderType - shader 类型
+   * @return 去除版本号的 shader 文本
+   */ ShaderFactory.genFinalShaderCode = function genFinalShaderCode(options) {
+        var level = options.level, shaderType = options.shaderType, shader = options.shader, macros = options.macros, removeVersion = options.removeVersion;
+        var macroString = ShaderFactory.genMacroString(level, macros);
+        var versionString = ShaderFactory.genShaderVersion(level);
+        var source = ShaderFactory.parseIncludes(shader);
+        var isVersion300 = ShaderFactory.isVersion300(source);
+        source = ShaderFactory.removeWebGLVersion(source);
+        if (level === 2 && !isVersion300) {
+            source = ShaderFactory.convertTo300(source, shaderType === exports.ShaderType.fragment);
+        }
+        if (removeVersion) {
+            return macroString + source;
+        }
+        return versionString + macroString + source;
+    };
+    /**
+   * Convert lower GLSL version to GLSL 300 es.
+   * @param source - code
+   * @param isFragment - Whether it is a fragment shader.
+   * */ ShaderFactory.convertTo300 = function convertTo300(source, isFragment) {
+        source = source.replace(/\bvarying\b/g, isFragment ? "in" : "out");
+        source = source.replace(/\btexture(2D|Cube)\b/g, "texture");
+        // Remove extensions
+        var regex = /#extension.+(GL_OES_standard_derivatives|GL_EXT_shader_texture_lod|GL_EXT_frag_depth|GL_EXT_draw_buffers).+(enable|require)/g;
+        source = source.replace(regex, "");
+        if (isFragment) {
+            source = source.replace(/\btexture(2D|Cube)LodEXT\b/g, "textureLod");
+            source = source.replace(/\btexture(2D|Cube)GradEXT\b/g, "textureGrad");
+            source = source.replace(/\bgl_FragDepthEXT\b/g, "gl_FragDepth");
+            if (!ShaderFactory.has300Output(source)) {
+                var isMRT = /\bgl_FragData\[.+?\]/g.test(source);
+                if (isMRT) {
+                    source = source.replace(/\bgl_FragColor\b/g, "gl_FragData[0]");
+                    var result = source.match(/\bgl_FragData\[.+?\]/g);
+                    if (result) {
+                        source = ShaderFactory.replaceMRTShader(source, result);
+                    }
+                } else {
+                    source = source.replace(/void\s+?main\s*\(/g, "out vec4 glFragColor;\nvoid main(");
+                    source = source.replace(/\bgl_FragColor\b/g, "glFragColor");
+                }
+            }
+        } else {
+            source = source.replace(/\battribute\b/g, "in");
+        }
+        return source;
+    };
+    ShaderFactory.parseIncludes = function parseIncludes(source, regex) {
+        if (regex === void 0) regex = /#include <(.+)>/gm;
+        var match;
+        while((match = regex.exec(source)) !== null){
+            var shaderName = match[1];
+            var replace = shaderLib[shaderName];
+            if (replace === undefined) {
+                throw new Error("Can't find include shader name " + shaderName);
+            }
+            source = source.replace(match[0], replace);
+        }
+        return source;
+    };
+    ShaderFactory.genMacroString = function genMacroString(level, macros, addRuntimeMacro) {
+        if (addRuntimeMacro === void 0) addRuntimeMacro = true;
+        var macroList = [];
+        var webGLVersion = "WEBGL" + level;
+        macroList.push("#ifndef " + webGLVersion);
+        macroList.push("#define " + webGLVersion);
+        macroList.push("#endif");
+        if (addRuntimeMacro) {
+            macroList.push("#define GE_RUNTIME");
+        }
+        if (macros && macros.length) {
+            macros.forEach(function(param) {
+                var key = param[0], value = param[1];
+                if (value === true) {
+                    macroList.push("#define " + key);
+                } else if (Number.isFinite(value)) {
+                    macroList.push("#define " + key + " " + value);
+                }
+            });
+        }
+        if (macroList.length) {
+            return macroList.join("\n") + "\n";
+        }
+        return "";
+    };
+    ShaderFactory.genShaderVersion = function genShaderVersion(level) {
+        if (level === 1) {
+            return "#version 100\n";
+        }
+        return "#version 300 es\n";
+    };
+    ShaderFactory.isVersion300 = function isVersion300(source) {
+        var versionTag = /#version\s+\b\d{3}\b\s*(es)?/;
+        var match = source.match(versionTag);
+        var version = match ? match[0] : "";
+        return version.includes("300");
+    };
+    ShaderFactory.removeWebGLVersion = function removeWebGLVersion(source) {
+        var versionTag = /#version\s+\b\d{3}\b\s*(es)?/;
+        var match = source.match(versionTag);
+        if (match) {
+            return source.replace(match[0], "");
+        }
+        return source;
+    };
+    ShaderFactory.has300Output = function has300Output(fragmentShader) {
+        // [layout(location = 0)] out [highp] vec4 [color];
+        var fragReg = /\bout\s+(?:\w+\s+)?(?:vec4)\s+(?:\w+)\s*;/;
+        return fragReg.test(fragmentShader);
+    };
+    ShaderFactory.replaceMRTShader = function replaceMRTShader(source, result) {
+        var mrtIndexSet = new Set();
+        var declaration = "";
+        for(var i = 0; i < result.length; i++){
+            var res = result[i].match(/\bgl_FragData\[(.+?)\]/);
+            if (res) {
+                mrtIndexSet.add(res[1]);
+            }
+        }
+        mrtIndexSet.forEach(function(index) {
+            declaration += "layout(location=" + index + ") out vec4 fragOutColor" + index + ";\n";
+        });
+        declaration += "void main(";
+        source = source.replace(/\bgl_FragData\[(.+?)\]/g, "fragOutColor$1");
+        source = source.replace(/void\s+?main\s*\(/g, declaration);
+        return source;
+    };
+    return ShaderFactory;
+}();
+
 // Bloom 阈值 Pass
 var BloomThresholdPass = /*#__PURE__*/ function(RenderPass) {
     _inherits(BloomThresholdPass, RenderPass);
@@ -12064,7 +12138,7 @@ var ToneMappingPass = /*#__PURE__*/ function(RenderPass) {
 }(RenderPass);
 
 var RENDER_PASS_NAME_PREFIX = "_effects_default_";
-var seed$6 = 1;
+var seed$5 = 1;
 /**
  * RenderFrame 抽象类
  */ var RenderFrame = /*#__PURE__*/ function() {
@@ -12218,7 +12292,7 @@ var seed$6 = 1;
         }
         this.semantics = new SemanticMap(options.semantics);
         this.clearAction = clearAction;
-        this.name = "RenderFrame" + seed$6++;
+        this.name = "RenderFrame" + seed$5++;
         var firstRP = renderPasses[0];
         this.emptyTexture = generateWhiteTexture(engine);
         this.transparentTexture = generateTransparentTexture(engine);
@@ -12527,6 +12601,9 @@ var seed$6 = 1;
     _proto.addToRenderPass = function addToRenderPass(renderPass, mesh) {
         var info = this.renderPassInfoMap.get(renderPass);
         var priority = mesh.priority;
+        if (!info) {
+            return;
+        }
         if (renderPass.meshes.length === 0) {
             info.listStart = info.listEnd = priority;
         } else {
@@ -12701,6 +12778,8 @@ var seed$6 = 1;
    * 创建拷贝 RenderPass 用到的 Mesh 对象
    * @param semantics - RenderPass 渲染时 Framebuffer 的颜色和深度纹理、大小和是否混合
    */ _proto.createCopyMesh = function createCopyMesh(semantics) {
+        var // FIXME: 如果不把shader添加进shaderLibrary，这里可以移到core中，有性能上的考虑
+        _this_renderer_getShaderLibrary;
         var name = EFFECTS_COPY_MESH_NAME;
         var engine = this.renderer.engine;
         var geometry = Geometry.create(engine, {
@@ -12725,8 +12804,7 @@ var seed$6 = 1;
             drawCount: 4
         });
         var shader = createCopyShader(engine.gpuCapability.level, !!(semantics == null ? void 0 : semantics.depthTexture));
-        // FIXME: 如果不把shader添加进shaderLibrary，这里可以移到core中，有性能上的考虑
-        this.renderer.getShaderLibrary().addShader(shader);
+        (_this_renderer_getShaderLibrary = this.renderer.getShaderLibrary()) == null ? void 0 : _this_renderer_getShaderLibrary.addShader(shader);
         var material = Material.create(engine, {
             uniformValues: {
                 // @ts-expect-error
@@ -12790,7 +12868,10 @@ var FinalCopyRP = /*#__PURE__*/ function(RenderPass) {
     }
     var _proto = FinalCopyRP.prototype;
     _proto.configure = function configure(renderer) {
-        this.prePassTexture = renderer.getFramebuffer().getColorTextures()[0];
+        var framebuffer = renderer.getFramebuffer();
+        if (framebuffer) {
+            this.prePassTexture = framebuffer.getColorTextures()[0];
+        }
         renderer.setFramebuffer(null);
     };
     _proto.execute = function execute(renderer) {
@@ -13151,7 +13232,7 @@ var Renderer = /*#__PURE__*/ function() {
 
 var vertex = "\nprecision highp float;\n\nattribute vec2 aPoint;\nuniform vec4 uPos;\nuniform vec2 uSize;\nuniform vec4 uQuat;\nuniform vec4 uColor;\nuniform mat4 effects_ObjectToWorld;\nuniform mat4 effects_MatrixInvV;\nuniform mat4 effects_MatrixVP;\nvarying vec4 vColor;\n#ifdef ENV_EDITOR\n  uniform vec4 uEditorTransform;\n#endif\n\nvec3 rotateByQuat(vec3 a, vec4 quat){\n  vec3 qvec = quat.xyz;\n  vec3 uv = cross(qvec, a);\n  vec3 uuv = cross(qvec, uv) * 2.;\n  return a +(uv * 2. * quat.w + uuv);\n}\n\nvoid main() {\n  vec4 _pos = uPos;\n  vec3 point = rotateByQuat(vec3(aPoint.xy * uSize, 0.),uQuat);\n  vec4 pos = vec4(_pos.xyz, 1.0);\n  pos = effects_ObjectToWorld * pos;\n  pos.xyz += effects_MatrixInvV[0].xyz * point.x+ effects_MatrixInvV[1].xyz * point.y;\n  gl_Position = effects_MatrixVP * pos;\n  vColor = uColor;\n  #ifdef ENV_EDITOR\n    gl_Position = vec4(gl_Position.xy * uEditorTransform.xy + uEditorTransform.zw * gl_Position.w, gl_Position.zw);\n  #endif\n}\n";
 var fragment = "\nprecision highp float;\n\n#define fragColor gl_FragColor\n\nvarying vec4 vColor;\nvoid main() {\n  gl_FragColor = vColor*vColor.a;\n}\n";
-var seed$5 = 1;
+var seed$4 = 1;
 var InteractMesh = /*#__PURE__*/ function() {
     function InteractMesh(props, rendererOptions, transform, engine) {
         this.transform = transform;
@@ -13252,7 +13333,7 @@ var InteractMesh = /*#__PURE__*/ function() {
     };
     _proto.createMesh = function createMesh(geometry, material) {
         return Mesh.create(this.engine, {
-            name: "Interact_preview" + seed$5++,
+            name: "Interact_preview" + seed$4++,
             priority: 0,
             worldMatrix: Matrix4.fromIdentity(),
             geometry: geometry,
@@ -13304,13 +13385,15 @@ exports.InteractComponent = /*#__PURE__*/ function(RendererComponent) {
         if (type === InteractType.CLICK) {
             this.clickable = true;
             if (showPreview && env === PLAYER_OPTIONS_ENV_EDITOR) {
-                var rendererOptions = this.item.composition.getRendererOptions();
-                this.previewContent = new InteractMesh(this.item.props.content, rendererOptions, this.transform, this.engine);
+                var rendererOptions = composition == null ? void 0 : composition.getRendererOptions();
+                if (rendererOptions !== undefined) {
+                    this.previewContent = new InteractMesh(this.item.props.content, rendererOptions, this.transform, this.engine);
+                }
             }
         }
         if (options.type === InteractType.DRAG) {
             if (env !== PLAYER_OPTIONS_ENV_EDITOR || options.enableInEditor) {
-                composition.event && this.beginDragTarget(options, composition.event);
+                (composition == null ? void 0 : composition.event) && this.beginDragTarget(options, composition.event);
             }
         }
         if (this.previewContent) {
@@ -13581,11 +13664,11 @@ var SpriteLoader = /*#__PURE__*/ function(AbstractPlugin) {
         var shaderLibrary = render.getShaderLibrary();
         var _render_engine_gpuCapability = render.engine.gpuCapability, level = _render_engine_gpuCapability.level, detail = _render_engine_gpuCapability.detail;
         var env = (options != null ? options : {}).env;
-        if (!shaderLibrary.shaderResults[spriteMeshShaderIdFromRenderInfo(defRenderInfo, 2)]) {
-            shaderLibrary.addShader(spriteMeshShaderFromRenderInfo(defRenderInfo, 2, 1, env));
-            shaderLibrary.addShader(spriteMeshShaderFromRenderInfo(defRenderInfo, exports.maxSpriteMeshItemCount, 1, env));
+        if (!(shaderLibrary == null ? void 0 : shaderLibrary.shaderResults[spriteMeshShaderIdFromRenderInfo(defRenderInfo, 2)])) {
+            shaderLibrary == null ? void 0 : shaderLibrary.addShader(spriteMeshShaderFromRenderInfo(defRenderInfo, 2, 1, env));
+            shaderLibrary == null ? void 0 : shaderLibrary.addShader(spriteMeshShaderFromRenderInfo(defRenderInfo, exports.maxSpriteMeshItemCount, 1, env));
             if (detail.writableFragDepth) {
-                shaderLibrary.addShader(createCopyShader(level, true));
+                shaderLibrary == null ? void 0 : shaderLibrary.addShader(createCopyShader(level, true));
             }
         }
         return Promise.resolve();
@@ -13917,7 +14000,7 @@ var tempColor = [
     1,
     1
 ];
-var seed$4 = 0;
+var seed$3 = 0;
 var SpriteColorPlayable = /*#__PURE__*/ function(Playable) {
     _inherits(SpriteColorPlayable, Playable);
     function SpriteColorPlayable() {
@@ -13958,8 +14041,9 @@ var SpriteColorPlayable = /*#__PURE__*/ function(Playable) {
             colorChanged = true;
         }
         if (colorChanged) {
+            var _this_spriteMaterial_getVector4;
             vecMulCombine(this.renderColor, colorInc, this.startColor);
-            this.spriteMaterial.getVector4("_Color").setFromArray(this.renderColor);
+            (_this_spriteMaterial_getVector4 = this.spriteMaterial.getVector4("_Color")) == null ? void 0 : _this_spriteMaterial_getVector4.setFromArray(this.renderColor);
         }
     };
     _proto.create = function create(clipData) {
@@ -14025,7 +14109,7 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
                 }
             }
         };
-        _this.name = "MSprite" + seed$4++;
+        _this.name = "MSprite" + seed$3++;
         _this.renderer = {
             renderMode: RenderMode.BILLBOARD,
             blending: BlendingMode.ALPHA,
@@ -14211,9 +14295,11 @@ exports.SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
         var data = this.getItemInitData();
         var renderer = this.renderer;
         var texParams = this.material.getVector4("_TexParams");
-        texParams.x = renderer.occlusion ? +renderer.transparentOcclusion : 1;
-        texParams.y = +this.preMultiAlpha;
-        texParams.z = renderer.renderMode;
+        if (texParams) {
+            texParams.x = renderer.occlusion ? +renderer.transparentOcclusion : 1;
+            texParams.y = +this.preMultiAlpha;
+            texParams.z = renderer.renderMode;
+        }
         var attributes = {
             atlasOffset: new Float32Array(data.atlasOffset.length),
             index: new Uint16Array(data.index.length)
@@ -14506,7 +14592,7 @@ function setConfig(name, value) {
 }
 
 var tempQuat$1 = new Quaternion();
-var seed$3 = 1;
+var seed$2 = 1;
 // TODO 继承 Component
 var Transform = /*#__PURE__*/ function() {
     function Transform(props, parent) {
@@ -14557,7 +14643,7 @@ var Transform = /*#__PURE__*/ function() {
             quat: new Quaternion(0, 0, 0, 1),
             scale: new Vector3(1, 1, 1)
         };
-        this.name = "transform_" + seed$3++;
+        this.name = "transform_" + seed$2++;
         if (props) {
             this.setTransform(props);
         }
@@ -15862,8 +15948,8 @@ function getBezier2DValue(out, t, p0, p1, cpx0, cpy0, cpx1, cpy1) {
 }
 
 var Burst = /*#__PURE__*/ function() {
-    function Burst(opts) {
-        var time = opts.time, interval = opts.interval, count = opts.count, cycles = opts.cycles, probability = opts.probability;
+    function Burst(options) {
+        var time = options.time, interval = options.interval, count = options.count, cycles = options.cycles, probability = options.probability;
         this.time = +time || 0;
         this.interval = +interval || 1;
         this.count = _instanceof1(count, ValueGetter) ? count : createValueGetter(count);
@@ -15891,7 +15977,14 @@ var Burst = /*#__PURE__*/ function() {
         this.now = 0;
     };
     _proto.clone = function clone() {
-        return new Burst(this);
+        var options = {
+            time: this.time,
+            interval: this.interval,
+            count: this.count,
+            cycles: this.cycles,
+            probability: this.probability
+        };
+        return new Burst(options);
     };
     return Burst;
 }();
@@ -16029,6 +16122,17 @@ var Link = /*#__PURE__*/ function() {
             }while (node = node.pre);
         }
     };
+    _proto.getNodeByIndex = function getNodeByIndex(index) {
+        var i = 0, res = this.first;
+        if (!res || index >= this.length || index < 0) {
+            return null;
+        }
+        while(i < index){
+            res = res.next;
+            i++;
+        }
+        return res;
+    };
     return Link;
 }();
 
@@ -16342,6 +16446,7 @@ var TrailMesh = /*#__PURE__*/ function() {
         if (index >= 0 && index < pointCountPerTrail) {
             var startIndex = (trail * pointCountPerTrail + index) * 24 + 8;
             var data = this.geometry.getAttributeData("aColor");
+            assertExist(data);
             out.x = data[startIndex];
             out.y = data[1 + startIndex];
             out.z = data[2 + startIndex];
@@ -16349,14 +16454,14 @@ var TrailMesh = /*#__PURE__*/ function() {
         }
     };
     _proto.clearAllTrails = function clearAllTrails() {
-        var geo = this.geometry;
+        var indexData = this.geometry.getIndexData();
+        assertExist(indexData);
         this.trailCursors = new Uint16Array(this.trailCursors.length);
-        // @ts-expect-error
-        geo.setIndexData(new Uint16Array(geo.getIndexData().length));
+        this.geometry.setIndexData(new Uint16Array(indexData.length));
     };
     _proto.minusTime = function minusTime(time) {
-        // FIXME: 可选性
         var data = this.geometry.getAttributeData("aTime");
+        assertExist(data);
         for(var i = 0; i < data.length; i++){
             data[i] -= time;
         }
@@ -16368,6 +16473,7 @@ var TrailMesh = /*#__PURE__*/ function() {
             var pointCountPerTrail = this.pointCountPerTrail;
             var indicesPerTrail = (pointCountPerTrail - 1) * 6;
             var indices = this.geometry.getIndexData();
+            assertExist(indices);
             indices.set(new Uint16Array(indicesPerTrail), index * indicesPerTrail);
             this.geometry.setIndexData(indices);
             this.trailCursors[index] = 0;
@@ -16821,7 +16927,7 @@ exports.ParticleSystem = /*#__PURE__*/ function(Component) {
                             break;
                         }
                         var burst = bursts[j];
-                        var opts = !burst.disabled && burst.getGeneratorOptions(timePassed, lifetime);
+                        var opts = burst.getGeneratorOptions(timePassed, lifetime);
                         if (opts) {
                             var originVec = [
                                 0,
@@ -16830,9 +16936,6 @@ exports.ParticleSystem = /*#__PURE__*/ function(Component) {
                             ];
                             var offsets = emission.burstOffsets[j];
                             var burstOffset = offsets && offsets[opts.cycleIndex] || originVec;
-                            if (burst.once) {
-                                this.removeBurst(j);
-                            }
                             for(var i1 = 0; i1 < opts.count && cursor < maxCount; i1++){
                                 var _p_transform;
                                 if (shouldSkipGenerate()) {
@@ -16865,10 +16968,8 @@ exports.ParticleSystem = /*#__PURE__*/ function(Component) {
                         content[3].delay -= duration;
                     });
                     this.renderer.minusTimeForLoop(duration);
-                    this.onIterate(this);
                 } else {
                     this.ended = true;
-                    this.onEnd(this);
                     var endBehavior = this.item.endBehavior;
                     if (endBehavior === EndBehavior.freeze) {
                         this.frozen = true;
@@ -17016,7 +17117,21 @@ exports.ParticleSystem = /*#__PURE__*/ function(Component) {
             time: startTime
         });
     };
-    _proto.getPointPosition = function getPointPosition(point) {
+    /**
+   * 通过索引获取指定index粒子当前时刻的位置
+   * @params index - 粒子索引
+   */ _proto.getPointPositionByIndex = function getPointPositionByIndex(index) {
+        var point = this.particleLink.getNodeByIndex(index);
+        if (!point) {
+            console.error("Get point error.");
+            return null;
+        } else {
+            return this.getPointPosition(point.content[3]);
+        }
+    };
+    /**
+   * 通过粒子参数获取当前时刻粒子的位置
+   */ _proto.getPointPosition = function getPointPosition(point) {
         var transform = point.transform, vel = point.vel, lifetime = point.lifetime, delay = point.delay, _point_gravity = point.gravity, gravity = _point_gravity === void 0 ? [] : _point_gravity;
         var forceTarget = this.options.forceTarget;
         var time = this.lastUpdate - delay;
@@ -17038,8 +17153,6 @@ exports.ParticleSystem = /*#__PURE__*/ function(Component) {
         }
         return ret;
     };
-    _proto.onEnd = function onEnd(particle) {};
-    _proto.onIterate = function onIterate(particle) {};
     _proto.initPoint = function initPoint(data) {
         var options = this.options;
         var lifetime = this.lifetime;
@@ -17463,9 +17576,10 @@ exports.ParticleSystem = /*#__PURE__*/ function(Component) {
         // this.item = vfxItem;
         var interaction = props.interaction;
         if (interaction) {
+            var _interaction_radius;
             this.interaction = {
                 multiple: interaction.multiple,
-                radius: interaction.radius,
+                radius: (_interaction_radius = interaction.radius) != null ? _interaction_radius : 0.4,
                 behavior: interaction.behavior
             };
         }
@@ -17549,7 +17663,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) {
@@ -17577,8 +17694,12 @@ function randomArrItem(arr, keepArr) {
             if (this.time < particleSystem.item.duration && particleSystem.isFrozen()) {
                 particleSystem.reset();
             }
+            if (Math.abs(this.time - this.lastTime) < 0.001) {
+                deltaTime = 0;
+            }
             particleSystem.onUpdate(deltaTime);
         }
+        this.lastTime = this.time;
     };
     return ParticleBehaviourPlayable;
 }(Playable);
@@ -17991,6 +18112,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
     _proto.getPointColor = function getPointColor(index) {
         var data = this.geometry.getAttributeData("aRot");
         var i = index * 32 + 4;
+        assertExist(data);
         return [
             data[i],
             data[i + 1],
@@ -17998,31 +18120,6 @@ var ParticleMesh = /*#__PURE__*/ function() {
             data[i + 3]
         ];
     };
-    /**
-   * 待废弃
-   * @deprecated - 使用 `particle-system.getPointPosition` 替代
-   */ _proto.getPointPosition = function getPointPosition(index) {
-        var geo = this.geometry;
-        var posIndex = index * 48;
-        var posData = geo.getAttributeData("aPos");
-        var offsetData = geo.getAttributeData("aOffset");
-        var time = this.time - offsetData[index * 16 + 2];
-        var pointDur = offsetData[index * 16 + 3];
-        var mtl = this.mesh.material;
-        var acc = mtl.getVector4("uAcceleration").toVector3();
-        var pos = Vector3.fromArray(posData, posIndex);
-        var vel = Vector3.fromArray(posData, posIndex + 3);
-        var ret = calculateTranslation(new Vector3(), this, acc, time, pointDur, pos, vel);
-        if (this.forceTarget) {
-            var target = mtl.getVector3("uFinalTarget");
-            var life = this.forceTarget.curve.getValue(time / pointDur);
-            var dl = 1 - life;
-            ret.x = ret.x * dl + target.x * life;
-            ret.y = ret.y * dl + target.y * life;
-            ret.z = ret.z * dl + target.z * life;
-        }
-        return ret;
-    };
     _proto.clearPoints = function clearPoints() {
         this.resetGeometryData(this.geometry);
         this.particleCount = 0;
@@ -18045,6 +18142,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
     };
     _proto.minusTime = function minusTime(time) {
         var data = this.geometry.getAttributeData("aOffset");
+        assertExist(data);
         for(var i = 0; i < data.length; i += 4){
             data[i + 2] -= time;
         }
@@ -18171,6 +18269,7 @@ var ParticleMesh = /*#__PURE__*/ function() {
                 var attrSize = geometry.getAttributeStride(name) / Float32Array.BYTES_PER_ELEMENT;
                 if (increaseBuffer) {
                     var baseData = geometry.getAttributeData(name);
+                    assertExist(baseData);
                     var geoData = enlargeBuffer(baseData, vertexCount * attrSize, maxCount * 4 * attrSize, inc);
                     geoData.set(data, data.length * index);
                     geometry.setAttributeData(name, geoData);
@@ -18540,12 +18639,8 @@ var ParticleLoader = /*#__PURE__*/ function(AbstractPlugin) {
             // TODO 此处add是否有意义？shader变量似乎没有加到this.shaders数组。
             if (item.content.trails) {
                 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);
+                shaderLibrary == null ? void 0 : shaderLibrary.addShader(shader1);
             }
         });
         shaders.forEach(function(shader) {
@@ -18555,15 +18650,10 @@ var ParticleLoader = /*#__PURE__*/ function(AbstractPlugin) {
             } else {
                 shader.glslVersion = exports.GLSLVersion.GLSL1;
             }
-            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);
+            shaderLibrary == null ? void 0 : shaderLibrary.addShader(shader);
         });
         if (level === 2) {
             items.forEach(function(item) {
-                // @ts-expect-error
                 item.content.options.meshSlots = [
                     maxVertexCount,
                     maxFragmentCount
@@ -19377,9 +19467,6 @@ function compareTracks(a, b) {
         _this.startTime = 0;
         _this.items = [] // 场景的所有元素
         ;
-        /**
-   * 合成是否冻结标志位
-   */ _this.fezzed = false;
         _this.reusable = false;
         _this.sceneBindings = [];
         _this.graph = new PlayableGraph();
@@ -19804,7 +19891,9 @@ var CanvasPool = /*#__PURE__*/ function() {
     };
     _proto.getCanvas = function getCanvas() {
         if (this.elements.length !== 0) {
-            return this.elements.shift();
+            var canvas = this.elements.shift();
+            assertExist(canvas);
+            return canvas;
         }
         if (getConfig(TEMPLATE_USE_OFFSCREEN_CANVAS)) {
             return window._createOffscreenCanvas(10, 10);
@@ -19829,9 +19918,6 @@ var CanvasPool = /*#__PURE__*/ function() {
     return CanvasPool;
 }();
 var canvasPool = new CanvasPool();
-function getDefaultTemplateCanvasPool() {
-    return canvasPool;
-}
 
 var DEFAULT_FONTS = [
     "serif",
@@ -20253,7 +20339,6 @@ var TextLoader = /*#__PURE__*/ function(AbstractPlugin) {
     return TextLoader;
 }(AbstractPlugin);
 
-var seed$2 = 1;
 exports.EffectComponent = /*#__PURE__*/ function(RendererComponent) {
     _inherits(EffectComponent, RendererComponent);
     function EffectComponent(engine) {
@@ -20264,7 +20349,6 @@ exports.EffectComponent = /*#__PURE__*/ function(RendererComponent) {
    */ _this.worldMatrix = Matrix4.fromIdentity();
         _this.triangles = [];
         _this.destroyed = false;
-        _this.visible = false;
         // TODO 点击测试后续抽象一个 Collider 组件
         _this.getHitTestParams = function(force) {
             var area = _this.getBoundingBox();
@@ -20275,18 +20359,11 @@ exports.EffectComponent = /*#__PURE__*/ function(RendererComponent) {
                 };
             }
         };
-        _this.id = "Mesh" + seed$2++;
-        _this.name = "<unnamed>";
+        _this.name = "EffectComponent";
         _this._priority = 0;
         return _this;
     }
     var _proto = EffectComponent.prototype;
-    /**
-   * 设置当前 Mesh 的可见性。
-   * @param visible - true：可见，false：不可见
-   */ _proto.setVisible = function setVisible(visible) {
-        this.visible = visible;
-    };
     _proto.start = function start() {
         this.item.getHitTestParams = this.getHitTestParams;
     };
@@ -20297,16 +20374,6 @@ exports.EffectComponent = /*#__PURE__*/ function(RendererComponent) {
         renderer.drawGeometry(this.geometry, this.material);
     };
     /**
-   * 获取当前 Mesh 的可见性。
-   */ _proto.getVisible = function getVisible() {
-        return this.visible;
-    };
-    /**
-   * 获取当前 Mesh 的第一个 geometry。
-   */ _proto.firstGeometry = function firstGeometry() {
-        return this.geometry;
-    };
-    /**
    * 设置当前 Mesh 的材质
    * @param material - 要设置的材质
    * @param destroy - 可选的材质销毁选项
@@ -20353,27 +20420,11 @@ exports.EffectComponent = /*#__PURE__*/ function(RendererComponent) {
    * @param options - 可选的销毁选项
    */ _proto.dispose = function dispose(options) {
         if (this.destroyed) {
-            //console.error('call mesh.destroy multiple times', this);
             return;
         }
-        // if (options?.geometries !== DestroyOptions.keep) {
-        //   this.geometry.dispose();
-        // }
-        // const materialDestroyOption = options?.material;
-        // if (materialDestroyOption !== DestroyOptions.keep) {
-        //   this.material.dispose(materialDestroyOption);
-        // }
         this.destroyed = true;
         RendererComponent.prototype.dispose.call(this);
     };
-    _create_class(EffectComponent, [
-        {
-            key: "isDestroyed",
-            get: function get() {
-                return this.destroyed;
-            }
-        }
-    ]);
     return EffectComponent;
 }(RendererComponent);
 __decorate([
@@ -20383,8 +20434,10 @@ exports.EffectComponent = __decorate([
     effectsClass(DataType.EffectComponent)
 ], exports.EffectComponent);
 function geometryToTriangles(geometry) {
-    var indices = geometry.getIndexData();
-    var vertices = geometry.getAttributeData("aPos");
+    var _geometry_getIndexData;
+    var indices = (_geometry_getIndexData = geometry.getIndexData()) != null ? _geometry_getIndexData : [];
+    var _geometry_getAttributeData;
+    var vertices = (_geometry_getAttributeData = geometry.getAttributeData("aPos")) != null ? _geometry_getAttributeData : [];
     var res = [];
     for(var i = 0; i < indices.length; i += 3){
         var index0 = indices[i] * 3;
@@ -23109,6 +23162,7 @@ function getStandardJSON(json) {
         reverseParticle = ((_exec = /^(\d+)/.exec(json.version)) == null ? void 0 : _exec[0]) === "0";
         return version30Migration(version21Migration(getStandardJSONFromV0(json)));
     }
+    reverseParticle = false;
     var vs = standardVersion.exec(json.version) || [];
     var mainVersion = Number(vs[1]);
     var minorVersion = Number(vs[2]);
@@ -23855,7 +23909,6 @@ var seed$1 = 1;
             return __generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        // TODO: 后面切换到新的数据版本，就不用掉用 getStandardJSON 做转换了
                         jsonScene = getStandardJSON(json);
                         _jsonScene_plugins = jsonScene.plugins, plugins = _jsonScene_plugins === void 0 ? [] : _jsonScene_plugins, sceneCompositions = jsonScene.compositions, imgUsage = jsonScene.imgUsage, images = jsonScene.images;
                         pluginSystem = new PluginSystem(plugins);
@@ -24149,18 +24202,18 @@ var seed$1 = 1;
                         source: source
                     };
                 });
-                jobs = textures.map(/*#__PURE__*/ _async_to_generator(function(texOpts, idx) {
-                    var e, source, image, tex;
+                jobs = textures.map(/*#__PURE__*/ _async_to_generator(function(textureOptions, idx) {
+                    var e, source, image, texture;
                     return __generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
-                                if (_instanceof1(texOpts, Texture)) {
+                                if (_instanceof1(textureOptions, Texture)) {
                                     return [
                                         2,
-                                        texOpts
+                                        textureOptions
                                     ];
                                 }
-                                if (!("mipmaps" in texOpts)) return [
+                                if (!("mipmaps" in textureOptions)) return [
                                     3,
                                     4
                                 ];
@@ -24174,7 +24227,7 @@ var seed$1 = 1;
                                 ]);
                                 return [
                                     4,
-                                    deserializeMipmapTexture(texOpts, bins, engine, jsonScene.bins)
+                                    deserializeMipmapTexture(textureOptions, bins, engine, jsonScene.bins)
                                 ];
                             case 2:
                                 return [
@@ -24185,12 +24238,11 @@ var seed$1 = 1;
                                 e = _state.sent();
                                 throw new Error("Load texture " + idx + " fails, error message: " + e + ".");
                             case 4:
-                                source = texOpts.source;
+                                source = textureOptions.source;
                                 if (!isObject(source)) return [
                                     3,
                                     5
                                 ];
-                                //@ts-expect-error
                                 image = engine.assetLoader.loadGUID(source.id).data;
                                 return [
                                     3,
@@ -24210,12 +24262,12 @@ var seed$1 = 1;
                                 _state.label = 7;
                             case 7:
                                 if (image) {
-                                    tex = createTextureOptionsBySource(image, _this.assets[idx]);
-                                    tex.id = texOpts.id;
-                                    tex.dataType = DataType.Texture;
+                                    texture = createTextureOptionsBySource(image, _this.assets[idx]);
+                                    texture.id = textureOptions.id;
+                                    texture.dataType = DataType.Texture;
                                     return [
                                         2,
-                                        tex.sourceType === exports.TextureSourceType.compressed ? tex : _extends({}, tex, texOpts)
+                                        texture.sourceType === exports.TextureSourceType.compressed ? texture : _extends({}, texture, textureOptions)
                                     ];
                                 }
                                 throw new Error("Invalid texture source: " + source + ".");
@@ -25047,28 +25099,6 @@ var listOrder = 0;
         }
     };
     /**
-   * 是否合成需要重新播放
-   * @returns 重新播放合成标志位
-   */ _proto.shouldRestart = function shouldRestart() {
-        var _this_rootItem = this.rootItem, duration = _this_rootItem.duration, endBehavior = _this_rootItem.endBehavior;
-        var time = this.rootComposition.time;
-        return endBehavior === EndBehavior.restart && duration - time < 0.02;
-    };
-    /**
-   * 是否合成需要销毁
-   * @returns 销毁合成标志位
-   */ _proto.shouldDispose = function shouldDispose() {
-        if (this.reusable) {
-            return false;
-        }
-        var endBehavior = this.rootItem.endBehavior;
-        if (this.rootItem.isEnded(this.time)) {
-            this.rootItem.ended = true;
-        }
-        // TODO: 合成结束行为
-        return this.rootItem.ended && endBehavior === EndBehavior.destroy;
-    };
-    /**
    * 合成更新，针对所有 item 的更新
    * @param deltaTime - 更新的时间步长
    * @param skipRender - 是否需要渲染
@@ -25079,49 +25109,56 @@ var listOrder = 0;
         var time = this.getUpdateTime(deltaTime * this.speed);
         this.globalTime += time;
         this.updateRootComposition();
-        if (this.shouldRestart()) {
-            this.emit("end", {
-                composition: this
-            });
-            this.restart();
-        // restart then tick to avoid flicker
-        }
         this.updateVideo();
         // 更新 model-tree-plugin
         this.updatePluginLoaders(deltaTime);
+        // scene VFXItem components lifetime function.
         this.callStart(this.rootItem);
         this.callUpdate(this.rootItem, time);
         this.callLateUpdate(this.rootItem, time);
         this.updateCamera();
+        this.prepareRender();
         if (this.shouldDispose()) {
-            this.emit("end", {
-                composition: this
-            });
             this.dispose();
-        } else {
-            this.prepareRender();
         }
     };
     _proto.toLocalTime = function toLocalTime(time) {
         var localTime = time - this.rootItem.start;
         var duration = this.rootItem.duration;
         if (localTime - duration > 0.001) {
-            if (this.rootItem.endBehavior === EndBehavior.restart) {
-                localTime = localTime % duration;
-            } else if (this.rootItem.endBehavior === EndBehavior.freeze) {
-                localTime = Math.min(duration, localTime);
-                if (localTime === duration) {
-                    if (!this.rootComposition.fezzed) {
-                        this.rootComposition.fezzed = true;
-                        this.emit("end", {
-                            composition: this
-                        });
+            if (!this.rootItem.ended) {
+                this.rootItem.ended = true;
+                this.emit("end", {
+                    composition: this
+                });
+            }
+            switch(this.rootItem.endBehavior){
+                case EndBehavior.restart:
+                    {
+                        localTime = localTime % duration;
+                        this.restart();
+                        break;
+                    }
+                case EndBehavior.freeze:
+                    {
+                        localTime = Math.min(duration, localTime);
+                        break;
+                    }
+                case EndBehavior.forward:
+                    {
+                        break;
+                    }
+                case EndBehavior.destroy:
+                    {
+                        break;
                     }
-                }
             }
         }
         return localTime;
     };
+    _proto.shouldDispose = function shouldDispose() {
+        return this.rootItem.ended && this.rootItem.endBehavior === EndBehavior.destroy && !this.reusable;
+    };
     _proto.getUpdateTime = function getUpdateTime(t) {
         var startTimeInMs = this.startTime * 1000;
         var now = this.rootComposition.time * 1000;
@@ -25452,7 +25489,9 @@ var listOrder = 0;
         (_this_rendererOptions = this.rendererOptions) == null ? void 0 : _this_rendererOptions.emptyTexture.dispose();
         (_this_pluginSystem = this.pluginSystem) == null ? void 0 : _this_pluginSystem.destroyComposition(this);
         this.update = function() {
-            logger.error("Update disposed composition: " + _this.name + ".");
+            {
+                logger.error("Update disposed composition: " + _this.name + ".");
+            }
         };
         this.dispose = noop;
         if (textures && this.keepResource) {
@@ -27615,7 +27654,7 @@ registerPlugin("sprite", SpriteLoader, exports.VFXItem, true);
 registerPlugin("particle", ParticleLoader, exports.VFXItem, true);
 registerPlugin("cal", CalculateLoader, exports.VFXItem, true);
 registerPlugin("interact", InteractLoader, exports.VFXItem, true);
-var version$1 = "2.0.0-alpha.32";
+var version$1 = "2.0.0-alpha.34";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -27690,11 +27729,12 @@ var _obj3;
         var shader = props == null ? void 0 : props.shader;
         var level = engine.gpuCapability.level;
         _this.shader = new exports.Shader(engine);
+        var _shader_vertex, _shader_fragment;
         _this.shader.shaderData = _extends({}, shader, {
             id: generateGUID(),
             dataType: DataType.Shader,
-            vertex: (shader == null ? void 0 : shader.vertex) || "",
-            fragment: (shader == null ? void 0 : shader.fragment) || ""
+            vertex: (_shader_vertex = shader == null ? void 0 : shader.vertex) != null ? _shader_vertex : "",
+            fragment: (_shader_fragment = shader == null ? void 0 : shader.fragment) != null ? _shader_fragment : ""
         });
         for(var i = 0; i < exports.maxSpriteMeshItemCount; i++){
             _this.uniforms["uSampler" + i] = new THREE__namespace.Uniform(null);
@@ -27760,9 +27800,22 @@ var _obj3;
             8,
             1
         ]);
+        var _shader_vertex1, _shader_fragment1;
         _this.material = new THREE__namespace.RawShaderMaterial({
-            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),
+            vertexShader: ShaderFactory.genFinalShaderCode({
+                level: _this.engine.gpuCapability.level,
+                shaderType: exports.ShaderType.vertex,
+                shader: (_shader_vertex1 = shader == null ? void 0 : shader.vertex) != null ? _shader_vertex1 : "",
+                macros: shader == null ? void 0 : shader.macros,
+                removeVersion: true
+            }),
+            fragmentShader: ShaderFactory.genFinalShaderCode({
+                level: _this.engine.gpuCapability.level,
+                shaderType: exports.ShaderType.fragment,
+                shader: (_shader_fragment1 = shader == null ? void 0 : shader.fragment) != null ? _shader_fragment1 : "",
+                macros: shader == null ? void 0 : shader.macros,
+                removeVersion: true
+            }),
             alphaToCoverage: false,
             depthFunc: THREE__namespace.LessDepth,
             polygonOffsetFactor: THREE__namespace.ZeroFactor,
@@ -29282,7 +29335,7 @@ setMaxSpriteMeshItemCount(8);
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.0.0-alpha.32";
+var version = "2.0.0-alpha.34";
 logger.info("THREEJS plugin version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;
@@ -29371,6 +29424,7 @@ exports.SEMANTIC_PRE_COLOR_ATTACHMENT_SIZE_0 = SEMANTIC_PRE_COLOR_ATTACHMENT_SIZ
 exports.SPRITE_VERTEX_STRIDE = SPRITE_VERTEX_STRIDE;
 exports.SemanticMap = SemanticMap;
 exports.SerializationHelper = SerializationHelper;
+exports.ShaderFactory = ShaderFactory;
 exports.ShaderVariant = ShaderVariant;
 exports.SpriteColorPlayable = SpriteColorPlayable;
 exports.SpriteLoader = SpriteLoader;
@@ -29409,12 +29463,9 @@ exports.colorGradingFrag = colorGradingFrag;
 exports.colorStopsFromGradient = colorStopsFromGradient;
 exports.colorToArr = colorToArr$1;
 exports.combineImageTemplate = combineImageTemplate;
-exports.compatibleFrag = compatible_frag;
-exports.compatibleVert = compatible_vert;
 exports.createCopyShader = createCopyShader;
 exports.createGLContext = createGLContext;
 exports.createKeyFrameMeta = createKeyFrameMeta;
-exports.createShaderWithMacros = createShaderWithMacros;
 exports.createShape = createShape;
 exports.createValueGetter = createValueGetter;
 exports.decimalEqual = decimalEqual;
@@ -29440,7 +29491,6 @@ exports.generateWhiteTexture = generateWhiteTexture;
 exports.getBackgroundImage = getBackgroundImage;
 exports.getColorFromGradientStops = getColorFromGradientStops;
 exports.getConfig = getConfig;
-exports.getDefaultTemplateCanvasPool = getDefaultTemplateCanvasPool;
 exports.getDefaultTextureFactory = getDefaultTextureFactory;
 exports.getGeometryByShape = getGeometryByShape;
 exports.getGeometryTriangles = getGeometryTriangles;
@@ -29507,7 +29557,6 @@ exports.particleOriginTranslateMap = particleOriginTranslateMap$1;
 exports.particleUniformTypeMap = particleUniformTypeMap;
 exports.particleVert = particleVert;
 exports.pluginLoaderMap = pluginLoaderMap;
-exports.pointOnLine = pointOnLine;
 exports.randomInRange = randomInRange;
 exports.registerPlugin = registerPlugin;
 exports.removeItem = removeItem;
@@ -29537,10 +29586,8 @@ exports.unregisterPlugin = unregisterPlugin;
 exports.valIfUndefined = valIfUndefined;
 exports.value = value;
 exports.valueDefine = valueDefine;
-exports.vecAssign = vecAssign;
 exports.vecFill = vecFill;
 exports.vecMulCombine = vecMulCombine;
-exports.vecNormalize = vecNormalize;
 exports.version = version;
 exports.vertexFormatType2GLType = vertexFormatType2GLType;
 //# sourceMappingURL=index.js.map