@galacean/effects-core 2.0.0-alpha.27 → 2.0.0-alpha.29

package/dist/index.mjs

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime core for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.0.0-alpha.27
+ * Version: v2.0.0-alpha.29
  */
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -440,16 +440,27 @@ function isIOS() {
     // real ios device not in simulator
     return !!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
 }
+function isIOSByUA() {
+    var str = navigator.userAgent.toLowerCase();
+    var ver = str.match(/cpu (iphone )?os (.*?) like mac os/);
+    return ver ? parseInt(ver[2], 10) : 0;
+}
 function isAndroid() {
     return /\b[Aa]ndroid\b/.test(navigator.userAgent);
 }
 function isSimulatorCellPhone() {
     return isAndroid() || /\b(iPad|iPhone|iPod)\b/.test(navigator.userAgent);
 }
+function isMiniProgram() {
+    return isAlipayMiniApp() || isWechatMiniApp();
+}
 function isAlipayMiniApp() {
     var _my;
     return typeof my !== "undefined" && ((_my = my) == null ? void 0 : _my.renderTarget) === "web";
 }
+function isWechatMiniApp() {
+    return window.__wxjs_environment === "miniprogram";
+}
 
 function imageDataFromColor(value) {
     if (isString(value)) {
@@ -4587,9 +4598,6 @@ function getDirectStore(target) {
     };
     return EffectsObject;
 }();
-__decorate([
-    serialize()
-], EffectsObject.prototype, "guid", void 0);
 
 /**
  * @since 2.0.0
@@ -4867,8 +4875,8 @@ var CameraController = /*#__PURE__*/ function(ItemBehaviour) {
             camera.far = this.options.far;
             camera.fov = this.options.fov;
             camera.clipMode = this.options.clipMode;
-            camera.position = this.transform.position;
-            camera.rotation = this.transform.rotation;
+            camera.position = this.transform.getWorldPosition();
+            camera.rotation = this.transform.getWorldRotation();
         }
     };
     _proto.fromData = function fromData(data) {
@@ -7853,6 +7861,7 @@ var TextureSourceType;
     return Downloader;
 }();
 var webPFailed = false;
+var avifFailed = false;
 /**
  * 异步加载一个 WebP 图片文件，如果不支持 WebP，则加载 PNG 图片文件
  * @param png - PNG 图片文件的 URL
@@ -7928,6 +7937,81 @@ function _loadWebPOptional() {
     });
     return _loadWebPOptional.apply(this, arguments);
 }
+/**
+ * 异步加载一个 AVIF 图片文件，如果不支持 AVIF，则加载 PNG 图片文件
+ * @param png - PNG 图片文件的 URL
+ * @param avif - AVIF 图片文件的 URL
+ */ function loadAVIFOptional(png, avif) {
+    return _loadAVIFOptional.apply(this, arguments);
+}
+function _loadAVIFOptional() {
+    _loadAVIFOptional = _async_to_generator(function(png, avif) {
+        var image, image1, image2;
+        return __generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    if (!(avifFailed || !avif)) return [
+                        3,
+                        2
+                    ];
+                    return [
+                        4,
+                        loadImage(png)
+                    ];
+                case 1:
+                    image = _state.sent();
+                    return [
+                        2,
+                        {
+                            image: image,
+                            url: png
+                        }
+                    ];
+                case 2:
+                    _state.trys.push([
+                        2,
+                        4,
+                        ,
+                        6
+                    ]);
+                    return [
+                        4,
+                        loadImage(avif)
+                    ];
+                case 3:
+                    image1 = _state.sent();
+                    return [
+                        2,
+                        {
+                            image: image1,
+                            url: avif
+                        }
+                    ];
+                case 4:
+                    _state.sent();
+                    avifFailed = true;
+                    return [
+                        4,
+                        loadImage(png)
+                    ];
+                case 5:
+                    image2 = _state.sent();
+                    return [
+                        2,
+                        {
+                            image: image2,
+                            url: png
+                        }
+                    ];
+                case 6:
+                    return [
+                        2
+                    ];
+            }
+        });
+    });
+    return _loadAVIFOptional.apply(this, arguments);
+}
 /**
  * 异步加载一个图片文件
  * @param source - 图片文件的 URL、Blob 或 HTMLImageElement 对象
@@ -8129,31 +8213,35 @@ function deserializeMipmapTexture(textureOptions, bins, engine) {
 }
 function _deserializeMipmapTexture() {
     _deserializeMipmapTexture = _async_to_generator(function(textureOptions, bins, engine, files) {
-        var mipmaps, target, loadedMipmaps, _iterator, _step, level, newLevel, _iterator1, _step1, face, loadedImageAsset, mipmaps1, target1, jobs, loadedMipmaps1, bin;
+        var mipmaps, target, jobs, loadedMipmaps, mipmaps1, target1, jobs1, loadedMipmaps1, bin;
         return __generator(this, function(_state) {
             switch(_state.label){
                 case 0:
                     if (files === void 0) files = [];
                     if (!(textureOptions.target === 34067)) return [
                         3,
-                        1
+                        2
                     ];
                     mipmaps = textureOptions.mipmaps, target = textureOptions.target;
-                    // const jobs = mipmaps.map(mipmap => Promise.all(mipmap.map(pointer => loadMipmapImage(pointer, bins))));
-                    loadedMipmaps = [];
-                    for(_iterator = _create_for_of_iterator_helper_loose(mipmaps); !(_step = _iterator()).done;){
-                        level = _step.value;
-                        newLevel = [];
-                        for(_iterator1 = _create_for_of_iterator_helper_loose(level); !(_step1 = _iterator1()).done;){
-                            face = _step1.value;
+                    jobs = mipmaps.map(function(mipmap) {
+                        return Promise.all(mipmap.map(function(pointer) {
                             // @ts-expect-error
-                            loadedImageAsset = engine.assetLoader.loadGUID(face.id);
-                            // @ts-expect-error
-                            newLevel.push(loadedImageAsset.data);
-                        }
-                        loadedMipmaps.push(newLevel);
-                    }
-                    // const bin = files[mipmaps[0][0][1][0]].url;
+                            if (pointer.id) {
+                                // @ts-expect-error
+                                var loadedImageAsset = engine.assetLoader.loadGUID(pointer.id);
+                                // @ts-expect-error
+                                return loadedImageAsset.data;
+                            } else {
+                                return loadMipmapImage(pointer, bins);
+                            }
+                        }));
+                    });
+                    return [
+                        4,
+                        Promise.all(jobs)
+                    ];
+                case 1:
+                    loadedMipmaps = _state.sent();
                     return [
                         2,
                         _extends({
@@ -8167,17 +8255,17 @@ function _deserializeMipmapTexture() {
                             }
                         })
                     ];
-                case 1:
+                case 2:
                     // TODO: 补充测试用例
                     mipmaps1 = textureOptions.mipmaps, target1 = textureOptions.target;
-                    jobs = mipmaps1.map(function(pointer) {
+                    jobs1 = mipmaps1.map(function(pointer) {
                         return loadMipmapImage(pointer, bins);
                     });
                     return [
                         4,
-                        Promise.all(jobs)
+                        Promise.all(jobs1)
                     ];
-                case 2:
+                case 3:
                     loadedMipmaps1 = _state.sent();
                     bin = files[mipmaps1[0][1][0]].url;
                     return [
@@ -8200,7 +8288,7 @@ function _deserializeMipmapTexture() {
                             }
                         })
                     ];
-                case 3:
+                case 4:
                     return [
                         2
                     ];
@@ -11555,7 +11643,7 @@ var valueDefine = "#ifdef SHADER_VERTEX\n#define CURVE_VALUE_TEXTURE uVCurveValu
 
 var screenMeshVert = "precision highp float;attribute vec2 aPos;varying vec2 uv;void main(){gl_Position=vec4(aPos,0.,1.0);uv=(aPos+vec2(1.0))/2.;}";
 
-var colorGradingFrag = "precision highp float;\n#define HALF_MAX 60000.0\n#define ACEScc_MIDGRAY 0.4135884\nvarying vec2 uv;uniform sampler2D _GaussianTex;uniform sampler2D _SceneTex;uniform float _BloomIntensity;uniform float _Brightness;uniform float _Saturation;uniform float _Contrast;uniform bool _UseBloom;uniform bool _UseToneMapping;uniform vec3 _VignetteColor;uniform vec2 _VignetteCenter;uniform float _VignetteIntensity;uniform float _VignetteSmoothness;uniform float _VignetteRoundness;mat3 LinearToACES=mat3(0.59719,0.07600,0.02840,0.35458,0.90834,0.13383,0.04823,0.01566,0.83777);mat3 ACESToLinear=mat3(1.60475,-0.10208,-0.00327,-0.53108,1.10813,-0.07276,-0.07367,-0.00605,1.07602);float log10(float x){return log(x)/log(10.0);}vec3 log10(vec3 v){return vec3(log10(v.x),log10(v.y),log10(v.z));}vec3 LinearToLogC(vec3 x){return 0.244161*log10(5.555556*x+0.047996)+0.386036;}vec3 LogCToLinear(vec3 x){return(pow(vec3(10.0),(x-0.386036)/0.244161)-0.047996)/5.555556;}vec3 rrt_and_odt_fit(vec3 col){vec3 a=col*(col+0.0245786)-0.000090537;vec3 b=col*(0.983729*col+0.4329510)+0.238081;return a/b;}vec3 ACESToneMapping(vec3 col){vec3 aces=LinearToACES*col;aces=rrt_and_odt_fit(aces);col=ACESToLinear*aces;return col;}vec3 LinearToSrgb(vec3 c){return mix(1.055*pow(c,vec3(1./2.4))-0.055,12.92*c,step(c,vec3(0.0031308)));}vec3 GammaCorrection(vec3 c){return pow(c,vec3(1.0/2.2));}vec3 ApplyVignette(vec3 inputColor,vec2 uv,vec2 center,float intensity,float roundness,float smoothness,vec3 color){vec2 dist=abs(uv-center)*intensity;dist.x*=roundness;float vfactor=pow(clamp((1.0-dot(dist,dist)),0.0,1.0),smoothness);return inputColor*mix(color,vec3(1.0),vfactor);}void main(){vec4 hdrColor=texture2D(_SceneTex,uv);hdrColor.rgb=pow(hdrColor.rgb,vec3(2.2));vec3 finalColor=hdrColor.rgb;if(_UseBloom){vec4 bloomColor=texture2D(_GaussianTex,uv);bloomColor.rgb*=_BloomIntensity;finalColor+=bloomColor.rgb;}if(_VignetteIntensity>0.0){finalColor=ApplyVignette(finalColor,uv,_VignetteCenter,_VignetteIntensity,_VignetteRoundness,_VignetteSmoothness,_VignetteColor);}finalColor=finalColor*_Brightness;vec3 colorLog=LinearToLogC(finalColor);colorLog=(colorLog-ACEScc_MIDGRAY)*_Contrast+ACEScc_MIDGRAY;finalColor=LogCToLinear(colorLog);finalColor=max(finalColor,0.0);float luminance=0.2125*finalColor.r+0.7154*finalColor.g+0.0721*finalColor.b;vec3 luminanceColor=vec3(luminance,luminance,luminance);finalColor=(finalColor-luminanceColor)*_Saturation+luminanceColor;finalColor=max(finalColor,0.0);if(_UseToneMapping){finalColor=max(vec3(0.0),ACESToneMapping(finalColor));}gl_FragColor=vec4(clamp(GammaCorrection(finalColor),0.0,1.0),1.0);}";
+var colorGradingFrag = "precision highp float;\n#define HALF_MAX 60000.0\n#define ACEScc_MIDGRAY 0.4135884\nvarying vec2 uv;uniform sampler2D _GaussianTex;uniform sampler2D _SceneTex;uniform float _BloomIntensity;uniform float _Brightness;uniform float _Saturation;uniform float _Contrast;uniform bool _UseBloom;uniform bool _UseToneMapping;uniform vec3 _VignetteColor;uniform vec2 _VignetteCenter;uniform float _VignetteIntensity;uniform float _VignetteSmoothness;uniform float _VignetteRoundness;mat3 LinearToACES=mat3(0.59719,0.07600,0.02840,0.35458,0.90834,0.13383,0.04823,0.01566,0.83777);mat3 ACESToLinear=mat3(1.60475,-0.10208,-0.00327,-0.53108,1.10813,-0.07276,-0.07367,-0.00605,1.07602);float log10(float x){return log(x)/log(10.0);}vec3 log10(vec3 v){return vec3(log10(v.x),log10(v.y),log10(v.z));}vec3 LinearToLogC(vec3 x){return 0.244161*log10(5.555556*x+0.047996)+0.386036;}vec3 LogCToLinear(vec3 x){return(pow(vec3(10.0),(x-0.386036)/0.244161)-0.047996)/5.555556;}vec3 rrt_and_odt_fit(vec3 col){vec3 a=col*(col+0.0245786)-0.000090537;vec3 b=col*(0.983729*col+0.4329510)+0.238081;return a/b;}vec3 ACESToneMapping(vec3 col){vec3 aces=LinearToACES*col;aces=rrt_and_odt_fit(aces);col=ACESToLinear*aces;return col;}vec3 LinearToSrgb(vec3 c){return mix(1.055*pow(c,vec3(1./2.4))-0.055,12.92*c,step(c,vec3(0.0031308)));}vec3 GammaCorrection(vec3 c){return pow(c,vec3(1.0/2.2));}vec3 ApplyVignette(vec3 inputColor,vec2 uv,vec2 center,float intensity,float roundness,float smoothness,vec3 color){vec2 dist=abs(uv-center)*intensity;dist.x*=roundness;float vfactor=pow(clamp((1.0-dot(dist,dist)),0.0,1.0),smoothness);return inputColor*mix(color,vec3(1.0),vfactor);}void main(){vec4 hdrColor=texture2D(_SceneTex,uv);hdrColor*=hdrColor.a;hdrColor.rgb=pow(hdrColor.rgb,vec3(2.2));vec3 finalColor=hdrColor.rgb;if(_UseBloom){vec4 bloomColor=texture2D(_GaussianTex,uv);bloomColor.rgb*=_BloomIntensity;finalColor+=bloomColor.rgb;}if(_VignetteIntensity>0.0){finalColor=ApplyVignette(finalColor,uv,_VignetteCenter,_VignetteIntensity,_VignetteRoundness,_VignetteSmoothness,_VignetteColor);}finalColor=finalColor*_Brightness;vec3 colorLog=LinearToLogC(finalColor);colorLog=(colorLog-ACEScc_MIDGRAY)*_Contrast+ACEScc_MIDGRAY;finalColor=LogCToLinear(colorLog);finalColor=max(finalColor,0.0);float luminance=0.2125*finalColor.r+0.7154*finalColor.g+0.0721*finalColor.b;vec3 luminanceColor=vec3(luminance,luminance,luminance);finalColor=(finalColor-luminanceColor)*_Saturation+luminanceColor;finalColor=max(finalColor,0.0);if(_UseToneMapping){finalColor=max(vec3(0.0),ACESToneMapping(finalColor));}gl_FragColor=vec4(clamp(GammaCorrection(finalColor),0.0,1.0),1.0);}";
 
 var gaussianDown_frag = "precision highp float;varying vec2 uv;uniform sampler2D _MainTex;uniform vec2 _TextureSize;float GaussWeight2D(float x,float y,float sigma){float PI=3.14159265358;float E=2.71828182846;float sigma_2=pow(sigma,2.0);float a=-(x*x+y*y)/(2.0*sigma_2);return pow(E,a)/(2.0*PI*sigma_2);}vec3 GaussNxN(sampler2D tex,vec2 uv,vec2 stride,float sigma){vec3 color=vec3(0.,0.,0.);const int r=5/2;float weight=0.0;for(int i=-r;i<=r;i++){for(int j=-r;j<=r;j++){float w=GaussWeight2D(float(i),float(j),sigma);vec2 coord=uv+vec2(i,j)*stride;color+=texture2D(tex,coord).rgb*w;weight+=w;}}color/=weight;return color;}void main(){vec4 mainColor=texture2D(_MainTex,uv);vec3 color=mainColor.rgb;color=GaussNxN(_MainTex,uv,1.0/_TextureSize,1.0);gl_FragColor=vec4(color,1.0);}";
 
@@ -11565,7 +11653,7 @@ var gaussianDownVFrag = "precision highp float;varying vec2 uv;uniform sampler2D
 
 var gaussianUpFrag = "precision highp float;varying vec2 uv;uniform sampler2D _MainTex;uniform sampler2D _GaussianDownTex;uniform vec2 _GaussianDownTextureSize;float GaussWeight2D(float x,float y,float sigma){float PI=3.14159265358;float E=2.71828182846;float sigma_2=pow(sigma,2.0);float a=-(x*x+y*y)/(2.0*sigma_2);return pow(E,a)/(2.0*PI*sigma_2);}vec3 GaussNxN(sampler2D tex,vec2 uv,vec2 stride,float sigma){vec3 color=vec3(0.,0.,0.);const int r=1;float weight=0.0;for(int i=-r;i<=r;i++){for(int j=-r;j<=r;j++){float w=GaussWeight2D(float(i),float(j),sigma);vec2 coord=uv+vec2(i,j)*stride;color+=texture2D(tex,coord).rgb*w;weight+=w;}}color/=weight;return color;}void main(){vec3 lowResColor=GaussNxN(_MainTex,uv,0.5/_GaussianDownTextureSize,1.0);vec3 highResColor=GaussNxN(_GaussianDownTex,uv,1.0/_GaussianDownTextureSize,1.0);vec3 color=mix(highResColor,lowResColor,0.7);gl_FragColor=vec4(color,1.0);}";
 
-var thresholdFrag = "precision highp float;varying vec2 uv;uniform sampler2D _MainTex;uniform float _Threshold;void main(){vec4 mainColor=texture2D(_MainTex,uv);mainColor.rgb=pow(mainColor.rgb,vec3(2.2));float brightness=max(mainColor.r,max(mainColor.g,mainColor.b));float w=max(0.0,brightness-_Threshold)/max(brightness,0.00001);mainColor.rgb*=w;gl_FragColor=vec4(mainColor.rgb,1.0);}";
+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);}";
 
 // Bloom 阈值 Pass
 var BloomThresholdPass = /*#__PURE__*/ function(RenderPass) {
@@ -11843,7 +11931,7 @@ var ToneMappingPass = /*#__PURE__*/ function(RenderPass) {
         this.screenMesh.material.setFloat("_Brightness", brightness);
         this.screenMesh.material.setFloat("_Saturation", saturation);
         this.screenMesh.material.setFloat("_Contrast", contrast);
-        this.screenMesh.material.setInt("_UseBloom", useBloom);
+        this.screenMesh.material.setInt("_UseBloom", Number(useBloom));
         if (useBloom) {
             this.screenMesh.material.setTexture("_GaussianTex", this.mainTexture);
             this.screenMesh.material.setFloat("_BloomIntensity", bloomIntensity);
@@ -11855,7 +11943,7 @@ var ToneMappingPass = /*#__PURE__*/ function(RenderPass) {
             this.screenMesh.material.setVector2("_VignetteCenter", new Vector2(0.5, 0.5));
             this.screenMesh.material.setVector3("_VignetteColor", new Vector3(0.0, 0.0, 0.0));
         }
-        this.screenMesh.material.setInt("_UseToneMapping", useToneMapping);
+        this.screenMesh.material.setInt("_UseToneMapping", Number(useToneMapping));
         renderer.renderMeshes([
             this.screenMesh
         ]);
@@ -11863,29 +11951,6 @@ var ToneMappingPass = /*#__PURE__*/ function(RenderPass) {
     return ToneMappingPass;
 }(RenderPass);
 
-/**
- * 后处理配置
- */ var defaultGlobalVolume = {
-    useHDR: false,
-    usePostProcessing: false,
-    /***** Material Uniform *****/ // Bloom
-    useBloom: 1.0,
-    threshold: 1.0,
-    bloomIntensity: 1.0,
-    // ColorAdjustments
-    brightness: 1.0,
-    saturation: 1.0,
-    contrast: 1.0,
-    // Vignette
-    // vignetteColor: new math.Color(0, 0, 0, 1),
-    // vignetteCenter: new math.Vector2(0.5, 0.5),
-    vignetteIntensity: 0.2,
-    vignetteSmoothness: 0.4,
-    vignetteRoundness: 1.0,
-    // ToneMapping
-    useToneMapping: 1
-};
-
 var RENDER_PASS_NAME_PREFIX = "_effects_default_";
 var seed$5 = 1;
 /**
@@ -11909,7 +11974,7 @@ var seed$5 = 1;
         } : _options_clearAction;
         var engine = renderer.engine;
         if (globalVolume) {
-            this.globalVolume = _extends({}, defaultGlobalVolume, globalVolume);
+            this.globalVolume = globalVolume;
         }
         this.globalUniforms = new GlobalUniforms();
         var attachments = []; //渲染场景物体Pass的RT
@@ -11952,20 +12017,36 @@ var seed$5 = 1;
         ];
         this.setRenderPasses(renderPasses);
         if (this.globalVolume) {
-            var useBloom = this.globalVolume.useBloom;
             var sceneTextureHandle = new RenderTargetHandle(engine); //保存后处理前的屏幕图像
-            if (useBloom) {
-                var gaussianStep = 7; // 高斯模糊的迭代次数，次数越高模糊范围越大
-                var viewport = [
-                    0,
-                    0,
-                    this.renderer.getWidth() / 2,
-                    this.renderer.getHeight() / 2
-                ];
-                var gaussianDownResults = new Array(gaussianStep); //存放多个高斯Pass的模糊结果，用于Bloom
-                var textureType1 = this.globalVolume.useHDR ? glContext.HALF_FLOAT : glContext.UNSIGNED_BYTE;
-                var bloomThresholdPass = new BloomThresholdPass(renderer, {
-                    name: "BloomThresholdPass",
+            var gaussianStep = 7; // 高斯模糊的迭代次数，次数越高模糊范围越大
+            var viewport = [
+                0,
+                0,
+                this.renderer.getWidth() / 2,
+                this.renderer.getHeight() / 2
+            ];
+            var gaussianDownResults = new Array(gaussianStep); //存放多个高斯Pass的模糊结果，用于Bloom
+            var textureType1 = this.globalVolume.useHDR ? glContext.HALF_FLOAT : glContext.UNSIGNED_BYTE;
+            var bloomThresholdPass = new BloomThresholdPass(renderer, {
+                name: "BloomThresholdPass",
+                attachments: [
+                    {
+                        texture: {
+                            format: glContext.RGBA,
+                            type: textureType1,
+                            minFilter: glContext.LINEAR,
+                            magFilter: glContext.LINEAR
+                        }
+                    }
+                ]
+            });
+            bloomThresholdPass.sceneTextureHandle = sceneTextureHandle;
+            this.addRenderPass(bloomThresholdPass);
+            for(var i = 0; i < gaussianStep; i++){
+                gaussianDownResults[i] = new RenderTargetHandle(engine);
+                var gaussianDownHPass = new HQGaussianDownSamplePass(renderer, "H", {
+                    name: "GaussianDownPassH" + i,
+                    viewport: viewport,
                     attachments: [
                         {
                             texture: {
@@ -11977,74 +12058,50 @@ var seed$5 = 1;
                         }
                     ]
                 });
-                bloomThresholdPass.sceneTextureHandle = sceneTextureHandle;
-                this.addRenderPass(bloomThresholdPass);
-                for(var i = 0; i < gaussianStep; i++){
-                    gaussianDownResults[i] = new RenderTargetHandle(engine);
-                    var gaussianDownHPass = new HQGaussianDownSamplePass(renderer, "H", {
-                        name: "GaussianDownPassH" + i,
-                        viewport: viewport,
-                        attachments: [
-                            {
-                                texture: {
-                                    format: glContext.RGBA,
-                                    type: textureType1,
-                                    minFilter: glContext.LINEAR,
-                                    magFilter: glContext.LINEAR
-                                }
-                            }
-                        ]
-                    });
-                    var gaussianDownVPass = new HQGaussianDownSamplePass(renderer, "V", {
-                        name: "GaussianDownPassV" + i,
-                        viewport: viewport,
-                        attachments: [
-                            {
-                                texture: {
-                                    format: glContext.RGBA,
-                                    type: textureType1,
-                                    minFilter: glContext.LINEAR,
-                                    magFilter: glContext.LINEAR
-                                }
+                var gaussianDownVPass = new HQGaussianDownSamplePass(renderer, "V", {
+                    name: "GaussianDownPassV" + i,
+                    viewport: viewport,
+                    attachments: [
+                        {
+                            texture: {
+                                format: glContext.RGBA,
+                                type: textureType1,
+                                minFilter: glContext.LINEAR,
+                                magFilter: glContext.LINEAR
                             }
-                        ]
-                    });
-                    gaussianDownVPass.gaussianResult = gaussianDownResults[i];
-                    this.addRenderPass(gaussianDownHPass);
-                    this.addRenderPass(gaussianDownVPass);
-                    viewport[2] /= 2;
-                    viewport[3] /= 2;
-                // TODO 限制最大迭代
-                }
-                viewport[2] *= 4;
-                viewport[3] *= 4;
-                for(var i1 = 0; i1 < gaussianStep - 1; i1++){
-                    var gaussianUpPass = new HQGaussianUpSamplePass(renderer, {
-                        name: "GaussianUpPass" + i1,
-                        viewport: viewport,
-                        attachments: [
-                            {
-                                texture: {
-                                    format: glContext.RGBA,
-                                    type: textureType1,
-                                    minFilter: glContext.LINEAR,
-                                    magFilter: glContext.LINEAR
-                                }
+                        }
+                    ]
+                });
+                gaussianDownVPass.gaussianResult = gaussianDownResults[i];
+                this.addRenderPass(gaussianDownHPass);
+                this.addRenderPass(gaussianDownVPass);
+                viewport[2] /= 2;
+                viewport[3] /= 2;
+            // TODO 限制最大迭代
+            }
+            viewport[2] *= 4;
+            viewport[3] *= 4;
+            for(var i1 = 0; i1 < gaussianStep - 1; i1++){
+                var gaussianUpPass = new HQGaussianUpSamplePass(renderer, {
+                    name: "GaussianUpPass" + i1,
+                    viewport: viewport,
+                    attachments: [
+                        {
+                            texture: {
+                                format: glContext.RGBA,
+                                type: textureType1,
+                                minFilter: glContext.LINEAR,
+                                magFilter: glContext.LINEAR
                             }
-                        ]
-                    });
-                    gaussianUpPass.gaussianDownSampleResult = gaussianDownResults[gaussianStep - 2 - i1];
-                    this.addRenderPass(gaussianUpPass);
-                    viewport[2] *= 2;
-                    viewport[3] *= 2;
-                }
-            }
-            var postProcessPass;
-            if (useBloom) {
-                postProcessPass = new ToneMappingPass(renderer, sceneTextureHandle);
-            } else {
-                postProcessPass = new ToneMappingPass(renderer);
+                        }
+                    ]
+                });
+                gaussianUpPass.gaussianDownSampleResult = gaussianDownResults[gaussianStep - 2 - i1];
+                this.addRenderPass(gaussianUpPass);
+                viewport[2] *= 2;
+                viewport[3] *= 2;
             }
+            var postProcessPass = new ToneMappingPass(renderer, sceneTextureHandle);
             this.addRenderPass(postProcessPass);
         }
         this.semantics = new SemanticMap(options.semantics);
@@ -12954,6 +13011,28 @@ var Renderer = /*#__PURE__*/ function() {
     return Renderer;
 }();
 
+/**
+ * 后处理配置
+ */ var defaultGlobalVolume = {
+    useHDR: false,
+    /***** Material Uniform *****/ // Bloom
+    useBloom: true,
+    threshold: 1.0,
+    bloomIntensity: 1.0,
+    // ColorAdjustments
+    brightness: 1.0,
+    saturation: 1.0,
+    contrast: 1.0,
+    // Vignette
+    // vignetteColor: new math.Color(0, 0, 0, 1),
+    // vignetteCenter: new math.Vector2(0.5, 0.5),
+    vignetteIntensity: 0.2,
+    vignetteSmoothness: 0.4,
+    vignetteRoundness: 1.0,
+    // ToneMapping
+    useToneMapping: true
+};
+
 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;\n}\n";
 var seed$4 = 1;
@@ -13081,6 +13160,7 @@ var InteractComponent = /*#__PURE__*/ function(RendererComponent) {
             1
         ];
         /** 是否响应点击和拖拽交互事件 */ _this._interactive = true;
+        _this.hasBeenAddedToComposition = false;
         _this.getHitTestParams = function(force) {
             if (!_this.clickable) {
                 return;
@@ -13111,10 +13191,6 @@ var InteractComponent = /*#__PURE__*/ function(RendererComponent) {
                 this.previewContent = new InteractMesh(this.item.props.content, rendererOptions, this.transform, this.engine);
             }
         }
-        composition.addInteractiveItem(this.item, options.type);
-        this.item.onEnd = function() {
-            return composition.removeInteractiveItem(_this.item, options.type);
-        };
         if (options.type === InteractType.DRAG) {
             if (env !== PLAYER_OPTIONS_ENV_EDITOR || options.enableInEditor) {
                 composition.event && this.beginDragTarget(options, composition.event);
@@ -13125,10 +13201,25 @@ var InteractComponent = /*#__PURE__*/ function(RendererComponent) {
             this.materials = this.previewContent.mesh.materials;
         }
         this.item.getHitTestParams = this.getHitTestParams;
+        this.item.onEnd = function() {
+            if (_this.item && _this.item.composition) {
+                var _this_previewContent;
+                _this.item.composition.removeInteractiveItem(_this.item, _this.item.props.content.options.type);
+                _this.clickable = false;
+                _this.hasBeenAddedToComposition = false;
+                (_this_previewContent = _this.previewContent) == null ? void 0 : _this_previewContent.mesh.dispose();
+                _this.endDragTarget();
+            }
+        };
     };
     _proto.update = function update(dt) {
         var _this_previewContent;
         (_this_previewContent = this.previewContent) == null ? void 0 : _this_previewContent.updateMesh();
+        if (!this.hasBeenAddedToComposition && this.item.composition) {
+            var options = this.item.props.content.options;
+            this.item.composition.addInteractiveItem(this.item, options.type);
+            this.hasBeenAddedToComposition = true;
+        }
         if (!this.dragEvent || !this.bouncingArg) {
             return;
         }
@@ -13148,15 +13239,7 @@ var InteractComponent = /*#__PURE__*/ function(RendererComponent) {
             this.previewContent.mesh.render(renderer);
         }
     };
-    _proto.onDestroy = function onDestroy() {
-        if (this.item && this.item.composition) {
-            var _this_previewContent;
-            this.item.composition.removeInteractiveItem(this.item, this.item.props.content.options.type);
-            this.clickable = false;
-            (_this_previewContent = this.previewContent) == null ? void 0 : _this_previewContent.mesh.dispose();
-            this.endDragTarget();
-        }
-    };
+    _proto.onDestroy = function onDestroy() {};
     _proto.endDragTarget = function endDragTarget() {
     // OVERRIDE
     };
@@ -13739,6 +13822,10 @@ var SpriteColorPlayable = /*#__PURE__*/ function(Playable) {
         }
         if (!this.spriteMaterial) {
             this.spriteMaterial = boundObject.getComponent(SpriteComponent).material;
+            var startColor = this.spriteMaterial.getVector4("_Color");
+            if (startColor) {
+                this.startColor = startColor.toArray();
+            }
         }
         var colorInc = vecFill(tempColor, 1);
         var colorChanged;
@@ -13768,12 +13855,6 @@ var SpriteColorPlayable = /*#__PURE__*/ function(Playable) {
                 this.colorOverLifetime = colorStopsFromGradient(colorOverLifetime.color[1]);
             }
         }
-        this.startColor = clipData.startColor || [
-            1,
-            1,
-            1,
-            1
-        ];
         return this;
     };
     return SpriteColorPlayable;
@@ -14081,7 +14162,7 @@ var SpriteComponent = /*#__PURE__*/ function(RendererComponent) {
         var splits = item.splits, renderer = item.renderer, textureSheetAnimation = item.textureSheetAnimation;
         var sx = 1, sy = 1;
         if (renderer.shape) {
-            var _renderer_shape = renderer.shape, index = _renderer_shape.index, aPoint = _renderer_shape.aPoint;
+            var _renderer_shape = renderer.shape, _renderer_shape_index = _renderer_shape.index, index = _renderer_shape_index === void 0 ? [] : _renderer_shape_index, _renderer_shape_aPoint = _renderer_shape.aPoint, aPoint = _renderer_shape_aPoint === void 0 ? [] : _renderer_shape_aPoint;
             var point = new Float32Array(aPoint);
             var position = [];
             var atlasOffset = [];
@@ -14852,8 +14933,7 @@ var RectangleEdge = /*#__PURE__*/ function() {
 }();
 var Edge = /*#__PURE__*/ function() {
     function Edge(args) {
-        // TODO: 为通过帧对比暂时使用老计算，修复粒子发射器直线宽度问题下面一行改为: this._d = args.width || 1 ;
-        this._d = (args.width || 1) / 2;
+        this._d = args.width || 1;
         this.arcMode = args.arcMode;
     }
     var _proto = Edge.prototype;
@@ -16952,6 +17032,12 @@ var ParticleSystem = /*#__PURE__*/ function(Component) {
             area: area
         };
     };
+    _proto.onAttached = function onAttached() {
+        Component.prototype.onAttached.call(this);
+        this.renderer.item = this.item;
+        this.item.components.push(this.renderer);
+        this.item.rendererComponents.push(this.renderer);
+    };
     _proto.fromData = function fromData(data) {
         Component.prototype.fromData.call(this, data);
         var props = data;
@@ -17233,9 +17319,6 @@ var ParticleSystem = /*#__PURE__*/ function(Component) {
         }
         this.item.getHitTestParams = this.getHitTestParams;
         this.item._content = this;
-        this.renderer.item = this.item;
-        this.item.components.push(this.renderer);
-        this.item.rendererComponents.push(this.renderer);
     };
     _create_class(ParticleSystem, [
         {
@@ -19265,7 +19348,7 @@ function compareTracks(a, b) {
     _proto.hitTest = function hitTest(ray, x, y, regions, force, options) {
         var _this, _loop = function(i) {
             var item = _this.items[i];
-            if (item.getVisible() && !item.ended && !VFXItem.isComposition(item) && !skip(item)) {
+            if (item.getVisible() && item.transform.getValid() && !item.ended && !VFXItem.isComposition(item) && !skip(item)) {
                 var hitParams = item.getHitTestParams(force);
                 if (hitParams) {
                     var success = false;
@@ -19421,18 +19504,6 @@ var TextLayout = /*#__PURE__*/ function() {
         var tempWidth = fontSize + letterSpace;
         this.autoWidth = autoWidth;
         this.maxTextWidth = text.length * tempWidth;
-        // if (autoWidth) {
-        //   this.width = this.maxTextWidth + this.lineWidth;
-        //   this.height = fontSize + this.lineHeight;
-        // } else {
-        //   if (textWidth) {
-        //     this.maxCharCount = Math.floor((textWidth - this.lineWidth) / (tempWidth));
-        //     this.width = textWidth;
-        //   } else {
-        //     this.width = basicScale[0] * 100;
-        //   }
-        //   this.height = basicScale[1] * 100;
-        // }
         this.width = textWidth;
         this.height = textHeight;
         this.letterSpace = letterSpace;
@@ -19869,6 +19940,17 @@ var TextComponentBase = /*#__PURE__*/ function() {
         this.isDirty = true;
     };
     /**
+   * 设置自适应宽高开关
+   * @param value - 是否自适应宽高开关
+   * @returns
+   */ _proto.setAutoWidth = function setAutoWidth(value) {
+        if (this.textLayout.autoWidth === value) {
+            return;
+        }
+        this.textLayout.autoWidth = value;
+        this.isDirty = true;
+    };
+    /**
    * 更新文本
    * @returns
    */ _proto.updateTexture = function updateTexture(flipY) {
@@ -19881,20 +19963,26 @@ var TextComponentBase = /*#__PURE__*/ function() {
         var layout = this.textLayout;
         var fontScale = style.fontScale;
         var width = (layout.width + style.fontOffset) * fontScale;
-        var height = layout.height * fontScale;
+        var finalHeight = layout.lineHeight * this.lineCount;
         var fontSize = style.fontSize * fontScale;
         var lineHeight = layout.lineHeight * fontScale;
         this.char = (this.text || "").split("");
         this.canvas.width = width;
-        this.canvas.height = height;
-        context.clearRect(0, 0, width, this.canvas.height);
+        if (layout.autoWidth) {
+            this.canvas.height = finalHeight * fontScale;
+            this.item.transform.size.set(1, finalHeight / layout.height);
+        } else {
+            this.canvas.height = layout.height * fontScale;
+        }
+        var height = this.canvas.height;
+        context.clearRect(0, 0, width, height);
         // fix bug 1/255
         context.fillStyle = "rgba(255, 255, 255, 0.0039)";
         if (!flipY) {
             context.translate(0, height);
             context.scale(1, -1);
         }
-        context.fillRect(0, 0, width, this.canvas.height);
+        context.fillRect(0, 0, width, height);
         style.fontDesc = this.getFontDesc();
         context.font = style.fontDesc;
         if (style.hasShadow) {
@@ -20178,6 +20266,76 @@ function geometryToTriangles(geometry) {
     return res;
 }
 
+var PostProcessVolume = /*#__PURE__*/ function(ItemBehaviour) {
+    _inherits(PostProcessVolume, ItemBehaviour);
+    function PostProcessVolume() {
+        var _this;
+        _this = ItemBehaviour.apply(this, arguments) || this;
+        _this.useHDR = true;
+        // Bloom
+        _this.useBloom = true;
+        _this.threshold = 1.0;
+        _this.bloomIntensity = 1.0;
+        // ColorAdjustments
+        _this.brightness = 1.0;
+        _this.saturation = 1.0;
+        _this.contrast = 1.0;
+        // Vignette
+        _this.vignetteIntensity = 0.2;
+        _this.vignetteSmoothness = 0.4;
+        _this.vignetteRoundness = 1.0;
+        // ToneMapping
+        _this.useToneMapping = true // 1: true, 0: false
+        ;
+        return _this;
+    }
+    var _proto = PostProcessVolume.prototype;
+    _proto.start = function start() {
+        var composition = this.item.composition;
+        if (composition) {
+            composition.globalVolume = this;
+            composition.createRenderFrame();
+        }
+    };
+    return PostProcessVolume;
+}(ItemBehaviour);
+__decorate([
+    serialize()
+], PostProcessVolume.prototype, "useHDR", void 0);
+__decorate([
+    serialize()
+], PostProcessVolume.prototype, "useBloom", void 0);
+__decorate([
+    serialize()
+], PostProcessVolume.prototype, "threshold", void 0);
+__decorate([
+    serialize()
+], PostProcessVolume.prototype, "bloomIntensity", void 0);
+__decorate([
+    serialize()
+], PostProcessVolume.prototype, "brightness", void 0);
+__decorate([
+    serialize()
+], PostProcessVolume.prototype, "saturation", void 0);
+__decorate([
+    serialize()
+], PostProcessVolume.prototype, "contrast", void 0);
+__decorate([
+    serialize()
+], PostProcessVolume.prototype, "vignetteIntensity", void 0);
+__decorate([
+    serialize()
+], PostProcessVolume.prototype, "vignetteSmoothness", void 0);
+__decorate([
+    serialize()
+], PostProcessVolume.prototype, "vignetteRoundness", void 0);
+__decorate([
+    serialize()
+], PostProcessVolume.prototype, "useToneMapping", void 0);
+PostProcessVolume = __decorate([
+    effectsClass("PostProcessVolume")
+], PostProcessVolume);
+
 var VFXItem = /*#__PURE__*/ function(EffectsObject) {
     _inherits(VFXItem, EffectsObject);
     function VFXItem(engine, props) {
@@ -20401,7 +20559,7 @@ var VFXItem = /*#__PURE__*/ function(EffectsObject) {
     /**
    * 获取元素用于计算光线投射的面片类型和参数
    * @override
-   * @param force 元素没有开启交互也返回参数
+   * @param force - 元素没有开启交互也返回参数
    */ _proto.getHitTestParams = function getHitTestParams(force) {
     // OVERRIDE
     };
@@ -20651,46 +20809,10 @@ var Item;
     }
     Item.isNull = isNull;
 })(Item || (Item = {}));
-/**
- * (待废弃) 根据元素的类型创建对应的 `VFXItem` 实例
- * @param props
- * @param composition
- */ function createVFXItem(props, composition) {
-    var type = props.type;
-    var pluginName = props.pluginName;
-    if (!pluginName) {
-        switch(type){
-            case ItemType.null:
-                pluginName = "cal";
-                break;
-            case ItemType.sprite:
-                pluginName = "sprite";
-                break;
-            case ItemType.particle:
-                pluginName = "particle";
-                break;
-            case ItemType.interact:
-                pluginName = "interact";
-                break;
-            case ItemType.camera:
-                pluginName = "camera";
-                break;
-            case ItemType.text:
-                pluginName = "text";
-                break;
-            case ItemType.tree:
-                pluginName = "tree";
-                break;
-            default:
-                throw new Error("Invalid vfx item type.");
-        }
-    }
-    return composition.pluginSystem.createPluginItem(pluginName, props, composition);
-}
-
-var pluginLoaderMap = {};
-var defaultPlugins = [];
-var pluginCtrlMap = {};
+
+var pluginLoaderMap = {};
+var defaultPlugins = [];
+var pluginCtrlMap = {};
 /**
  * 注册 plugin
  * @param name
@@ -20699,6 +20821,9 @@ var pluginCtrlMap = {};
  * @param isDefault load
  */ // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function registerPlugin(name, pluginClass, itemClass, isDefault) {
+    if (pluginCtrlMap[name]) {
+        logger.error("Duplicate registration for plugin " + name + ".");
+    }
     pluginCtrlMap[name] = itemClass;
     pluginLoaderMap[name] = pluginClass;
     if (isDefault) {
@@ -21171,27 +21296,46 @@ var SerializationHelper = /*#__PURE__*/ function() {
                             res1
                         ];
                     case 7:
-                        if (isObject(property) && property.constructor === Object) {
-                            if (type) {
-                                res2 = new type();
-                            } else {
-                                res2 = {};
-                            }
-                            for(_iterator1 = _create_for_of_iterator_helper_loose(Object.keys(property)); !(_step1 = _iterator1()).done;){
-                                key = _step1.value;
-                                res2[key] = SerializationHelper.deserializeProperty(property[key], engine, level + 1);
-                            }
-                            return [
-                                2,
-                                res2
-                            ];
+                        if (!(isObject(property) && property.constructor === Object)) return [
+                            3,
+                            12
+                        ];
+                        if (type) {
+                            res2 = new type();
                         } else {
-                            return [
-                                2,
-                                property
-                            ];
+                            res2 = {};
                         }
+                        _iterator1 = _create_for_of_iterator_helper_loose(Object.keys(property));
+                        _state.label = 8;
                     case 8:
+                        if (!!(_step1 = _iterator1()).done) return [
+                            3,
+                            11
+                        ];
+                        key = _step1.value;
+                        return [
+                            4,
+                            SerializationHelper.deserializePropertyAsync(property[key], engine, level + 1)
+                        ];
+                    case 9:
+                        res2[key] = _state.sent();
+                        _state.label = 10;
+                    case 10:
+                        return [
+                            3,
+                            8
+                        ];
+                    case 11:
+                        return [
+                            2,
+                            res2
+                        ];
+                    case 12:
+                        return [
+                            2,
+                            property
+                        ];
+                    case 13:
                         return [
                             2
                         ];
@@ -21277,8 +21421,8 @@ var SerializationHelper = /*#__PURE__*/ function() {
         if (this.engine.objectInstance[guid]) {
             return this.engine.objectInstance[guid];
         }
-        var effectsObject;
         var effectsObjectData = this.findData(guid);
+        var effectsObject;
         if (!effectsObjectData) {
             console.error("Object data with uuid: " + guid + " not found.");
             return undefined;
@@ -21314,7 +21458,7 @@ var SerializationHelper = /*#__PURE__*/ function() {
     _proto.loadGUIDAsync = function loadGUIDAsync(guid) {
         var _this = this;
         return _async_to_generator(function() {
-            var effectsObject, effectsObjectData, classConstructor;
+            var effectsObjectData, effectsObject, classConstructor;
             return __generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -21850,277 +21994,39 @@ function getBezierCurveFromHermiteInGE(geHermiteCurves) {
     });
 }
 
-function getStandardParticleContent(particle) {
-    var options = particle.options;
-    var transform = particle.transform;
-    var shape = {
-        type: ShapeType.NONE
-    };
-    if (particle.shape) {
-        var _particle_shape_shape;
-        var shapeType = (_particle_shape_shape = particle.shape.shape) == null ? void 0 : _particle_shape_shape.replace(/([A-Z])/g, "_$1").toUpperCase().replace(/^_/, "");
-        shape = _extends({}, particle.shape, {
-            type: ShapeType[shapeType]
-        });
-        if (particle.shape.upDirection) {
-            var _particle_shape_upDirection = particle.shape.upDirection, x = _particle_shape_upDirection[0], y = _particle_shape_upDirection[1], z = _particle_shape_upDirection[2];
-            if (x === 0 && y === 0 && z === 0) {
-                delete shape.upDirection;
-            }
-        }
-    }
-    if (options.startTurbulence) {
-        shape.turbulenceX = ensureNumberExpression(options.turbulenceX);
-        shape.turbulenceY = ensureNumberExpression(options.turbulenceY);
-        shape.turbulenceZ = ensureNumberExpression(options.turbulenceZ);
-    }
-    var emission = particle.emission;
-    if (emission.bursts && emission.bursts.length > 0) {
-        emission.bursts = emission.bursts.map(function(b) {
-            return objectValueToNumber(b);
-        });
-    }
-    if (emission.burstOffsets && emission.burstOffsets.length > 0) {
-        emission.burstOffsets = emission.burstOffsets.map(function(b) {
-            return objectValueToNumber(b);
-        });
-    }
-    if (emission.rateOverTime) {
-        emission.rateOverTime = ensureNumberExpression(emission.rateOverTime);
-    }
+function getStandardCameraContent(model) {
+    var _model_transform;
+    var opt = model.options;
     var ret = {
-        renderer: particle.renderer,
-        shape: shape,
-        splits: particle.splits,
-        emission: emission,
         options: {
-            startLifetime: ensureNumberExpression(options.startLifetime),
-            start3DSize: !!options.start3DSize,
-            startSize: ensureNumberExpression(options.startSize),
-            startSizeX: ensureNumberExpression(options.startSizeX),
-            startSizeY: ensureNumberExpression(options.startSizeY),
-            sizeAspect: ensureNumberExpression(options.sizeAspect),
-            maxCount: options.maxCount,
-            startDelay: ensureNumberExpression(options.startDelay),
-            startColor: ensureColorExpression(options.startColor, true),
-            startRotationZ: ensureNumberExpression(options.startRotation || options.startRotationZ),
-            particleFollowParent: options.particleFollowParent
-        }
-    };
-    if (options.start3DRotation) {
-        ret.options.startRotationX = ensureNumberExpression(options.startRotationX);
-        ret.options.startRotationY = ensureNumberExpression(options.startRotationY);
-    }
-    if (transform && transform.path) {
-        ret.emitterTransform = {
-            path: ensureFixedVec3(transform.path)
-        };
-    }
-    var sizeOverLifetime = particle.sizeOverLifetime;
-    if (sizeOverLifetime) {
-        if (sizeOverLifetime.separateAxes) {
-            ret.sizeOverLifetime = {
-                separateAxes: true,
-                x: ensureNumberExpression(sizeOverLifetime.x),
-                y: ensureNumberExpression(sizeOverLifetime.y)
-            };
-        } else {
-            ret.sizeOverLifetime = {
-                size: ensureNumberExpression(sizeOverLifetime.size)
-            };
+            fov: opt.fov,
+            far: opt.far,
+            near: opt.near,
+            clipMode: opt.clipMode
         }
-    }
-    var velocityOverLifetime = particle.velocityOverLifetime || {};
-    var sol = velocityOverLifetime.speedOverLifetime;
-    if (sol) {
-        sol = ensureFixedNumber(sol);
-    } else {
-        sol = undefined;
-    }
-    ret.positionOverLifetime = {
-        gravity: options.gravity,
-        gravityOverLifetime: ensureFixedNumber(options.gravityModifier),
-        startSpeed: ensureNumberExpression(options.startSpeed),
-        speedOverLifetime: sol,
-        asMovement: velocityOverLifetime.asMovement,
-        linearX: ensureNumberExpression(velocityOverLifetime.linearX),
-        linearY: ensureNumberExpression(velocityOverLifetime.linearY),
-        linearZ: ensureNumberExpression(velocityOverLifetime.linearZ),
-        asRotation: velocityOverLifetime.asRotation,
-        orbCenter: velocityOverLifetime.orbCenter,
-        orbitalX: ensureNumberExpression(velocityOverLifetime.orbitalX),
-        orbitalY: ensureNumberExpression(velocityOverLifetime.orbitalY),
-        orbitalZ: ensureNumberExpression(velocityOverLifetime.orbitalZ),
-        forceTarget: velocityOverLifetime.forceTarget,
-        target: velocityOverLifetime.target,
-        forceCurve: ensureFixedNumber(velocityOverLifetime.forceCurve)
     };
-    deleteEmptyValue(ret.positionOverLifetime);
-    var rotationOverLifetime = particle.rotationOverLifetime;
-    if (rotationOverLifetime) {
-        ret.rotationOverLifetime = {
-            separateAxes: rotationOverLifetime.separateAxes,
-            asRotation: rotationOverLifetime.asRotation,
-            z: ensureNumberExpression(rotationOverLifetime.separateAxes ? rotationOverLifetime.z : rotationOverLifetime.angularVelocity)
-        };
-        if (rotationOverLifetime.separateAxes) {
-            ret.rotationOverLifetime.y = ensureFixedNumber(rotationOverLifetime.y);
-            ret.rotationOverLifetime.x = ensureFixedNumber(rotationOverLifetime.x);
-        }
-    }
-    var colorOverLifetime = particle.colorOverLifetime;
-    if (colorOverLifetime) {
-        var col = ret.colorOverLifetime = {
-            opacity: ensureFixedNumber(colorOverLifetime.opacity)
-        };
-        if (colorOverLifetime.color) {
-            col.color = getGradientColor(colorOverLifetime.color);
-        }
-    }
-    var textureSheetAnimation = particle.textureSheetAnimation;
-    if (textureSheetAnimation) {
-        ret.textureSheetAnimation = {
-            row: textureSheetAnimation.row,
-            col: textureSheetAnimation.col,
-            total: textureSheetAnimation.total,
-            animate: textureSheetAnimation.animate,
-            cycles: ensureFixedNumber(textureSheetAnimation.cycles),
-            animationDelay: ensureFixedNumberWithRandom(textureSheetAnimation.animationDelay, 0),
-            animationDuration: ensureFixedNumberWithRandom(textureSheetAnimation.animationDuration, 0)
-        };
-    }
-    var trials = particle.trails;
-    if (trials) {
-        ret.trails = {
-            lifetime: ensureNumberExpression(trials.lifetime),
-            dieWithParticles: trials.dieWithParticles,
-            maxPointPerTrail: trials.maxPointPerTrail,
-            minimumVertexDistance: trials.minimumVertexDistance,
-            widthOverTrail: ensureFixedNumber(trials.widthOverTrail),
-            colorOverTrail: trials.colorOverTrail && getGradientColor(trials.colorOverTrail, false),
-            blending: trials.blending,
-            colorOverLifetime: trials.colorOverLifetime && getGradientColor(trials.colorOverLifetime, false),
-            inheritParticleColor: trials.inheritParticleColor,
-            occlusion: trials.occlusion,
-            transparentOcclusion: trials.transparentOcclusion,
-            orderOffset: trials.orderOffset,
-            sizeAffectsLifetime: trials.sizeAffectsLifetime,
-            sizeAffectsWidth: trials.sizeAffectsWidth,
-            texture: trials.texture,
-            parentAffectsPosition: trials.parentAffectsPosition,
-            opacityOverLifetime: ensureNumberExpression(trials.opacityOverLifetime)
+    var velocityOverLifetime = model.velocityOverLifetime;
+    if (velocityOverLifetime || ((_model_transform = model.transform) == null ? void 0 : _model_transform.path)) {
+        var _model_transform1;
+        var positionOverLifetime = {
+            path: ensureFixedVec3((_model_transform1 = model.transform) == null ? void 0 : _model_transform1.path),
+            linearX: ensureFixedNumber(velocityOverLifetime == null ? void 0 : velocityOverLifetime.translateX),
+            linearY: ensureFixedNumber(velocityOverLifetime == null ? void 0 : velocityOverLifetime.translateY),
+            linearZ: ensureFixedNumber(velocityOverLifetime == null ? void 0 : velocityOverLifetime.translateZ)
         };
+        deleteEmptyValue(positionOverLifetime);
+        ret.positionOverLifetime = positionOverLifetime;
     }
-    ret.trails && deleteEmptyValue(ret.trails);
-    var interaction = particle.interaction;
-    if (interaction) {
-        ret.interaction = {
-            behavior: interaction.behavior,
-            radius: interaction.radius,
-            multiple: interaction.multiple
+    var rol = model.rotationOverLifetime;
+    if (rol) {
+        var rotationOverLifetime = {
+            separateAxes: rol.separateAxes,
+            x: ensureFixedNumber(rol == null ? void 0 : rol.rotateX),
+            y: ensureFixedNumber(rol == null ? void 0 : rol.rotateY),
+            z: rol.separateAxes ? ensureFixedNumber(rol == null ? void 0 : rol.rotateZ) : ensureFixedNumber(rol.rotation)
         };
-    }
-    return ret;
-}
-
-function getStandardNullContent(sprite, transform) {
-    var _sprite_transform;
-    var opt = sprite.options;
-    var velocityOverLifetime = sprite.velocityOverLifetime || {};
-    var positionOverLifetime = {
-        path: ensureFixedVec3((_sprite_transform = sprite.transform) == null ? void 0 : _sprite_transform.path),
-        gravity: opt.gravity,
-        gravityOverLifetime: ensureFixedNumber(opt.gravityModifier),
-        direction: opt.direction,
-        startSpeed: opt.startSpeed,
-        asMovement: velocityOverLifetime.asMovement,
-        linearX: ensureFixedNumber(velocityOverLifetime.linearX),
-        linearY: ensureFixedNumber(velocityOverLifetime.linearY),
-        linearZ: ensureFixedNumber(velocityOverLifetime.linearZ),
-        asRotation: velocityOverLifetime.asRotation,
-        orbCenter: velocityOverLifetime.orbCenter,
-        orbitalX: ensureFixedNumber(velocityOverLifetime.orbitalX),
-        orbitalY: ensureFixedNumber(velocityOverLifetime.orbitalY),
-        orbitalZ: ensureFixedNumber(velocityOverLifetime.orbitalZ),
-        speedOverLifetime: ensureFixedNumber(velocityOverLifetime.speedOverLifetime)
-    };
-    deleteEmptyValue(positionOverLifetime);
-    var ret = {
-        options: {
-            startColor: ensureRGBAValue(opt.startColor)
-        },
-        positionOverLifetime: positionOverLifetime
-    };
-    if (opt.startSize) {
-        transform.scale = [
-            opt.startSize,
-            opt.startSize / (opt.sizeAspect || 1),
-            1
-        ];
-    }
-    if (opt.startRotation) {
-        if (!transform.rotation) {
-            transform.rotation = [
-                0,
-                0,
-                opt.startRotation
-            ];
-        } else {
-            transform.rotation[2] += opt.startRotation;
-        }
-    }
-    var rotationOverLifetime = sprite.rotationOverLifetime;
-    if (rotationOverLifetime) {
-        var rot = ret.rotationOverLifetime = {
-            separateAxes: rotationOverLifetime.separateAxes,
-            asRotation: rotationOverLifetime.asRotation
-        };
-        if (rot.separateAxes) {
-            rot.x = ensureFixedNumber(rotationOverLifetime.x);
-            rot.y = ensureFixedNumber(rotationOverLifetime.y);
-            rot.z = ensureFixedNumber(rotationOverLifetime.z);
-        } else {
-            rot.z = ensureFixedNumber(rotationOverLifetime.angularVelocity);
-        }
-    }
-    var colorOverLifetime = sprite.colorOverLifetime;
-    if (colorOverLifetime) {
-        var col = ret.colorOverLifetime = {
-            opacity: ensureFixedNumber(colorOverLifetime.opacity)
-        };
-        if (colorOverLifetime.color) {
-            col.color = getGradientColor(colorOverLifetime.color);
-        }
-    }
-    var sizeOverLifetime = sprite.sizeOverLifetime;
-    if (sizeOverLifetime) {
-        ret.sizeOverLifetime = {
-            separateAxes: sizeOverLifetime.separateAxes,
-            size: ensureFixedNumber(sizeOverLifetime.size),
-            x: ensureFixedNumber(sizeOverLifetime.x),
-            y: ensureFixedNumber(sizeOverLifetime.y),
-            z: ensureFixedNumber(sizeOverLifetime.z)
-        };
-    }
-    return ret;
-}
-function getStandardSpriteContent(sprite, transform) {
-    var ret = getStandardNullContent(sprite, transform);
-    var texAni = sprite.textureSheetAnimation;
-    if (texAni) {
-        ret.textureSheetAnimation = {
-            row: texAni.row,
-            col: texAni.col,
-            total: texAni.total || undefined,
-            animate: texAni.animate
-        };
-    }
-    ret.renderer = sprite.renderer;
-    if (sprite.splits) {
-        ret.splits = sprite.splits;
-    }
-    if (sprite.interaction) {
-        ret.interaction = sprite.interaction;
+        deleteEmptyValue(rotationOverLifetime);
+        ret.rotationOverLifetime = rotationOverLifetime;
     }
     return ret;
 }
@@ -22165,43 +22071,6 @@ function getStandardInteractContent(ui) {
     return ret;
 }
 
-function getStandardCameraContent(model) {
-    var _model_transform;
-    var opt = model.options;
-    var ret = {
-        options: {
-            fov: opt.fov,
-            far: opt.far,
-            near: opt.near,
-            clipMode: opt.clipMode
-        }
-    };
-    var velocityOverLifetime = model.velocityOverLifetime;
-    if (velocityOverLifetime || ((_model_transform = model.transform) == null ? void 0 : _model_transform.path)) {
-        var _model_transform1;
-        var positionOverLifetime = {
-            path: ensureFixedVec3((_model_transform1 = model.transform) == null ? void 0 : _model_transform1.path),
-            linearX: ensureFixedNumber(velocityOverLifetime == null ? void 0 : velocityOverLifetime.translateX),
-            linearY: ensureFixedNumber(velocityOverLifetime == null ? void 0 : velocityOverLifetime.translateY),
-            linearZ: ensureFixedNumber(velocityOverLifetime == null ? void 0 : velocityOverLifetime.translateZ)
-        };
-        deleteEmptyValue(positionOverLifetime);
-        ret.positionOverLifetime = positionOverLifetime;
-    }
-    var rol = model.rotationOverLifetime;
-    if (rol) {
-        var rotationOverLifetime = {
-            separateAxes: rol.separateAxes,
-            x: ensureFixedNumber(rol == null ? void 0 : rol.rotateX),
-            y: ensureFixedNumber(rol == null ? void 0 : rol.rotateY),
-            z: rol.separateAxes ? ensureFixedNumber(rol == null ? void 0 : rol.rotateZ) : ensureFixedNumber(rol.rotation)
-        };
-        deleteEmptyValue(rotationOverLifetime);
-        ret.rotationOverLifetime = rotationOverLifetime;
-    }
-    return ret;
-}
-
 /**
  * 2.1 以下版本数据适配（mars-player@2.4.0 及以上版本支持 2.1 以下数据的适配）
  */ function version21Migration(json) {
@@ -22318,11 +22187,12 @@ function getStandardCameraContent(model) {
     var _textures;
     (_textures = (_result = result).textures) != null ? _textures : _result.textures = [];
     result.textures.forEach(function(textureOptions) {
+        var _result_images_textureOptions_source;
         textureOptions.id = generateGUID();
         textureOptions.dataType = DataType.Texture;
         // @ts-expect-error
         textureOptions.source = {
-            id: result.images[textureOptions.source].id
+            id: (_result_images_textureOptions_source = result.images[textureOptions.source]) == null ? void 0 : _result_images_textureOptions_source.id
         };
     });
     if (result.textures.length < result.images.length) {
@@ -22676,8 +22546,7 @@ function convertTimelineAsset(composition, guidToItemMap, jsonScene) {
             var newSpriteColorPlayableAssetData = {
                 id: generateGUID(),
                 dataType: "SpriteColorPlayableAsset",
-                colorOverLifetime: item.content.colorOverLifetime,
-                startColor: item.content.options.startColor
+                colorOverLifetime: item.content.colorOverLifetime
             };
             playableAssetDatas.push(newSpriteColorPlayableAssetData);
             var newTrackData1 = {
@@ -22726,83 +22595,358 @@ function convertTimelineAsset(composition, guidToItemMap, jsonScene) {
             });
             trackDatas.push(newTrackData2);
         }
-        var bindingTrackData = {
-            id: generateGUID(),
-            dataType: "ObjectBindingTrack",
-            children: subTrackDatas,
-            clips: []
+        var bindingTrackData = {
+            id: generateGUID(),
+            dataType: "ObjectBindingTrack",
+            children: subTrackDatas,
+            clips: []
+        };
+        trackDatas.push(bindingTrackData);
+        timelineAssetData.tracks.push({
+            id: bindingTrackData.id
+        });
+        sceneBindings.push({
+            key: {
+                id: bindingTrackData.id
+            },
+            value: {
+                id: item.id
+            }
+        });
+    }
+    var trackIds = [];
+    for(var _iterator1 = _create_for_of_iterator_helper_loose(trackDatas), _step1; !(_step1 = _iterator1()).done;){
+        var trackData = _step1.value;
+        trackIds.push({
+            id: trackData.id
+        });
+    }
+    composition.timelineAsset = {
+        id: timelineAssetData.id
+    };
+    composition.sceneBindings = sceneBindings;
+    jsonScene.miscs.push(timelineAssetData);
+    for(var _iterator2 = _create_for_of_iterator_helper_loose(trackDatas), _step2; !(_step2 = _iterator2()).done;){
+        var trackData1 = _step2.value;
+        //@ts-expect-error
+        jsonScene.miscs.push(trackData1);
+    }
+    for(var _iterator3 = _create_for_of_iterator_helper_loose(playableAssetDatas), _step3; !(_step3 = _iterator3()).done;){
+        var playableAsset = _step3.value;
+        //@ts-expect-error
+        jsonScene.miscs.push(playableAsset);
+    }
+}
+function convertBinaryAsset(bins, jsonScene) {
+    //@ts-expect-error
+    jsonScene.bins = bins.map(function(bin) {
+        return {
+            url: bin.url,
+            "dataType": "BinaryAsset",
+            id: generateGUID()
+        };
+    });
+}
+function convertSpineData(resource, content, jsonScene) {
+    //@ts-expect-error
+    content.resource = {
+        "atlas": {
+            "bins": {
+                //@ts-expect-error
+                "id": jsonScene.bins[resource.atlas[1][0]].id
+            },
+            "source": resource.atlas[1].slice(1)
+        },
+        "skeleton": {
+            "bins": {
+                //@ts-expect-error
+                "id": jsonScene.bins[resource.skeleton[1][0]].id
+            },
+            "source": resource.skeleton[1].slice(1)
+        },
+        "skeletonType": resource.skeletonType,
+        "images": resource.images.map(function(i) {
+            return {
+                //@ts-expect-error
+                id: jsonScene.textures[i].id
+            };
+        })
+    };
+}
+
+function getStandardParticleContent(particle) {
+    var options = particle.options;
+    var transform = particle.transform;
+    var shape = {
+        type: ShapeType.NONE
+    };
+    if (particle.shape) {
+        var _particle_shape_shape;
+        var shapeType = (_particle_shape_shape = particle.shape.shape) == null ? void 0 : _particle_shape_shape.replace(/([A-Z])/g, "_$1").toUpperCase().replace(/^_/, "");
+        shape = _extends({}, particle.shape, {
+            type: ShapeType[shapeType]
+        });
+        if (particle.shape.upDirection) {
+            var _particle_shape_upDirection = particle.shape.upDirection, x = _particle_shape_upDirection[0], y = _particle_shape_upDirection[1], z = _particle_shape_upDirection[2];
+            if (x === 0 && y === 0 && z === 0) {
+                delete shape.upDirection;
+            }
+        }
+    }
+    if (options.startTurbulence) {
+        shape.turbulenceX = ensureNumberExpression(options.turbulenceX);
+        shape.turbulenceY = ensureNumberExpression(options.turbulenceY);
+        shape.turbulenceZ = ensureNumberExpression(options.turbulenceZ);
+    }
+    var emission = particle.emission;
+    if (emission.bursts && emission.bursts.length > 0) {
+        emission.bursts = emission.bursts.map(function(b) {
+            return objectValueToNumber(b);
+        });
+    }
+    if (emission.burstOffsets && emission.burstOffsets.length > 0) {
+        emission.burstOffsets = emission.burstOffsets.map(function(b) {
+            return objectValueToNumber(b);
+        });
+    }
+    if (emission.rateOverTime) {
+        emission.rateOverTime = ensureNumberExpression(emission.rateOverTime);
+    }
+    var ret = {
+        renderer: particle.renderer,
+        shape: shape,
+        splits: particle.splits,
+        emission: emission,
+        options: {
+            startLifetime: ensureNumberExpression(options.startLifetime),
+            start3DSize: !!options.start3DSize,
+            startSize: ensureNumberExpression(options.startSize),
+            startSizeX: ensureNumberExpression(options.startSizeX),
+            startSizeY: ensureNumberExpression(options.startSizeY),
+            sizeAspect: ensureNumberExpression(options.sizeAspect),
+            maxCount: options.maxCount,
+            startDelay: ensureNumberExpression(options.startDelay),
+            startColor: ensureColorExpression(options.startColor, true),
+            startRotationZ: ensureNumberExpression(options.startRotation || options.startRotationZ),
+            particleFollowParent: options.particleFollowParent
+        }
+    };
+    if (options.start3DRotation) {
+        ret.options.startRotationX = ensureNumberExpression(options.startRotationX);
+        ret.options.startRotationY = ensureNumberExpression(options.startRotationY);
+    }
+    if (transform && transform.path) {
+        ret.emitterTransform = {
+            path: ensureFixedVec3(transform.path)
+        };
+    }
+    var sizeOverLifetime = particle.sizeOverLifetime;
+    if (sizeOverLifetime) {
+        if (sizeOverLifetime.separateAxes) {
+            ret.sizeOverLifetime = {
+                separateAxes: true,
+                x: ensureNumberExpression(sizeOverLifetime.x),
+                y: ensureNumberExpression(sizeOverLifetime.y)
+            };
+        } else {
+            ret.sizeOverLifetime = {
+                size: ensureNumberExpression(sizeOverLifetime.size)
+            };
+        }
+    }
+    var velocityOverLifetime = particle.velocityOverLifetime || {};
+    var sol = velocityOverLifetime.speedOverLifetime;
+    if (sol) {
+        sol = ensureFixedNumber(sol);
+    } else {
+        sol = undefined;
+    }
+    ret.positionOverLifetime = {
+        gravity: options.gravity,
+        gravityOverLifetime: ensureFixedNumber(options.gravityModifier),
+        startSpeed: ensureNumberExpression(options.startSpeed),
+        speedOverLifetime: sol,
+        asMovement: velocityOverLifetime.asMovement,
+        linearX: ensureNumberExpression(velocityOverLifetime.linearX),
+        linearY: ensureNumberExpression(velocityOverLifetime.linearY),
+        linearZ: ensureNumberExpression(velocityOverLifetime.linearZ),
+        asRotation: velocityOverLifetime.asRotation,
+        orbCenter: velocityOverLifetime.orbCenter,
+        orbitalX: ensureNumberExpression(velocityOverLifetime.orbitalX),
+        orbitalY: ensureNumberExpression(velocityOverLifetime.orbitalY),
+        orbitalZ: ensureNumberExpression(velocityOverLifetime.orbitalZ),
+        forceTarget: velocityOverLifetime.forceTarget,
+        target: velocityOverLifetime.target,
+        forceCurve: ensureFixedNumber(velocityOverLifetime.forceCurve)
+    };
+    deleteEmptyValue(ret.positionOverLifetime);
+    var rotationOverLifetime = particle.rotationOverLifetime;
+    if (rotationOverLifetime) {
+        ret.rotationOverLifetime = {
+            separateAxes: rotationOverLifetime.separateAxes,
+            asRotation: rotationOverLifetime.asRotation,
+            z: ensureNumberExpression(rotationOverLifetime.separateAxes ? rotationOverLifetime.z : rotationOverLifetime.angularVelocity)
+        };
+        if (rotationOverLifetime.separateAxes) {
+            ret.rotationOverLifetime.y = ensureFixedNumber(rotationOverLifetime.y);
+            ret.rotationOverLifetime.x = ensureFixedNumber(rotationOverLifetime.x);
+        }
+    }
+    var colorOverLifetime = particle.colorOverLifetime;
+    if (colorOverLifetime) {
+        var col = ret.colorOverLifetime = {
+            opacity: ensureFixedNumber(colorOverLifetime.opacity)
+        };
+        if (colorOverLifetime.color) {
+            col.color = getGradientColor(colorOverLifetime.color);
+        }
+    }
+    var textureSheetAnimation = particle.textureSheetAnimation;
+    if (textureSheetAnimation) {
+        ret.textureSheetAnimation = {
+            row: textureSheetAnimation.row,
+            col: textureSheetAnimation.col,
+            total: textureSheetAnimation.total,
+            animate: textureSheetAnimation.animate,
+            cycles: ensureFixedNumber(textureSheetAnimation.cycles),
+            animationDelay: ensureFixedNumberWithRandom(textureSheetAnimation.animationDelay, 0),
+            animationDuration: ensureFixedNumberWithRandom(textureSheetAnimation.animationDuration, 0)
         };
-        trackDatas.push(bindingTrackData);
-        timelineAssetData.tracks.push({
-            id: bindingTrackData.id
-        });
-        sceneBindings.push({
-            key: {
-                id: bindingTrackData.id
-            },
-            value: {
-                id: item.id
-            }
-        });
     }
-    var trackIds = [];
-    for(var _iterator1 = _create_for_of_iterator_helper_loose(trackDatas), _step1; !(_step1 = _iterator1()).done;){
-        var trackData = _step1.value;
-        trackIds.push({
-            id: trackData.id
-        });
+    var trials = particle.trails;
+    if (trials) {
+        ret.trails = {
+            lifetime: ensureNumberExpression(trials.lifetime),
+            dieWithParticles: trials.dieWithParticles,
+            maxPointPerTrail: trials.maxPointPerTrail,
+            minimumVertexDistance: trials.minimumVertexDistance,
+            widthOverTrail: ensureFixedNumber(trials.widthOverTrail),
+            colorOverTrail: trials.colorOverTrail && getGradientColor(trials.colorOverTrail, false),
+            blending: trials.blending,
+            colorOverLifetime: trials.colorOverLifetime && getGradientColor(trials.colorOverLifetime, false),
+            inheritParticleColor: trials.inheritParticleColor,
+            occlusion: trials.occlusion,
+            transparentOcclusion: trials.transparentOcclusion,
+            orderOffset: trials.orderOffset,
+            sizeAffectsLifetime: trials.sizeAffectsLifetime,
+            sizeAffectsWidth: trials.sizeAffectsWidth,
+            texture: trials.texture,
+            parentAffectsPosition: trials.parentAffectsPosition,
+            opacityOverLifetime: ensureNumberExpression(trials.opacityOverLifetime)
+        };
     }
-    composition.timelineAsset = {
-        id: timelineAssetData.id
+    ret.trails && deleteEmptyValue(ret.trails);
+    var interaction = particle.interaction;
+    if (interaction) {
+        ret.interaction = {
+            behavior: interaction.behavior,
+            radius: interaction.radius,
+            multiple: interaction.multiple
+        };
+    }
+    return ret;
+}
+
+function getStandardNullContent(sprite, transform) {
+    var _sprite_transform;
+    var opt = sprite.options;
+    var velocityOverLifetime = sprite.velocityOverLifetime || {};
+    var positionOverLifetime = {
+        path: ensureFixedVec3((_sprite_transform = sprite.transform) == null ? void 0 : _sprite_transform.path),
+        gravity: opt.gravity,
+        gravityOverLifetime: ensureFixedNumber(opt.gravityModifier),
+        direction: opt.direction,
+        startSpeed: opt.startSpeed,
+        asMovement: velocityOverLifetime.asMovement,
+        linearX: ensureFixedNumber(velocityOverLifetime.linearX),
+        linearY: ensureFixedNumber(velocityOverLifetime.linearY),
+        linearZ: ensureFixedNumber(velocityOverLifetime.linearZ),
+        asRotation: velocityOverLifetime.asRotation,
+        orbCenter: velocityOverLifetime.orbCenter,
+        orbitalX: ensureFixedNumber(velocityOverLifetime.orbitalX),
+        orbitalY: ensureFixedNumber(velocityOverLifetime.orbitalY),
+        orbitalZ: ensureFixedNumber(velocityOverLifetime.orbitalZ),
+        speedOverLifetime: ensureFixedNumber(velocityOverLifetime.speedOverLifetime)
     };
-    composition.sceneBindings = sceneBindings;
-    jsonScene.miscs.push(timelineAssetData);
-    for(var _iterator2 = _create_for_of_iterator_helper_loose(trackDatas), _step2; !(_step2 = _iterator2()).done;){
-        var trackData1 = _step2.value;
-        //@ts-expect-error
-        jsonScene.miscs.push(trackData1);
+    deleteEmptyValue(positionOverLifetime);
+    var ret = {
+        options: {
+            startColor: ensureRGBAValue(opt.startColor)
+        },
+        positionOverLifetime: positionOverLifetime
+    };
+    if (opt.startSize) {
+        transform.scale = [
+            opt.startSize,
+            opt.startSize / (opt.sizeAspect || 1),
+            1
+        ];
     }
-    for(var _iterator3 = _create_for_of_iterator_helper_loose(playableAssetDatas), _step3; !(_step3 = _iterator3()).done;){
-        var playableAsset = _step3.value;
-        //@ts-expect-error
-        jsonScene.miscs.push(playableAsset);
+    if (opt.startRotation) {
+        if (!transform.rotation) {
+            transform.rotation = [
+                0,
+                0,
+                opt.startRotation
+            ];
+        } else {
+            transform.rotation[2] += opt.startRotation;
+        }
     }
-}
-function convertBinaryAsset(bins, jsonScene) {
-    //@ts-expect-error
-    jsonScene.bins = bins.map(function(bin) {
-        return {
-            url: bin.url,
-            "dataType": "BinaryAsset",
-            id: generateGUID()
+    var rotationOverLifetime = sprite.rotationOverLifetime;
+    if (rotationOverLifetime) {
+        var rot = ret.rotationOverLifetime = {
+            separateAxes: rotationOverLifetime.separateAxes,
+            asRotation: rotationOverLifetime.asRotation
         };
-    });
+        if (rot.separateAxes) {
+            rot.x = ensureFixedNumber(rotationOverLifetime.x);
+            rot.y = ensureFixedNumber(rotationOverLifetime.y);
+            rot.z = ensureFixedNumber(rotationOverLifetime.z);
+        } else {
+            rot.z = ensureFixedNumber(rotationOverLifetime.angularVelocity);
+        }
+    }
+    var colorOverLifetime = sprite.colorOverLifetime;
+    if (colorOverLifetime) {
+        var col = ret.colorOverLifetime = {
+            opacity: ensureFixedNumber(colorOverLifetime.opacity)
+        };
+        if (colorOverLifetime.color) {
+            col.color = getGradientColor(colorOverLifetime.color);
+        }
+    }
+    var sizeOverLifetime = sprite.sizeOverLifetime;
+    if (sizeOverLifetime) {
+        ret.sizeOverLifetime = {
+            separateAxes: sizeOverLifetime.separateAxes,
+            size: ensureFixedNumber(sizeOverLifetime.size),
+            x: ensureFixedNumber(sizeOverLifetime.x),
+            y: ensureFixedNumber(sizeOverLifetime.y),
+            z: ensureFixedNumber(sizeOverLifetime.z)
+        };
+    }
+    return ret;
 }
-function convertSpineData(resource, content, jsonScene) {
-    //@ts-expect-error
-    content.resource = {
-        "atlas": {
-            "bins": {
-                //@ts-expect-error
-                "id": jsonScene.bins[resource.atlas[1][0]].id
-            },
-            "source": resource.atlas[1].slice(1)
-        },
-        "skeleton": {
-            "bins": {
-                //@ts-expect-error
-                "id": jsonScene.bins[resource.skeleton[1][0]].id
-            },
-            "source": resource.skeleton[1].slice(1)
-        },
-        "skeletonType": resource.skeletonType,
-        "images": resource.images.map(function(i) {
-            return {
-                //@ts-expect-error
-                id: jsonScene.textures[i].id
-            };
-        })
-    };
+function getStandardSpriteContent(sprite, transform) {
+    var ret = getStandardNullContent(sprite, transform);
+    var texAni = sprite.textureSheetAnimation;
+    if (texAni) {
+        ret.textureSheetAnimation = {
+            row: texAni.row,
+            col: texAni.col,
+            total: texAni.total || undefined,
+            animate: texAni.animate
+        };
+    }
+    ret.renderer = sprite.renderer;
+    if (sprite.splits) {
+        ret.splits = sprite.splits;
+    }
+    if (sprite.interaction) {
+        ret.interaction = sprite.interaction;
+    }
+    return ret;
 }
 
 var v0 = /^(\d+)\.(\d+)\.(\d+)(-(\w+)\.\d+)?$/;
@@ -23184,7 +23328,7 @@ function getBackgroundImage(template, variables) {
 }
 function _combineImageTemplate() {
     _combineImageTemplate = _async_to_generator(function(url, template, variables) {
-        var image, drawImage, templateBackground, _tmp;
+        var image, templateBackground;
         return __generator(this, function(_state) {
             switch(_state.label){
                 case 0:
@@ -23215,37 +23359,25 @@ function _combineImageTemplate() {
                             image
                         ];
                     }
-                    drawImage = image;
                     // 获取动态换图的图片对象或 url 地址
                     templateBackground = getBackgroundImage(template, variables);
-                    if (!(templateBackground && isString(templateBackground) && templateBackground !== image.src)) return [
-                        3,
-                        7
-                    ];
-                    if (!isString(templateBackground)) return [
-                        3,
-                        5
-                    ];
-                    return [
-                        4,
-                        loadImage(templateBackground)
-                    ];
-                case 4:
-                    _tmp = _state.sent();
-                    return [
-                        3,
-                        6
-                    ];
-                case 5:
-                    _tmp = templateBackground;
-                    _state.label = 6;
-                case 6:
-                    drawImage = _tmp;
-                    _state.label = 7;
-                case 7:
+                    if (templateBackground) {
+                        if (isString(templateBackground) && templateBackground !== image.src) {
+                            return [
+                                2,
+                                loadImage(templateBackground)
+                            ];
+                        }
+                        if (_instanceof1(templateBackground, HTMLImageElement)) {
+                            return [
+                                2,
+                                templateBackground
+                            ];
+                        }
+                    }
                     return [
                         2,
-                        drawImage
+                        image
                     ];
             }
         });
@@ -23579,14 +23711,6 @@ var seed = 1;
                     case 0:
                         // TODO: 后面切换到新的数据版本，就不用掉用 getStandardJSON 做转换了
                         jsonScene = getStandardJSON(json);
-                        // FIXME: hack globalVolume，specification 更新后需移除
-                        // @ts-expect-error
-                        json.compositions.forEach(function(composition, i) {
-                            if (composition.globalVolume) {
-                                // @ts-expect-error
-                                jsonScene.compositions[i].globalVolume = composition.globalVolume;
-                            }
-                        });
                         _jsonScene_plugins = jsonScene.plugins, plugins = _jsonScene_plugins === void 0 ? [] : _jsonScene_plugins, sceneCompositions = jsonScene.compositions, imgUsage = jsonScene.imgUsage, images = jsonScene.images;
                         pluginSystem = new PluginSystem(plugins);
                         return [
@@ -23717,15 +23841,17 @@ var seed = 1;
                 _this_options = _this.options, useCompressedTexture = _this_options.useCompressedTexture, variables = _this_options.variables;
                 baseUrl = _this.baseUrl;
                 jobs = images.map(/*#__PURE__*/ _async_to_generator(function(img, idx) {
-                    var png, webp, imageURL, webpURL, template, background, url, isVideo, loadFn, resultImage, e, compressed, src, bufferURL, _ref, url1, image;
+                    var png, webp, avif, imageURL, webpURL, avifURL, template, background, url, isVideo, loadFn, resultImage, e, compressed, src, bufferURL, _ref, url1, image, _tmp;
                     return __generator(this, function(_state) {
                         switch(_state.label){
                             case 0:
-                                png = img.url, webp = img.webp;
+                                png = img.url, webp = img.webp, avif = img.avif;
                                 // eslint-disable-next-line compat/compat
                                 imageURL = new URL(png, baseUrl).href;
                                 // eslint-disable-next-line compat/compat
                                 webpURL = webp && new URL(webp, baseUrl).href;
+                                // eslint-disable-next-line compat/compat
+                                avifURL = avif && new URL(avif, baseUrl).href;
                                 if (!("template" in img)) return [
                                     3,
                                     8
@@ -23825,12 +23951,30 @@ var seed = 1;
                                 }
                                 _state.label = 9;
                             case 9:
+                                if (!avifURL) return [
+                                    3,
+                                    11
+                                ];
                                 return [
                                     4,
-                                    loadWebPOptional(imageURL, webpURL)
+                                    loadAVIFOptional(imageURL, avifURL)
                                 ];
                             case 10:
-                                _ref = _state.sent(), url1 = _ref.url, image = _ref.image;
+                                _tmp = _state.sent();
+                                return [
+                                    3,
+                                    13
+                                ];
+                            case 11:
+                                return [
+                                    4,
+                                    loadWebPOptional(imageURL, webpURL)
+                                ];
+                            case 12:
+                                _tmp = _state.sent();
+                                _state.label = 13;
+                            case 13:
+                                _ref = _tmp, url1 = _ref.url, image = _ref.image;
                                 _this.assets[idx] = {
                                     url: url1,
                                     type: TextureSourceType.image
@@ -24374,9 +24518,7 @@ var listOrder = 0;
     }
     var _proto = CompositionSourceManager.prototype;
     _proto.getContent = function getContent(composition) {
-        // TODO: specification 中补充 globalVolume 类型
-        // @ts-expect-error
-        var id = composition.id, duration = composition.duration, name = composition.name, endBehavior = composition.endBehavior, camera = composition.camera, globalVolume = composition.globalVolume, _composition_startTime = composition.startTime, startTime = _composition_startTime === void 0 ? 0 : _composition_startTime;
+        var id = composition.id, duration = composition.duration, name = composition.name, endBehavior = composition.endBehavior, camera = composition.camera, _composition_startTime = composition.startTime, startTime = _composition_startTime === void 0 ? 0 : _composition_startTime;
         var items = this.assembleItems(composition);
         return _extends({}, composition, {
             id: id,
@@ -24386,8 +24528,7 @@ var listOrder = 0;
             // looping,
             items: items,
             camera: camera,
-            startTime: startTime,
-            globalVolume: globalVolume
+            startTime: startTime
         });
     };
     _proto.assembleItems = function assembleItems(composition) {
@@ -24549,7 +24690,6 @@ var listOrder = 0;
         this.rootComposition = this.rootItem.addComponent(CompositionComponent);
         this.rootComposition.data = sourceContent;
         var imageUsage = !reusable && imgUsage;
-        this.globalVolume = sourceContent.globalVolume;
         this.width = width;
         this.height = height;
         this.renderOrder = baseRenderOrder;
@@ -26754,7 +26894,10 @@ var FBGeometryDataT = /*#__PURE__*/ function() {
     return FBGeometryDataT;
 }();
 
-var EffectsPackage = /*#__PURE__*/ function() {
+/**
+ * @since 2.0.0
+ * @internal
+ */ var EffectsPackage = /*#__PURE__*/ function() {
     function EffectsPackage() {
         this.exportObjectDatas = [];
     }
@@ -26779,8 +26922,7 @@ var EffectsPackage = /*#__PURE__*/ function() {
         }
         effectsPackage.exportObjects = exportObjects;
         FBEffectsPackageData.finishFBEffectsPackageDataBuffer(fbb, effectsPackage.pack(fbb));
-        var buffer = fbb.asUint8Array(); // Of type `Uint8Array`.
-        return buffer;
+        return fbb.asUint8Array(); // Of type `Uint8Array`.
     };
     _proto.deserializeFromBinary = function deserializeFromBinary(buffer) {
         var buf = new ByteBuffer(buffer);
@@ -26808,37 +26950,35 @@ var EffectsPackage = /*#__PURE__*/ function() {
     _proto.geometryDataToBinary = function geometryDataToBinary(geometryData) {
         var fbb = new Builder(1);
         var fbGeometryData = new FBGeometryDataT();
-        fbGeometryData.indexFormat = geometryData.indexFormat;
-        fbGeometryData.indexOffset = geometryData.indexOffset;
-        fbGeometryData.mode = geometryData.mode;
-        fbGeometryData.id = geometryData.id;
-        var _geometryData_boneNames;
-        fbGeometryData.boneNames = (_geometryData_boneNames = geometryData.boneNames) != null ? _geometryData_boneNames : [];
-        var _geometryData_rootBoneName;
-        fbGeometryData.rootBoneName = (_geometryData_rootBoneName = geometryData.rootBoneName) != null ? _geometryData_rootBoneName : "";
-        var _geometryData_inverseBindMatrices;
-        fbGeometryData.inverseBindMatrices = (_geometryData_inverseBindMatrices = geometryData.inverseBindMatrices) != null ? _geometryData_inverseBindMatrices : [];
-        var _geometryData_binaryData;
-        fbGeometryData.binaryData = (_geometryData_binaryData = geometryData.binaryData) != null ? _geometryData_binaryData : [];
+        var indexFormat = geometryData.indexFormat, indexOffset = geometryData.indexOffset, mode = geometryData.mode, id = geometryData.id, vertexData = geometryData.vertexData, _geometryData_boneNames = geometryData.boneNames, boneNames = _geometryData_boneNames === void 0 ? [] : _geometryData_boneNames, _geometryData_rootBoneName = geometryData.rootBoneName, rootBoneName = _geometryData_rootBoneName === void 0 ? "" : _geometryData_rootBoneName, _geometryData_inverseBindMatrices = geometryData.inverseBindMatrices, inverseBindMatrices = _geometryData_inverseBindMatrices === void 0 ? [] : _geometryData_inverseBindMatrices, _geometryData_binaryData = geometryData.binaryData, binaryData = _geometryData_binaryData === void 0 ? [] : _geometryData_binaryData;
+        fbGeometryData.indexFormat = indexFormat;
+        fbGeometryData.indexOffset = indexOffset;
+        fbGeometryData.mode = mode;
+        fbGeometryData.id = id;
+        fbGeometryData.boneNames = boneNames;
+        fbGeometryData.rootBoneName = rootBoneName;
+        fbGeometryData.inverseBindMatrices = inverseBindMatrices;
+        fbGeometryData.binaryData = binaryData;
         var fbVertexdata = new FBVertexDataT();
-        fbVertexdata.vertexCount = geometryData.vertexData.vertexCount;
+        fbVertexdata.vertexCount = vertexData.vertexCount;
         fbVertexdata.channels = [];
-        for(var _iterator = _create_for_of_iterator_helper_loose(geometryData.vertexData.channels), _step; !(_step = _iterator()).done;){
+        for(var _iterator = _create_for_of_iterator_helper_loose(vertexData.channels), _step; !(_step = _iterator()).done;){
             var channel = _step.value;
-            var fbChannel = new FBVertexChannelT(channel.semantic, channel.offset, channel.format, channel.dimension, channel.normalize);
+            var semantic = channel.semantic, offset = channel.offset, format = channel.format, dimension = channel.dimension, normalize = channel.normalize;
+            var fbChannel = new FBVertexChannelT(semantic, offset, format, dimension, normalize);
             fbVertexdata.channels.push(fbChannel);
         }
         fbGeometryData.vertexData = fbVertexdata;
         var fbSubMeshes = [];
         for(var _iterator1 = _create_for_of_iterator_helper_loose(geometryData.subMeshes), _step1; !(_step1 = _iterator1()).done;){
             var subMesh = _step1.value;
-            var fbSubMesh = new FBSubMeshT(subMesh.offset, subMesh.indexCount, subMesh.vertexCount);
+            var offset1 = subMesh.offset, indexCount = subMesh.indexCount, vertexCount = subMesh.vertexCount;
+            var fbSubMesh = new FBSubMeshT(offset1, indexCount, vertexCount);
             fbSubMeshes.push(fbSubMesh);
         }
         fbGeometryData.subMeshes = fbSubMeshes;
         FBEffectsPackageData.finishFBEffectsPackageDataBuffer(fbb, fbGeometryData.pack(fbb));
-        var buffer = fbb.asUint8Array(); // Of type `Uint8Array`.
-        return buffer;
+        return fbb.asUint8Array(); // Of type `Uint8Array`.
     };
     _proto.binaryToGeometryData = function binaryToGeometryData(buffer) {
         var buf = new ByteBuffer(buffer);
@@ -26860,7 +27000,8 @@ var EffectsPackage = /*#__PURE__*/ function() {
                     semantic: (_channel_semantic = channel.semantic()) != null ? _channel_semantic : "",
                     offset: channel.offset(),
                     format: channel.format(),
-                    dimension: channel.dimension()
+                    dimension: channel.dimension(),
+                    normalize: channel.normalize()
                 };
                 vertexData.channels.push(vertexChannel);
             }
@@ -26873,7 +27014,8 @@ var EffectsPackage = /*#__PURE__*/ function() {
             }
             var subMesh = {
                 offset: fbSubMesh.offset(),
-                vertexCount: fbSubMesh.vertexCount()
+                vertexCount: fbSubMesh.vertexCount(),
+                indexCount: fbSubMesh.indexCount()
             };
             subMeshes.push(subMesh);
         }
@@ -27302,8 +27444,8 @@ registerPlugin("sprite", SpriteLoader, VFXItem, true);
 registerPlugin("particle", ParticleLoader, VFXItem, true);
 registerPlugin("cal", CalculateLoader, VFXItem, true);
 registerPlugin("interact", InteractLoader, VFXItem, true);
-var version = "2.0.0-alpha.27";
+var version = "2.0.0-alpha.29";
 logger.info("Core version: " + version + ".");
 
-export { AbstractPlugin, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AnimationClip, AnimationClipPlayable, AssetLoader, AssetManager, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, COMPRESSED_TEXTURE, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateLoader, Camera, CameraController, CameraVFXItemLoader, Component, Composition, CompositionComponent, CompositionSourceManager, DEFAULT_FONTS, Database, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectsObject, EffectsPackage, Engine, EventSystem, FilterMode, Float16ArrayWrapper, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, Item, ItemBehaviour, KTXTexture, LineSegments, LinearValue, Material, MaterialDataBlock, MaterialRenderType, Mesh, ObjectBindingTrack, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleSystem, ParticleSystemRenderer, PassTextureCache, PathSegments, PluginSystem, RENDER_PASS_NAME_PREFIX, RENDER_PREFER_LOOKUP_TEXTURE, RUNTIME_ENV, RandomSetValue, RandomValue, RandomVectorValue, RenderFrame, RenderPass, RenderPassAttachmentStorageType, RenderPassDestroyAttachmentType, RenderPassPriorityNormal, RenderPassPriorityPostprocess, RenderPassPriorityPrepare, RenderTargetHandle, RenderTextureFormat, Renderbuffer, Renderer, RendererComponent, RuntimeClip, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_0, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_SIZE_0, SEMANTIC_PRE_COLOR_ATTACHMENT_0, SEMANTIC_PRE_COLOR_ATTACHMENT_SIZE_0, SPRITE_VERTEX_STRIDE, SemanticMap, SerializationHelper, Shader, ShaderCompileResultStatus, ShaderType, ShaderVariant, SpriteColorPlayable, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteLoader, StaticValue, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TextComponent, TextComponentBase, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, Ticker, TimelineAsset, TimelineClip, TimelinePlayable, TrackAsset, TrackSortWrapper, TrackType, Transform, TransformAnimationPlayable, TransformPlayableAsset, TransformTrack, VFXItem, ValueGetter, addByOrder, addItem, addItemWithOrder, applyMixins, assertExist, asserts, base64ToFile, blend, calculateTranslation, canvasPool, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, compatible_frag as compatibleFrag, compatible_vert as compatibleVert, createCopyShader, createGLContext, createKeyFrameMeta, createShaderWithMacros, createShape, createVFXItem, createValueGetter, decimalEqual, defaultGlobalVolume, defaultPlugins, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, findPreviousRenderPass, gaussianDown_frag as gaussianDownFrag, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getColorFromGradientStops, getConfig, getDefaultTemplateCanvasPool, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getImageItemRenderInfo, getKTXTextureOptions, getKeyFrameMetaByRawValue, getMergedStore, getParticleMeshShader, getPixelRatio, getPreMultiAlpha, getStandardComposition, getStandardImage, getStandardItem, getStandardJSON, getTextureSize, glContext, glType2VertexFormatType, gpuTimer, imageDataFromColor, imageDataFromGradient, initErrors, initGLContext, integrate, interpolateColor, isAlipayMiniApp, isAndroid, isArray, isCanvas, isFunction, isIOS, isObject, isSceneJSON, isSceneURL, isSceneWithOptions, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, itemFrag, itemFrameFrag, itemVert, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, modifyMaxKeyframeShader, nearestPowerOfTwo, noop, normalizeColor, numberToFix, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, pluginLoaderMap, pointOnLine, randomInRange, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxItemCountByGPU, sortByOrder, index$1 as spec, spriteMeshShaderFromFilter, spriteMeshShaderFromRenderInfo, spriteMeshShaderIdFromRenderInfo, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecAssign, vecFill, vecMulCombine, vecNormalize, version, vertexFormatType2GLType };
+export { AbstractPlugin, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AnimationClip, AnimationClipPlayable, AssetLoader, AssetManager, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, COMPRESSED_TEXTURE, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateLoader, Camera, CameraController, CameraVFXItemLoader, Component, Composition, CompositionComponent, CompositionSourceManager, DEFAULT_FONTS, Database, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectsObject, EffectsPackage, Engine, EventSystem, FilterMode, Float16ArrayWrapper, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, Item, ItemBehaviour, KTXTexture, LineSegments, LinearValue, Material, MaterialDataBlock, MaterialRenderType, Mesh, ObjectBindingTrack, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleSystem, ParticleSystemRenderer, PassTextureCache, PathSegments, PluginSystem, PostProcessVolume, RENDER_PASS_NAME_PREFIX, RENDER_PREFER_LOOKUP_TEXTURE, RUNTIME_ENV, RandomSetValue, RandomValue, RandomVectorValue, RenderFrame, RenderPass, RenderPassAttachmentStorageType, RenderPassDestroyAttachmentType, RenderPassPriorityNormal, RenderPassPriorityPostprocess, RenderPassPriorityPrepare, RenderTargetHandle, RenderTextureFormat, Renderbuffer, Renderer, RendererComponent, RuntimeClip, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_0, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_SIZE_0, SEMANTIC_PRE_COLOR_ATTACHMENT_0, SEMANTIC_PRE_COLOR_ATTACHMENT_SIZE_0, SPRITE_VERTEX_STRIDE, SemanticMap, SerializationHelper, Shader, ShaderCompileResultStatus, ShaderType, ShaderVariant, SpriteColorPlayable, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteLoader, StaticValue, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TextComponent, TextComponentBase, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, Ticker, TimelineAsset, TimelineClip, TimelinePlayable, TrackAsset, TrackSortWrapper, TrackType, Transform, TransformAnimationPlayable, TransformPlayableAsset, TransformTrack, VFXItem, ValueGetter, addByOrder, addItem, addItemWithOrder, applyMixins, assertExist, asserts, base64ToFile, blend, calculateTranslation, canvasPool, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, compatible_frag as compatibleFrag, compatible_vert as compatibleVert, createCopyShader, createGLContext, createKeyFrameMeta, createShaderWithMacros, createShape, createValueGetter, decimalEqual, defaultGlobalVolume, defaultPlugins, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, findPreviousRenderPass, gaussianDown_frag as gaussianDownFrag, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getColorFromGradientStops, getConfig, getDefaultTemplateCanvasPool, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getImageItemRenderInfo, getKTXTextureOptions, getKeyFrameMetaByRawValue, getMergedStore, getParticleMeshShader, getPixelRatio, getPreMultiAlpha, getStandardComposition, getStandardImage, getStandardItem, getStandardJSON, getTextureSize, glContext, glType2VertexFormatType, gpuTimer, imageDataFromColor, imageDataFromGradient, initErrors, initGLContext, integrate, interpolateColor, isAlipayMiniApp, isAndroid, isArray, isCanvas, isFunction, isIOS, isIOSByUA, isMiniProgram, isObject, isSceneJSON, isSceneURL, isSceneWithOptions, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, isWechatMiniApp, itemFrag, itemFrameFrag, itemVert, loadAVIFOptional, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, modifyMaxKeyframeShader, nearestPowerOfTwo, noop, normalizeColor, numberToFix, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, pluginLoaderMap, pointOnLine, randomInRange, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxItemCountByGPU, sortByOrder, index$1 as spec, spriteMeshShaderFromFilter, spriteMeshShaderFromRenderInfo, spriteMeshShaderIdFromRenderInfo, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecAssign, vecFill, vecMulCombine, vecNormalize, version, vertexFormatType2GLType };
 //# sourceMappingURL=index.mjs.map