@galacean/effects 1.3.0 → 1.3.2

package/dist/index.mjs

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime player for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v1.3.0
+ * Version: v1.3.2
  */
 
 /******************************************************************************
@@ -7126,9 +7126,9 @@ var Float16ArrayWrapper = /** @class */ (function () {
             this.data = new Uint16Array(num);
         }
         else if (num && typeof num === 'object' && Number.isInteger(num.length)) {
-            var data_1 = this.data = new Uint16Array(num.length);
-            for (var i = 0; i < data_1.length; i++) {
-                data_1[i] = toHalf(num[i]);
+            var data = this.data = new Uint16Array(num.length);
+            for (var i = 0; i < data.length; i++) {
+                data[i] = toHalf(num[i]);
             }
         }
     }
@@ -7501,9 +7501,9 @@ var CurveValue = /** @class */ (function (_super) {
     CurveValue.getAllData = function (meta, halfFloat) {
         var ret = new (halfFloat ? Float16ArrayWrapper : Float32Array)(meta.index * 4);
         for (var i = 0, cursor = 0, curves = meta.curves; i < curves.length; i++) {
-            var data_1 = curves[i].toData();
-            ret.set(data_1, cursor);
-            cursor += data_1.length;
+            var data = curves[i].toData();
+            ret.set(data, cursor);
+            cursor += data.length;
         }
         return halfFloat ? ret.data : ret;
     };
@@ -7512,17 +7512,17 @@ var CurveValue = /** @class */ (function (_super) {
         var max = -Infinity;
         //formatted number
         if (Number.isFinite(props[0]) && Number.isFinite(props[1])) {
-            var keys_1 = [];
+            var keys = [];
             for (var i = 2; i < props.length; i++) {
                 // FIXME
-                keys_1.push(props[i].slice(0, 4));
+                keys.push(props[i].slice(0, 4));
             }
-            this.keys = keys_1;
+            this.keys = keys;
             this.min = props[0];
             this.dist = props[1] - props[0];
         }
         else {
-            var keys_2 = props.map(function (item) {
+            var keys = props.map(function (item) {
                 if (isArray(item)) {
                     min = Math.min(min, item[1]);
                     max = Math.max(max, item[1]);
@@ -7537,22 +7537,22 @@ var CurveValue = /** @class */ (function (_super) {
                 throw new Error('invalid keyframe');
             });
             var dist = max - min;
-            this.keys = keys_2;
+            this.keys = keys;
             if (dist !== 0) {
-                for (var i = 0; i < keys_2.length; i++) {
-                    var key = keys_2[i];
+                for (var i = 0; i < keys.length; i++) {
+                    var key = keys[i];
                     key[1] = (key[1] - min) / dist;
                 }
             }
-            var key0 = keys_2[0];
+            var key0 = keys[0];
             if (key0[0] > 0) {
                 key0[2] = 0;
-                keys_2.unshift([0, key0[1], 0, 0]);
+                keys.unshift([0, key0[1], 0, 0]);
             }
-            var key1 = keys_2[keys_2.length - 1];
+            var key1 = keys[keys.length - 1];
             if (key1[0] < 1) {
                 key1[3] = 0;
-                keys_2.push([1, key1[1], 0, 0]);
+                keys.push([1, key1[1], 0, 0]);
             }
             this.min = min;
             this.dist = dist;
@@ -7927,14 +7927,14 @@ function curveValueIntegrateByTime(t1, keyframe0, keyframe1) {
 function getKeyFrameMetaByRawValue(meta, value) {
     if (value) {
         var type = value[0];
-        var keys_3 = value[1];
+        var keys = value[1];
         if (type === ValueType$1.CURVE) {
-            meta.curves.push(keys_3);
-            var keyLen = keys_3.length;
-            if (keys_3[0][0] > 0) {
+            meta.curves.push(keys);
+            var keyLen = keys.length;
+            if (keys[0][0] > 0) {
                 keyLen++;
             }
-            if (keys_3[keys_3.length - 1][0] < 1) {
+            if (keys[keys.length - 1][0] < 1) {
                 keyLen++;
             }
             meta.index += keyLen;
@@ -7942,19 +7942,19 @@ function getKeyFrameMetaByRawValue(meta, value) {
             meta.curveCount += keyLen;
         }
         else if (type === ValueType$1.LINE) {
-            var keyLen = keys_3.length;
-            if (keyLen === 2 && keys_3[0][0] === 0 && keys_3[1][0] === 1) {
+            var keyLen = keys.length;
+            if (keyLen === 2 && keys[0][0] === 0 && keys[1][0] === 1) {
                 return;
             }
-            if (keys_3[0][0] > 0) {
+            if (keys[0][0] > 0) {
                 keyLen++;
             }
-            if (keys_3[keys_3.length - 1][0] < 1) {
+            if (keys[keys.length - 1][0] < 1) {
                 keyLen++;
             }
             var uniformCount = Math.ceil(keyLen / 2);
             meta.lineSegCount += uniformCount;
-            meta.curves.push(keys_3);
+            meta.curves.push(keys);
             meta.index += uniformCount;
             meta.max = Math.max(meta.max, uniformCount);
         }
@@ -10435,9 +10435,9 @@ var KTXTexture = /** @class */ (function () {
         for (var level = 0; level < mipmapCount; level++) {
             var imageSize = new Int32Array(this.arrayBuffer, this.baseOffset + dataOffset, 1)[0]; // size per face, since not supporting array cubemaps
             for (var face = 0; face < this.numberOfFaces; face++) {
-                var data_1 = new Uint8Array(this.arrayBuffer, this.baseOffset + dataOffset + 4, imageSize);
+                var data = new Uint8Array(this.arrayBuffer, this.baseOffset + dataOffset + 4, imageSize);
                 mipmaps.push({
-                    data: data_1,
+                    data: data,
                     width: width,
                     height: height,
                 });
@@ -13266,16 +13266,16 @@ var InteractVFXItem = /** @class */ (function (_super) {
         var nx = position[0] - width;
         var ny = position[1] - height;
         if (options.dxRange) {
-            var _d = __read$3(options.dxRange, 2), min_1 = _d[0], max_1 = _d[1];
-            nx = clamp$1(nx, min_1, max_1);
-            if (nx !== min_1 && nx !== max_1 && min_1 !== max_1) {
+            var _d = __read$3(options.dxRange, 2), min = _d[0], max = _d[1];
+            nx = clamp$1(nx, min, max);
+            if (nx !== min && nx !== max && min !== max) {
                 (_a = event.origin) === null || _a === void 0 ? void 0 : _a.preventDefault();
             }
         }
         if (options.dyRange) {
-            var _e = __read$3(options.dyRange, 2), min_2 = _e[0], max_2 = _e[1];
-            ny = clamp$1(ny, min_2, max_2);
-            if (ny !== min_2 && ny !== max_2 && min_2 !== max_2) {
+            var _e = __read$3(options.dyRange, 2), min = _e[0], max = _e[1];
+            ny = clamp$1(ny, min, max);
+            if (ny !== min && ny !== max && min !== max) {
                 (_b = event.origin) === null || _b === void 0 ? void 0 : _b.preventDefault();
             }
         }
@@ -13389,11 +13389,11 @@ var SpriteMesh = /** @class */ (function () {
             var item = items[i];
             var texture = item === null || item === void 0 ? void 0 : item.renderer.texture;
             var textureIndex = texture ? textures.indexOf(texture) : -1;
-            var data_1 = this.getItemInitData(item, i, pointCount, textureIndex);
-            aPointLen += data_1.aPoint.length;
-            indexLen += data_1.index.length;
-            datas.push(data_1);
-            pointCount += data_1.aPoint.length / 6;
+            var data = this.getItemInitData(item, i, pointCount, textureIndex);
+            aPointLen += data.aPoint.length;
+            indexLen += data.index.length;
+            datas.push(data);
+            pointCount += data.aPoint.length / 6;
             this.updateItem(item, true);
         }
         var bundle = {
@@ -13405,10 +13405,10 @@ var SpriteMesh = /** @class */ (function () {
             index: 0,
         };
         var _loop_1 = function (i) {
-            var data_2 = datas[i];
+            var data = datas[i];
             Object.keys(bundle).forEach(function (name) {
                 var arr = bundle[name];
-                var ta = data_2[name];
+                var ta = data[name];
                 arr.set(ta, cursor[name]);
                 cursor[name] += ta.length;
             });
@@ -13675,14 +13675,14 @@ var SpriteMesh = /** @class */ (function () {
             for (var y = 0; y < row; y++) {
                 var base = (y * 2 + x) * 4;
                 // @ts-expect-error
-                var split_1 = textureSheetAnimation ? [0, 0, 1, 1, splits[0][4]] : splits[y * 2 + x];
-                var texOffset = split_1[4] ? [0, 0, 1, 0, 0, 1, 1, 1] : [0, 1, 0, 0, 1, 1, 1, 0];
+                var split = textureSheetAnimation ? [0, 0, 1, 1, splits[0][4]] : splits[y * 2 + x];
+                var texOffset = split[4] ? [0, 0, 1, 0, 0, 1, 1, 1] : [0, 1, 0, 0, 1, 1, 1, 0];
                 var dw = ((x + x + 1) / col - 1) / 2;
                 var dh = ((y + y + 1) / row - 1) / 2;
-                var tox = split_1[0];
-                var toy = split_1[1];
-                var tsx = split_1[4] ? split_1[3] : split_1[2];
-                var tsy = split_1[4] ? split_1[2] : split_1[3];
+                var tox = split[0];
+                var toy = split[1];
+                var tsx = split[4] ? split[3] : split[2];
+                var tsy = split[4] ? split[2] : split[3];
                 var origin_1 = [
                     originData[0] / col + dw,
                     originData[1] / row + dh,
@@ -13779,13 +13779,13 @@ function generateFeatureTexture(engine, feather) {
     }
     else {
         var len = 128;
-        var data_3 = new Uint8Array(len);
+        var data = new Uint8Array(len);
         for (var i = 0, s = len - 1; i < len; i++) {
             var p = i / s;
             var val = feather.getValue(p);
-            data_3[i] = Math.round(val * 255);
+            data[i] = Math.round(val * 255);
         }
-        tex = Texture.createWithData(engine, { width: len, height: 1, data: data_3 }, {
+        tex = Texture.createWithData(engine, { width: len, height: 1, data: data }, {
             name: 'feather',
             format: glContext.LUMINANCE,
             minFilter: glContext.LINEAR,
@@ -13943,22 +13943,22 @@ var SpriteGroup = /** @class */ (function () {
          * 需要则添加到meshToModify数组
          */
         for (var i = 0; i < splits.length; i++) {
-            var split_1 = splits[i];
+            var split = splits[i];
             // @ts-expect-error
-            var spriteMesh = split_1.spriteMesh;
-            if (split_1.items.length === 0) {
+            var spriteMesh = split.spriteMesh;
+            if (split.items.length === 0) {
                 throw new Error('split not combined');
             }
-            if (split_1.dirty) {
-                var priority = split_1.indexStart;
+            if (split.dirty) {
+                var priority = split.indexStart;
                 if (spriteMesh.mesh.priority !== priority) {
                     spriteMesh.mesh.priority = priority;
                     meshToModify.push(spriteMesh.mesh);
                 }
-                spriteMesh.setItems(split_1.items.map(function (item) { return item.content; }));
+                spriteMesh.setItems(split.items.map(function (item) { return item.content; }));
             }
             spriteMesh.applyChange();
-            split_1.dirty = false;
+            split.dirty = false;
         }
         /**
          * 有需要移除的meshSplit 则废弃对应的mesh 保留material
@@ -13966,8 +13966,8 @@ var SpriteGroup = /** @class */ (function () {
          */
         if (splitsToRemove.length) {
             for (var i = 0; i < splitsToRemove.length; i++) {
-                var split_2 = splitsToRemove[i];
-                var sp = split_2.spriteMesh;
+                var split = splitsToRemove[i];
+                var sp = split.spriteMesh;
                 // @ts-expect-error
                 var mesh = sp.mesh;
                 mesh.dispose({ material: { textures: DestroyOptions.keep } });
@@ -14084,7 +14084,7 @@ var SpriteGroup = /** @class */ (function () {
             addItemWithOrder(items, item, itemSortProperty);
             if (isSprite(item)) {
                 var content = item.createContent();
-                var split_4 = {
+                var split = {
                     indexStart: item.listIndex,
                     indexEnd: item.listIndex,
                     items: [item],
@@ -14092,21 +14092,21 @@ var SpriteGroup = /** @class */ (function () {
                     cacheId: content.renderInfo.cacheId,
                     textures: [item.content.renderer.texture],
                 };
-                splits.unshift(split_4);
-                return [split_4];
+                splits.unshift(split);
+                return [split];
             }
             return [];
         }
         var _loop_2 = function (i) {
-            var split_5 = splits[i];
+            var split = splits[i];
             var listIndex = item.listIndex;
             if (isSprite(item)) {
                 // @ts-expect-error
-                if (listIndex <= split_5.indexEnd) {
+                if (listIndex <= split.indexEnd) {
                     addItemWithOrder(items, item, itemSortProperty);
                     var itemIndex_1 = items.indexOf(item);
-                    var indexStart = Math.min(itemIndex_1, items.indexOf(split_5.items[0]));
-                    var indexEnd = Math.max(itemIndex_1, items.indexOf(split_5.items[split_5.items.length - 1]));
+                    var indexStart = Math.min(itemIndex_1, items.indexOf(split.items[0]));
+                    var indexEnd = Math.max(itemIndex_1, items.indexOf(split.items[split.items.length - 1]));
                     var neoSplits_1 = this_2.getMeshSplits(items, indexStart, indexEnd);
                     var neoSplitIndex_1 = neoSplits_1.findIndex(function (split) { return split.items.includes(item); });
                     if (neoSplits_1.length === 2) {
@@ -14114,14 +14114,14 @@ var SpriteGroup = /** @class */ (function () {
                         //1 or 0
                         Object.keys(neoSplits_1[1 - neoSplitIndex_1]).forEach(function (key) {
                             // @ts-expect-error
-                            split_5[key] = neoSplits_1[1 - neoSplitIndex_1][key];
+                            split[key] = neoSplits_1[1 - neoSplitIndex_1][key];
                         });
                         return { value: [neoSplits_1[neoSplitIndex_1]] };
                     }
                     else if (neoSplits_1.length === 3) {
                         Object.keys(neoSplits_1[0]).forEach(function (key) {
                             // @ts-expect-error
-                            split_5[key] = neoSplits_1[0][key];
+                            split[key] = neoSplits_1[0][key];
                         });
                         splits.splice(i + 1, 0, neoSplits_1[1], neoSplits_1[2]);
                         if (neoSplitIndex_1 !== 1) {
@@ -14135,25 +14135,25 @@ var SpriteGroup = /** @class */ (function () {
                     //todo add case
                     Object.keys(neoSplits_1[0]).forEach(function (key) {
                         // @ts-expect-error
-                        split_5[key] = neoSplits_1[0][key];
+                        split[key] = neoSplits_1[0][key];
                     });
                     return { value: [] };
                 }
             }
             else {
-                if (listIndex < split_5.indexStart || listIndex === split_5.indexEnd) {
+                if (listIndex < split.indexStart || listIndex === split.indexEnd) {
                     addItemWithOrder(items, item, itemSortProperty);
                     return { value: [] };
                     // @ts-expect-error
                 }
-                else if (listIndex < split_5.indexEnd) {
+                else if (listIndex < split.indexEnd) {
                     addItemWithOrder(items, item, itemSortProperty);
-                    var lastItem = split_5.items[split_5.items.length - 1];
+                    var lastItem = split.items[split.items.length - 1];
                     var endIndex = items.indexOf(lastItem);
-                    var neoSplits_2 = this_2.getMeshSplits(items, items.indexOf(split_5.items[0]), endIndex);
+                    var neoSplits_2 = this_2.getMeshSplits(items, items.indexOf(split.items[0]), endIndex);
                     Object.keys(neoSplits_2[0]).forEach(function (key) {
                         // @ts-expect-error
-                        split_5[key] = neoSplits_2[0][key];
+                        split[key] = neoSplits_2[0][key];
                     });
                     if (neoSplits_2.length === 2) {
                         splits.splice(i + 1, 0, neoSplits_2[1]);
@@ -14214,10 +14214,10 @@ var SpriteGroup = /** @class */ (function () {
          * 遍历this.meshSplits，找到元素的listIndex在split的indexStart和indexEnd范围内的第一个meshSplit
          */
         for (var i = 0; i < splits.length; i++) {
-            var split_6 = splits[i];
+            var split = splits[i];
             // @ts-expect-error
-            if (split_6.indexStart <= item.listIndex && split_6.indexEnd >= item.listIndex) {
-                targetSplit = split_6;
+            if (split.indexStart <= item.listIndex && split.indexEnd >= item.listIndex) {
+                targetSplit = split;
                 targetSplitIndex = i;
                 break;
             }
@@ -14327,8 +14327,8 @@ var SpriteGroup = /** @class */ (function () {
             // FIXME: 可选性
             var targetSplitIndex = void 0;
             for (var i = 0; i < splits.length; i++) {
-                var split_7 = splits[i];
-                if (split_7.items.includes(item)) {
+                var split = splits[i];
+                if (split.items.includes(item)) {
                     targetSplitIndex = i;
                     break;
                 }
@@ -15479,10 +15479,10 @@ var ParticleMesh = /** @class */ (function () {
         var index = geometry.getIndexData();
         for (var i = 0; i < names.length; i++) {
             var name_1 = names[i];
-            var data_1 = geometry.getAttributeData(name_1);
-            if (data_1) {
+            var data = geometry.getAttributeData(name_1);
+            if (data) {
                 // @ts-expect-error
-                geometry.setAttributeData(name_1, new data_1.constructor(0));
+                geometry.setAttributeData(name_1, new data.constructor(0));
             }
         }
         // @ts-expect-error
@@ -16857,10 +16857,10 @@ function getGeometryTriangles(geometry, options) {
         var segment = segments[i];
         var p0 = points[i];
         var p1 = points[i + 1] || points[0];
-        var keys_1 = segment;
+        var keys = segment;
         var point = [0, 0];
-        for (var j = 0; j < keys_1.length - 1; j++) {
-            var key = keys_1[j];
+        for (var j = 0; j < keys.length - 1; j++) {
+            var key = keys[j];
             getBezier2DValue(point, key, p0, p1, p0[4], p0[5], p1[2], p1[3]);
             setPoint(point[0], point[1]);
         }
@@ -16919,11 +16919,11 @@ function getGeometryByShape(shape, uvTransform) {
     var index = 0;
     for (var i = 0; i < geometries.length; i++) {
         var geometry = geometries[i];
-        var data_1 = getGeometryTriangles(geometry, { indexBase: indexBase, uvTransform: uvTransform });
-        indexBase += data_1.aPoint.length / 5;
-        datas.push(data_1);
-        aPoint += data_1.aPoint.length;
-        index += data_1.index.length;
+        var data = getGeometryTriangles(geometry, { indexBase: indexBase, uvTransform: uvTransform });
+        indexBase += data.aPoint.length / 5;
+        datas.push(data);
+        aPoint += data.aPoint.length;
+        index += data.index.length;
     }
     if (datas.length === 1) {
         return datas[0];
@@ -16932,11 +16932,11 @@ function getGeometryByShape(shape, uvTransform) {
     var indexData = new Uint16Array(index);
     // @ts-expect-error
     for (var i = 0, pointIndex = 0, idx = 0; i < datas[i]; i++) {
-        var data_2 = datas[i];
-        aPointData.set(data_2.aPoint, pointIndex);
-        pointIndex += data_2.aPoint.length;
-        indexData.set(data_2.index, idx);
-        idx += data_2.index.length;
+        var data = datas[i];
+        aPointData.set(data.aPoint, pointIndex);
+        pointIndex += data.aPoint.length;
+        indexData.set(data.index, idx);
+        idx += data.index.length;
     }
     return {
         aPoint: aPointData,
@@ -17247,10 +17247,10 @@ var TrailMesh = /** @class */ (function () {
         var pointCountPerTrail = this.pointCountPerTrail;
         if (index >= 0 && index < pointCountPerTrail) {
             var startIndex = (trail * pointCountPerTrail + index) * 24 + 8;
-            var data_1 = this.geometry.getAttributeData('aColor');
-            out.x = data_1[startIndex];
-            out.y = data_1[1 + startIndex];
-            out.z = data_1[2 + startIndex];
+            var data = this.geometry.getAttributeData('aColor');
+            out.x = data[startIndex];
+            out.y = data[1 + startIndex];
+            out.z = data[2 + startIndex];
             return out;
         }
     };
@@ -18656,14 +18656,14 @@ var TextMesh = /** @class */ (function (_super) {
             for (var y_1 = 0; y_1 < row; y_1++) {
                 var base = (y_1 * 2 + x_1) * 4;
                 // @ts-expect-error
-                var split_1 = textureSheetAnimation ? [0, 0, 1, 1, splits[0][4]] : splits[y_1 * 2 + x_1];
-                var texOffset = split_1[4] ? [0, 0, 1, 0, 0, 1, 1, 1] : [0, 1, 0, 0, 1, 1, 1, 0];
+                var split = textureSheetAnimation ? [0, 0, 1, 1, splits[0][4]] : splits[y_1 * 2 + x_1];
+                var texOffset = split[4] ? [0, 0, 1, 0, 0, 1, 1, 1] : [0, 1, 0, 0, 1, 1, 1, 0];
                 var dw = ((x_1 + x_1 + 1) / col - 1) / 2;
                 var dh = ((y_1 + y_1 + 1) / row - 1) / 2;
-                var tox = split_1[0];
-                var toy = split_1[1];
-                var tsx = split_1[4] ? split_1[3] : split_1[2];
-                var tsy = split_1[4] ? split_1[2] : split_1[3];
+                var tox = split[0];
+                var toy = split[1];
+                var tsx = split[4] ? split[3] : split[2];
+                var tsy = split[4] ? split[2] : split[3];
                 var origin_1 = [
                     originData[0] / col + dw,
                     originData[1] / row + dh,
@@ -23343,13 +23343,13 @@ var CompositionSourceManager = /** @class */ (function () {
                     if (renderContent.renderer) {
                         renderContent.renderer = _this.changeTex(renderContent.renderer);
                         _this.processMask(renderContent.renderer);
-                        var split_1 = renderContent.splits && !renderContent.textureSheetAnimation && renderContent.splits[0];
+                        var split = renderContent.splits && !renderContent.textureSheetAnimation && renderContent.splits[0];
                         if (Number.isInteger(renderContent.renderer.shape)) {
                             // TODO: scene.shapes 类型问题？
-                            renderContent.renderer.shape = getGeometryByShape((_a = _this.jsonScene) === null || _a === void 0 ? void 0 : _a.shapes[renderContent.renderer.shape], split_1);
+                            renderContent.renderer.shape = getGeometryByShape((_a = _this.jsonScene) === null || _a === void 0 ? void 0 : _a.shapes[renderContent.renderer.shape], split);
                         }
                         else if (renderContent.renderer.shape && isObject(renderContent.renderer.shape)) {
-                            renderContent.renderer.shape = getGeometryByShape(renderContent.renderer.shape, split_1);
+                            renderContent.renderer.shape = getGeometryByShape(renderContent.renderer.shape, split);
                         }
                     }
                     else {
@@ -23361,14 +23361,14 @@ var CompositionSourceManager = /** @class */ (function () {
                     if (renderContent.filter) {
                         renderContent.filter = __assign$1({}, renderContent.filter);
                     }
-                    var name_1 = item.name, _b = item.delay, delay = _b === void 0 ? 0 : _b, id_1 = item.id, parentId = item.parentId, duration = item.duration, endBehavior = item.endBehavior, pluginName = item.pluginName, pn = item.pn, transform = item.transform;
+                    var name_1 = item.name, _b = item.delay, delay = _b === void 0 ? 0 : _b, id = item.id, parentId = item.parentId, duration = item.duration, endBehavior = item.endBehavior, pluginName = item.pluginName, pn = item.pn, transform = item.transform;
                     // FIXME: specification 下定义的 Item 不存在 refCount 类型定义
                     // @ts-expect-error
                     var refCount = item.refCount;
                     var _c = _this.jsonScene.plugins, plugins = _c === void 0 ? [] : _c;
                     option.name = name_1;
                     option.delay = delay;
-                    option.id = id_1;
+                    option.id = id;
                     if (parentId) {
                         option.parentId = parentId;
                     }
@@ -23830,8 +23830,8 @@ var AssetManager = /** @class */ (function () {
                                 return [2 /*return*/, resultImage];
                             case 3:
                                 // 如果是加载图片且是数组，设置变量，视频情况下不需要
-                                if (background && !Array.isArray(url_1) && variables) {
-                                    variables[background.name] = url_1;
+                                if (background && Array.isArray(url_1) && variables) {
+                                    variables[background.name] = resultImage.src;
                                 }
                                 return [4 /*yield*/, combineImageTemplate(resultImage, template, variables, this.options, img.oriY === -1)];
                             case 4: return [2 /*return*/, _b.sent()];
@@ -23979,14 +23979,14 @@ var AssetManager = /** @class */ (function () {
 }());
 function fixOldImageUsage(usedImages, compositions, imgUsage, images, renderLevel) {
     for (var i = 0; i < compositions.length; i++) {
-        var id_1 = compositions[i].id;
-        var ids = imgUsage[id_1];
+        var id = compositions[i].id;
+        var ids = imgUsage[id];
         if (ids) {
             for (var j = 0; j < ids.length; j++) {
-                var id_2 = ids[j];
-                var tag = images[id_2].renderLevel;
+                var id_1 = ids[j];
+                var tag = images[id_1].renderLevel;
                 if (passRenderLevel(tag, renderLevel)) {
-                    usedImages[id_2] = true;
+                    usedImages[id_1] = true;
                 }
             }
         }
@@ -24092,18 +24092,14 @@ var CompVFXItem = /** @class */ (function (_super) {
                 // 设置预合成作为元素时的时长、结束行为和渲染延时
                 if (Item.isComposition(itemProps)) {
                     var refId = itemProps.content.options.refId;
-                    var props = this.composition.refCompositionProps.get(refId);
-                    if (!props) {
-                        throw new Error("\u5F15\u7528\u7684Id: ".concat(refId, " \u7684\u9884\u5408\u6210\u4E0D\u5B58\u5728"));
-                    }
-                    props.content = itemProps.content;
-                    item = new CompVFXItem(__assign$1(__assign$1({}, props), { refId: refId, delay: itemProps.delay, id: itemProps.id, name: itemProps.name, duration: itemProps.duration, endBehavior: itemProps.endBehavior, parentId: itemProps.parentId, transform: itemProps.transform }), this.composition);
+                    item = new CompVFXItem(__assign$1({ refId: refId }, itemProps), this.composition);
                     item.contentProps = itemProps.content;
                     item.transform.parentTransform = this.transform;
                     this.composition.refContent.push(item);
                     if (item.endBehavior === END_BEHAVIOR_RESTART$1) {
                         this.composition.autoRefTex = false;
                     }
+                    item.createContent();
                 }
                 else {
                     item = createVFXItem(this.itemProps[i], this.composition);
@@ -24235,6 +24231,17 @@ var CompVFXItem = /** @class */ (function (_super) {
     CompVFXItem.prototype.handleVisibleChanged = function (visible) {
         this.items.forEach(function (item) { return item.setVisible(visible); });
     };
+    CompVFXItem.prototype.setScale = function (x, y, z) {
+        if (this.content) {
+            this.content.startSize = new Vector3(x, y, z);
+        }
+    };
+    CompVFXItem.prototype.scale = function (x, y, z) {
+        if (this.content) {
+            var startSize = this.content.startSize.clone();
+            this.content.startSize = new Vector3(x * startSize.x, y * startSize.y, z * startSize.z);
+        }
+    };
     CompVFXItem.prototype.getUpdateTime = function (t) {
         var startTime = this.startTimeInms;
         var now = this.timeInms;
@@ -25757,10 +25764,10 @@ var GLTexture = /** @class */ (function (_super) {
         var target = this.target;
         var gl = this.pipelineContext.gl;
         if (gl && this.textureBuffer) {
-            var data_1 = new Uint8Array([255]);
+            var data = new Uint8Array([255]);
             this.bind();
             if (target === gl.TEXTURE_2D) {
-                gl.texImage2D(target, 0, gl.LUMINANCE, 1, 1, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, data_1);
+                gl.texImage2D(target, 0, gl.LUMINANCE, 1, 1, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, data);
             }
             else if (target === gl.TEXTURE_CUBE_MAP) {
                 var faces = [
@@ -25772,7 +25779,7 @@ var GLTexture = /** @class */ (function (_super) {
                     gl.TEXTURE_CUBE_MAP_POSITIVE_Z,
                 ];
                 for (var i = 0; i < faces.length; i++) {
-                    gl.texImage2D(faces[i], 0, gl.LUMINANCE, 1, 1, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, data_1);
+                    gl.texImage2D(faces[i], 0, gl.LUMINANCE, 1, 1, 0, gl.LUMINANCE, gl.UNSIGNED_BYTE, data);
                 }
             }
             // rewrite mipmap
@@ -29757,10 +29764,10 @@ var Player = /** @class */ (function () {
         }
         else if (gl) {
             this.canvas = gl.canvas;
-            var version_1 = gl instanceof WebGLRenderingContext ? 'webgl' : 'webgl2';
-            if (framework !== version_1) {
-                logger.error("The gl context(".concat(version_1, ") is inconsistent with renderFramework or default version(").concat(framework, ")"));
-                framework = version_1;
+            var version = gl instanceof WebGLRenderingContext ? 'webgl' : 'webgl2';
+            if (framework !== version) {
+                logger.error("The gl context(".concat(version, ") is inconsistent with renderFramework or default version(").concat(framework, ")"));
+                framework = version;
             }
         }
         else {
@@ -30466,7 +30473,7 @@ Renderer.create = function (canvas, framework, renderOptions) {
 Engine.create = function (gl) {
     return new GLEngine(gl);
 };
-var version = "1.3.0";
+var version = "1.3.2";
 logger.info('player version: ' + version);
 
 export { AbstractPlugin, AssetManager, BYTES_TYPE_MAP, BezierSegments, COMPRESSED_TEXTURE, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, CalculateItem, CalculateLoader, CalculateVFXItem, Camera, CameraController, CameraVFXItem, CameraVFXItemLoader, Composition, CompositionSourceManager, CurveValue, DEFAULT_FONTS, DestroyOptions, Downloader, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, Engine, EventSystem, FILTER_NAME_NONE, FilterMode, FilterSpriteVFXItem, Float16ArrayWrapper, FrameBuffer, GLEngine, GLGeometry, GLRenderer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, HELP_LINK$1 as HELP_LINK, HitTestType, InteractBehavior$1 as InteractBehavior, InteractItem, InteractLoader, InteractMesh, InteractVFXItem, Item, KTXTexture, LineSegments, LinearValue, Material, MaterialDataBlock, MaterialRenderType, Mesh, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleLoader, ParticleMesh, ParticleSystem, ParticleVFXItem, PassTextureCache, PathSegments, Player, PluginSystem, QCanvasViewer, QText, QTextWrapMode, RENDER_PASS_NAME_PREFIX, RENDER_PREFER_LOOKUP_TEXTURE, RUNTIME_ENV, RandomSetValue, RandomValue, RandomVectorValue, RenderBuffer, RenderFrame, RenderPass, RenderPassAttachmentStorageType, RenderPassDestroyAttachmentType, RenderPassPriorityNormal, RenderPassPriorityPostprocess, RenderPassPriorityPrepare, RenderTargetHandle, RenderTextureFormat, Renderer, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_0, SEMANTIC_MAIN_PRE_COLOR_ATTACHMENT_SIZE_0, SEMANTIC_PRE_COLOR_ATTACHMENT_0, SEMANTIC_PRE_COLOR_ATTACHMENT_SIZE_0, SPRITE_VERTEX_STRIDE, SemanticMap, Shader, ShaderCompileResultStatus, ShaderType, SpriteItem, SpriteLoader, SpriteMesh, SpriteVFXItem, StaticValue, TEMPLATE_USE_OFFSCREEN_CANVAS, TextItem, TextLoader, TextMesh, TextVFXItem, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, Ticker, TimelineComponent, Transform, VFXItem, ValueGetter, addByOrder, addItem, addItemWithOrder, alphaFrameFrag, alphaMaskFrag, assertExist, asserts, blend, bloomMixVert, bloomThresholdVert, calculateTranslation, cameraMove_frag as cameraMoveFrag, cameraMoveVert, canvasPool, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, combineImageTemplate1, combineImageTemplate1Async, combineImageTemplate2, combineImageTemplate2Async, combineImageTemplateAsync, compatible_frag as compatibleFrag, compatible_vert as compatibleVert, convertAnchor, copyFrag, createCopyShader, createFilter, createFilterShaders, createGLContext, createKeyFrameMeta, createShaderWithMarcos, createShape, createVFXItem, createValueGetter, deepClone, defaultGlobalVolume, defaultPlugins, delayFrag, deserializeMipmapTexture, disableAllPlayer, distortionFrag, distortionVert, earcut, enlargeBuffer, ensureVec3, filters, findPreviousRenderPass, gaussianDown_frag as gaussianDownFrag, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateHalfFloatTexture, getActivePlayers, getBackgroundImage, getColorFromGradientStops, getConfig, getDefaultTemplateCanvasPool, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getImageItemRenderInfo, getKTXTextureOptions, getKeyFrameMetaByRawValue, getParticleMeshShader, getPixelRatio, getPlayerByCanvas, getPreMultiAlpha, getStandardComposition, getStandardImage, getStandardItem, getStandardJSON, getTextureSize, glContext, gpuTimer, imageDataFromColor, imageDataFromGradient, initErrors, initGLContext, integrate, interpolateColor, isAndroid, isArray, isCanvasUsedByPlayer, isFunction, isIOS, isObject, isScene, isSceneWithOptions, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isWebGL2, item_define as itemDefine, itemFrag, itemFrameFrag, itemVert, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, maxSpriteMeshItemCount, maxSpriteTextureCount, modifyMaxKeyframeShader, nearestPowerOfTwo, noop, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap, particleVert, pluginLoaderMap, random, registerFilter, registerFilters, registerPlugin, removeItem, requestAsync, rotateVec2, screenMeshVert, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setMaxSpriteMeshItemCount, setRayFromCamera, setSideMode, setSpriteMeshMaxFragmentTextures, setSpriteMeshMaxItemCountByGPU, sortByOrder, index$1 as spec, spriteMeshShaderFromFilter, spriteMeshShaderFromRenderInfo, spriteMeshShaderIdFromRenderInfo, thresholdFrag, throwDestroyedError$1 as throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecAssign, vecFill, vecMulCombine, vecNormalize, version };