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

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.0.0-alpha.27
+ * Version: v2.0.0-alpha.29
  */
 
 'use strict';
@@ -466,16 +466,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)) {
@@ -4613,9 +4624,6 @@ function getDirectStore(target) {
     };
     return EffectsObject;
 }();
-__decorate([
-    serialize()
-], EffectsObject.prototype, "guid", void 0);
 
 /**
  * @since 2.0.0
@@ -4893,8 +4901,8 @@ exports.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) {
@@ -7879,6 +7887,7 @@ exports.TextureSourceType = void 0;
     return Downloader;
 }();
 var webPFailed = false;
+var avifFailed = false;
 /**
  * 异步加载一个 WebP 图片文件，如果不支持 WebP，则加载 PNG 图片文件
  * @param png - PNG 图片文件的 URL
@@ -7954,6 +7963,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 对象
@@ -8155,31 +8239,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({
@@ -8193,17 +8281,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 [
@@ -8226,7 +8314,7 @@ function _deserializeMipmapTexture() {
                             }
                         })
                     ];
-                case 3:
+                case 4:
                     return [
                         2
                     ];
@@ -11581,7 +11669,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);}";
 
@@ -11591,7 +11679,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) {
@@ -11869,7 +11957,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);
@@ -11881,7 +11969,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
         ]);
@@ -11889,29 +11977,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$6 = 1;
 /**
@@ -11935,7 +12000,7 @@ var seed$6 = 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
@@ -11978,20 +12043,36 @@ var seed$6 = 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: {
@@ -12003,74 +12084,50 @@ var seed$6 = 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);
@@ -12980,6 +13037,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$5 = 1;
@@ -13107,6 +13186,7 @@ exports.InteractComponent = /*#__PURE__*/ function(RendererComponent) {
             1
         ];
         /** 是否响应点击和拖拽交互事件 */ _this._interactive = true;
+        _this.hasBeenAddedToComposition = false;
         _this.getHitTestParams = function(force) {
             if (!_this.clickable) {
                 return;
@@ -13137,10 +13217,6 @@ exports.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);
@@ -13151,10 +13227,25 @@ exports.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;
         }
@@ -13174,15 +13265,7 @@ exports.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
     };
@@ -13765,6 +13848,10 @@ var SpriteColorPlayable = /*#__PURE__*/ function(Playable) {
         }
         if (!this.spriteMaterial) {
             this.spriteMaterial = boundObject.getComponent(exports.SpriteComponent).material;
+            var startColor = this.spriteMaterial.getVector4("_Color");
+            if (startColor) {
+                this.startColor = startColor.toArray();
+            }
         }
         var colorInc = vecFill(tempColor, 1);
         var colorChanged;
@@ -13794,12 +13881,6 @@ var SpriteColorPlayable = /*#__PURE__*/ function(Playable) {
                 this.colorOverLifetime = colorStopsFromGradient(colorOverLifetime.color[1]);
             }
         }
-        this.startColor = clipData.startColor || [
-            1,
-            1,
-            1,
-            1
-        ];
         return this;
     };
     return SpriteColorPlayable;
@@ -14107,7 +14188,7 @@ exports.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 = [];
@@ -14878,8 +14959,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;
@@ -16978,6 +17058,12 @@ exports.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;
@@ -17259,9 +17345,6 @@ exports.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, [
         {
@@ -19291,7 +19374,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 && !exports.VFXItem.isComposition(item) && !skip(item)) {
+            if (item.getVisible() && item.transform.getValid() && !item.ended && !exports.VFXItem.isComposition(item) && !skip(item)) {
                 var hitParams = item.getHitTestParams(force);
                 if (hitParams) {
                     var success = false;
@@ -19447,18 +19530,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;
@@ -19895,6 +19966,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) {
@@ -19907,20 +19989,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) {
@@ -20204,6 +20292,76 @@ function geometryToTriangles(geometry) {
     return res;
 }
 
+exports.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()
+], exports.PostProcessVolume.prototype, "useHDR", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "useBloom", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "threshold", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "bloomIntensity", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "brightness", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "saturation", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "contrast", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "vignetteIntensity", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "vignetteSmoothness", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "vignetteRoundness", void 0);
+__decorate([
+    serialize()
+], exports.PostProcessVolume.prototype, "useToneMapping", void 0);
+exports.PostProcessVolume = __decorate([
+    effectsClass("PostProcessVolume")
+], exports.PostProcessVolume);
+
 exports.VFXItem = /*#__PURE__*/ function(EffectsObject) {
     _inherits(VFXItem, EffectsObject);
     function VFXItem(engine, props) {
@@ -20427,7 +20585,7 @@ exports.VFXItem = /*#__PURE__*/ function(EffectsObject) {
     /**
    * 获取元素用于计算光线投射的面片类型和参数
    * @override
-   * @param force 元素没有开启交互也返回参数
+   * @param force - 元素没有开启交互也返回参数
    */ _proto.getHitTestParams = function getHitTestParams(force) {
     // OVERRIDE
     };
@@ -20677,46 +20835,10 @@ exports.Item = void 0;
     }
     Item.isNull = isNull;
 })(exports.Item || (exports.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
@@ -20725,6 +20847,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) {
@@ -21197,27 +21322,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
                         ];
@@ -21303,8 +21447,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;
@@ -21340,7 +21484,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:
@@ -21876,277 +22020,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;
 }
@@ -22191,43 +22097,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) {
@@ -22344,11 +22213,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) {
@@ -22702,8 +22572,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 = {
@@ -22752,83 +22621,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+)?$/;
@@ -23210,7 +23354,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:
@@ -23241,37 +23385,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
                     ];
             }
         });
@@ -23605,14 +23737,6 @@ var seed$1 = 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 [
@@ -23743,15 +23867,17 @@ var seed$1 = 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
@@ -23851,12 +23977,30 @@ var seed$1 = 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: exports.TextureSourceType.image
@@ -24400,9 +24544,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,
@@ -24412,8 +24554,7 @@ var listOrder = 0;
             // looping,
             items: items,
             camera: camera,
-            startTime: startTime,
-            globalVolume: globalVolume
+            startTime: startTime
         });
     };
     _proto.assembleItems = function assembleItems(composition) {
@@ -24575,7 +24716,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;
@@ -26780,7 +26920,10 @@ var FBGeometryDataT = /*#__PURE__*/ function() {
     return FBGeometryDataT;
 }();
 
-var EffectsPackage = /*#__PURE__*/ function() {
+/**
+ * @since 2.0.0
+ * @internal
+ */ var EffectsPackage = /*#__PURE__*/ function() {
     function EffectsPackage() {
         this.exportObjectDatas = [];
     }
@@ -26805,8 +26948,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);
@@ -26834,37 +26976,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);
@@ -26886,7 +27026,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);
             }
@@ -26899,7 +27040,8 @@ var EffectsPackage = /*#__PURE__*/ function() {
             }
             var subMesh = {
                 offset: fbSubMesh.offset(),
-                vertexCount: fbSubMesh.vertexCount()
+                vertexCount: fbSubMesh.vertexCount(),
+                indexCount: fbSubMesh.indexCount()
             };
             subMeshes.push(subMesh);
         }
@@ -27328,7 +27470,7 @@ registerPlugin("sprite", SpriteLoader, exports.VFXItem, true);
 registerPlugin("particle", ParticleLoader, exports.VFXItem, true);
 registerPlugin("cal", CalculateLoader, exports.VFXItem, true);
 registerPlugin("interact", InteractLoader, exports.VFXItem, true);
-var version$1 = "2.0.0-alpha.27";
+var version$1 = "2.0.0-alpha.29";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -28961,7 +29103,7 @@ setMaxSpriteMeshItemCount(8);
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.0.0-alpha.27";
+var version = "2.0.0-alpha.29";
 logger.info("THREEJS plugin version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;
@@ -29094,7 +29236,6 @@ exports.createGLContext = createGLContext;
 exports.createKeyFrameMeta = createKeyFrameMeta;
 exports.createShaderWithMacros = createShaderWithMacros;
 exports.createShape = createShape;
-exports.createVFXItem = createVFXItem;
 exports.createValueGetter = createValueGetter;
 exports.decimalEqual = decimalEqual;
 exports.defaultGlobalVolume = defaultGlobalVolume;
@@ -29150,6 +29291,8 @@ exports.isArray = isArray;
 exports.isCanvas = isCanvas;
 exports.isFunction = isFunction;
 exports.isIOS = isIOS;
+exports.isIOSByUA = isIOSByUA;
+exports.isMiniProgram = isMiniProgram;
 exports.isObject = isObject;
 exports.isSceneJSON = isSceneJSON;
 exports.isSceneURL = isSceneURL;
@@ -29160,9 +29303,11 @@ exports.isUniformStruct = isUniformStruct;
 exports.isUniformStructArray = isUniformStructArray;
 exports.isValidFontFamily = isValidFontFamily;
 exports.isWebGL2 = isWebGL2;
+exports.isWechatMiniApp = isWechatMiniApp;
 exports.itemFrag = itemFrag;
 exports.itemFrameFrag = itemFrameFrag;
 exports.itemVert = itemVert;
+exports.loadAVIFOptional = loadAVIFOptional;
 exports.loadBinary = loadBinary;
 exports.loadBlob = loadBlob;
 exports.loadImage = loadImage;