@galacean/effects-core 1.3.0 → 1.3.2

package/dist/comp-vfx-item.d.ts

@@ -44,6 +44,8 @@ export declare class CompVFXItem extends VFXItem<void | CalculateItem> {
     onItemRemoved(composition: Composition): void;
     reset(): void;
     handleVisibleChanged(visible: boolean): void;
+    setScale(x: number, y: number, z: number): void;
+    scale(x: number, y: number, z: number): void;
     getUpdateTime(t: number): number;
     removeItem(item: VFXItem<VFXItemContent>): boolean;
     /**

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime core for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v1.3.0
+ * Version: v1.3.2
  */
 
 'use strict';
@@ -7130,9 +7130,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]);
             }
         }
     }
@@ -7505,9 +7505,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;
     };
@@ -7516,17 +7516,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]);
@@ -7541,22 +7541,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;
@@ -7931,14 +7931,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;
@@ -7946,19 +7946,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);
         }
@@ -10439,9 +10439,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,
                 });
@@ -13270,16 +13270,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();
             }
         }
@@ -13393,11 +13393,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 = {
@@ -13409,10 +13409,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;
             });
@@ -13679,14 +13679,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,
@@ -13783,13 +13783,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,
@@ -13947,22 +13947,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
@@ -13970,8 +13970,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: exports.DestroyOptions.keep } });
@@ -14088,7 +14088,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],
@@ -14096,21 +14096,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) {
@@ -14118,14 +14118,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) {
@@ -14139,25 +14139,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]);
@@ -14218,10 +14218,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;
             }
@@ -14331,8 +14331,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;
                 }
@@ -15483,10 +15483,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
@@ -16861,10 +16861,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]);
         }
@@ -16923,11 +16923,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];
@@ -16936,11 +16936,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,
@@ -17251,10 +17251,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;
         }
     };
@@ -18660,14 +18660,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,
@@ -23347,13 +23347,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 {
@@ -23365,14 +23365,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;
                     }
@@ -23834,8 +23834,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()];
@@ -23983,14 +23983,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;
                 }
             }
         }
@@ -24096,18 +24096,14 @@ var CompVFXItem = /** @class */ (function (_super) {
                 // 设置预合成作为元素时的时长、结束行为和渲染延时
                 if (exports.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);
@@ -24239,6 +24235,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;