@galacean/effects-threejs 1.3.0-alpha.0 → 1.3.0

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v1.3.0-alpha.0
+ * Version: v1.3.0
  */
 
 'use strict';
@@ -708,7 +708,7 @@ function asserts(condition, msg) {
  * Name: @galacean/effects-specification
  * Description: Galacean Effects JSON Specification
  * Author: Ant Group CO., Ltd.
- * Version: v1.1.0-alpha.0
+ * Version: v1.1.0
  */
 
 /*********************************************/
@@ -7152,9 +7152,9 @@ var Float16ArrayWrapper = /** @class */ (function () {
             this.data = new Uint16Array(num);
         }
         else if (num && typeof num === 'object' && Number.isInteger(num.length)) {
-            var data = this.data = new Uint16Array(num.length);
-            for (var i = 0; i < data.length; i++) {
-                data[i] = toHalf(num[i]);
+            var data_1 = this.data = new Uint16Array(num.length);
+            for (var i = 0; i < data_1.length; i++) {
+                data_1[i] = toHalf(num[i]);
             }
         }
     }
@@ -7527,9 +7527,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 = curves[i].toData();
-            ret.set(data, cursor);
-            cursor += data.length;
+            var data_1 = curves[i].toData();
+            ret.set(data_1, cursor);
+            cursor += data_1.length;
         }
         return halfFloat ? ret.data : ret;
     };
@@ -7538,17 +7538,17 @@ var CurveValue = /** @class */ (function (_super) {
         var max = -Infinity;
         //formatted number
         if (Number.isFinite(props[0]) && Number.isFinite(props[1])) {
-            var keys = [];
+            var keys_1 = [];
             for (var i = 2; i < props.length; i++) {
                 // FIXME
-                keys.push(props[i].slice(0, 4));
+                keys_1.push(props[i].slice(0, 4));
             }
-            this.keys = keys;
+            this.keys = keys_1;
             this.min = props[0];
             this.dist = props[1] - props[0];
         }
         else {
-            var keys = props.map(function (item) {
+            var keys_2 = props.map(function (item) {
                 if (isArray(item)) {
                     min = Math.min(min, item[1]);
                     max = Math.max(max, item[1]);
@@ -7563,22 +7563,22 @@ var CurveValue = /** @class */ (function (_super) {
                 throw new Error('invalid keyframe');
             });
             var dist = max - min;
-            this.keys = keys;
+            this.keys = keys_2;
             if (dist !== 0) {
-                for (var i = 0; i < keys.length; i++) {
-                    var key = keys[i];
+                for (var i = 0; i < keys_2.length; i++) {
+                    var key = keys_2[i];
                     key[1] = (key[1] - min) / dist;
                 }
             }
-            var key0 = keys[0];
+            var key0 = keys_2[0];
             if (key0[0] > 0) {
                 key0[2] = 0;
-                keys.unshift([0, key0[1], 0, 0]);
+                keys_2.unshift([0, key0[1], 0, 0]);
             }
-            var key1 = keys[keys.length - 1];
+            var key1 = keys_2[keys_2.length - 1];
             if (key1[0] < 1) {
                 key1[3] = 0;
-                keys.push([1, key1[1], 0, 0]);
+                keys_2.push([1, key1[1], 0, 0]);
             }
             this.min = min;
             this.dist = dist;
@@ -7953,14 +7953,14 @@ function curveValueIntegrateByTime(t1, keyframe0, keyframe1) {
 function getKeyFrameMetaByRawValue(meta, value) {
     if (value) {
         var type = value[0];
-        var keys = value[1];
+        var keys_3 = value[1];
         if (type === ValueType$1.CURVE) {
-            meta.curves.push(keys);
-            var keyLen = keys.length;
-            if (keys[0][0] > 0) {
+            meta.curves.push(keys_3);
+            var keyLen = keys_3.length;
+            if (keys_3[0][0] > 0) {
                 keyLen++;
             }
-            if (keys[keys.length - 1][0] < 1) {
+            if (keys_3[keys_3.length - 1][0] < 1) {
                 keyLen++;
             }
             meta.index += keyLen;
@@ -7968,19 +7968,19 @@ function getKeyFrameMetaByRawValue(meta, value) {
             meta.curveCount += keyLen;
         }
         else if (type === ValueType$1.LINE) {
-            var keyLen = keys.length;
-            if (keyLen === 2 && keys[0][0] === 0 && keys[1][0] === 1) {
+            var keyLen = keys_3.length;
+            if (keyLen === 2 && keys_3[0][0] === 0 && keys_3[1][0] === 1) {
                 return;
             }
-            if (keys[0][0] > 0) {
+            if (keys_3[0][0] > 0) {
                 keyLen++;
             }
-            if (keys[keys.length - 1][0] < 1) {
+            if (keys_3[keys_3.length - 1][0] < 1) {
                 keyLen++;
             }
             var uniformCount = Math.ceil(keyLen / 2);
             meta.lineSegCount += uniformCount;
-            meta.curves.push(keys);
+            meta.curves.push(keys_3);
             meta.index += uniformCount;
             meta.max = Math.max(meta.max, uniformCount);
         }
@@ -9280,10 +9280,10 @@ var VFXItem = /** @class */ (function () {
     };
     VFXItem.prototype.translateByPixel = function (x, y) {
         if (this.composition) {
+            // @ts-expect-error
+            var _a = this.composition.renderer.canvas.getBoundingClientRect(), width = _a.width, height = _a.height;
             var z = this.transform.getWorldPosition().z;
-            var _a = this.composition.camera.getInverseVPRatio(z), rx = _a.x, ry = _a.y;
-            var width = this.composition.renderer.getWidth() / 2;
-            var height = this.composition.renderer.getHeight() / 2;
+            var _b = this.composition.camera.getInverseVPRatio(z), rx = _b.x, ry = _b.y;
             this.transform.translate(2 * x * rx / width, -2 * y * ry / height, 0);
         }
     };
@@ -10461,9 +10461,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 = new Uint8Array(this.arrayBuffer, this.baseOffset + dataOffset + 4, imageSize);
+                var data_1 = new Uint8Array(this.arrayBuffer, this.baseOffset + dataOffset + 4, imageSize);
                 mipmaps.push({
-                    data: data,
+                    data: data_1,
                     width: width,
                     height: height,
                 });
@@ -13174,9 +13174,13 @@ var InteractVFXItem = /** @class */ (function (_super) {
             this.handleDragMove(this.dragEvent, this.bouncingArg);
         }
     };
-    InteractVFXItem.prototype.onItemRemoved = function (composition) {
+    InteractVFXItem.prototype.onEnd = function () {
+        if (this.composition) {
+            this.composition.removeInteractiveItem(this, this.ui.options.type);
+        }
+    };
+    InteractVFXItem.prototype.onItemRemoved = function () {
         var _a;
-        composition.removeInteractiveItem(this, this.ui.options.type);
         this.clickable = false;
         (_a = this.previewContent) === null || _a === void 0 ? void 0 : _a.mesh.dispose();
         this.endDragTarget();
@@ -13288,16 +13292,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 = _d[0], max = _d[1];
-            nx = clamp$1(nx, min, max);
-            if (nx !== min && nx !== max && min !== max) {
+            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) {
                 (_a = event.origin) === null || _a === void 0 ? void 0 : _a.preventDefault();
             }
         }
         if (options.dyRange) {
-            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) {
+            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) {
                 (_b = event.origin) === null || _b === void 0 ? void 0 : _b.preventDefault();
             }
         }
@@ -13411,11 +13415,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 = this.getItemInitData(item, i, pointCount, textureIndex);
-            aPointLen += data.aPoint.length;
-            indexLen += data.index.length;
-            datas.push(data);
-            pointCount += data.aPoint.length / 6;
+            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;
             this.updateItem(item, true);
         }
         var bundle = {
@@ -13427,10 +13431,10 @@ var SpriteMesh = /** @class */ (function () {
             index: 0,
         };
         var _loop_1 = function (i) {
-            var data = datas[i];
+            var data_2 = datas[i];
             Object.keys(bundle).forEach(function (name) {
                 var arr = bundle[name];
-                var ta = data[name];
+                var ta = data_2[name];
                 arr.set(ta, cursor[name]);
                 cursor[name] += ta.length;
             });
@@ -13697,14 +13701,14 @@ var SpriteMesh = /** @class */ (function () {
             for (var y = 0; y < row; y++) {
                 var base = (y * 2 + x) * 4;
                 // @ts-expect-error
-                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 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 dw = ((x + x + 1) / col - 1) / 2;
                 var dh = ((y + y + 1) / row - 1) / 2;
-                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 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 origin_1 = [
                     originData[0] / col + dw,
                     originData[1] / row + dh,
@@ -13801,13 +13805,13 @@ function generateFeatureTexture(engine, feather) {
     }
     else {
         var len = 128;
-        var data = new Uint8Array(len);
+        var data_3 = new Uint8Array(len);
         for (var i = 0, s = len - 1; i < len; i++) {
             var p = i / s;
             var val = feather.getValue(p);
-            data[i] = Math.round(val * 255);
+            data_3[i] = Math.round(val * 255);
         }
-        tex = Texture.createWithData(engine, { width: len, height: 1, data: data }, {
+        tex = Texture.createWithData(engine, { width: len, height: 1, data: data_3 }, {
             name: 'feather',
             format: glContext.LUMINANCE,
             minFilter: glContext.LINEAR,
@@ -13965,22 +13969,22 @@ var SpriteGroup = /** @class */ (function () {
          * 需要则添加到meshToModify数组
          */
         for (var i = 0; i < splits.length; i++) {
-            var split = splits[i];
+            var split_1 = splits[i];
             // @ts-expect-error
-            var spriteMesh = split.spriteMesh;
-            if (split.items.length === 0) {
+            var spriteMesh = split_1.spriteMesh;
+            if (split_1.items.length === 0) {
                 throw new Error('split not combined');
             }
-            if (split.dirty) {
-                var priority = split.indexStart;
+            if (split_1.dirty) {
+                var priority = split_1.indexStart;
                 if (spriteMesh.mesh.priority !== priority) {
                     spriteMesh.mesh.priority = priority;
                     meshToModify.push(spriteMesh.mesh);
                 }
-                spriteMesh.setItems(split.items.map(function (item) { return item.content; }));
+                spriteMesh.setItems(split_1.items.map(function (item) { return item.content; }));
             }
             spriteMesh.applyChange();
-            split.dirty = false;
+            split_1.dirty = false;
         }
         /**
          * 有需要移除的meshSplit 则废弃对应的mesh 保留material
@@ -13988,8 +13992,8 @@ var SpriteGroup = /** @class */ (function () {
          */
         if (splitsToRemove.length) {
             for (var i = 0; i < splitsToRemove.length; i++) {
-                var split = splitsToRemove[i];
-                var sp = split.spriteMesh;
+                var split_2 = splitsToRemove[i];
+                var sp = split_2.spriteMesh;
                 // @ts-expect-error
                 var mesh = sp.mesh;
                 mesh.dispose({ material: { textures: exports.DestroyOptions.keep } });
@@ -14106,7 +14110,7 @@ var SpriteGroup = /** @class */ (function () {
             addItemWithOrder(items, item, itemSortProperty);
             if (isSprite(item)) {
                 var content = item.createContent();
-                var split = {
+                var split_4 = {
                     indexStart: item.listIndex,
                     indexEnd: item.listIndex,
                     items: [item],
@@ -14114,21 +14118,21 @@ var SpriteGroup = /** @class */ (function () {
                     cacheId: content.renderInfo.cacheId,
                     textures: [item.content.renderer.texture],
                 };
-                splits.unshift(split);
-                return [split];
+                splits.unshift(split_4);
+                return [split_4];
             }
             return [];
         }
         var _loop_2 = function (i) {
-            var split = splits[i];
+            var split_5 = splits[i];
             var listIndex = item.listIndex;
             if (isSprite(item)) {
                 // @ts-expect-error
-                if (listIndex <= split.indexEnd) {
+                if (listIndex <= split_5.indexEnd) {
                     addItemWithOrder(items, item, itemSortProperty);
                     var itemIndex_1 = items.indexOf(item);
-                    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 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 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) {
@@ -14136,14 +14140,14 @@ var SpriteGroup = /** @class */ (function () {
                         //1 or 0
                         Object.keys(neoSplits_1[1 - neoSplitIndex_1]).forEach(function (key) {
                             // @ts-expect-error
-                            split[key] = neoSplits_1[1 - neoSplitIndex_1][key];
+                            split_5[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[key] = neoSplits_1[0][key];
+                            split_5[key] = neoSplits_1[0][key];
                         });
                         splits.splice(i + 1, 0, neoSplits_1[1], neoSplits_1[2]);
                         if (neoSplitIndex_1 !== 1) {
@@ -14157,25 +14161,25 @@ var SpriteGroup = /** @class */ (function () {
                     //todo add case
                     Object.keys(neoSplits_1[0]).forEach(function (key) {
                         // @ts-expect-error
-                        split[key] = neoSplits_1[0][key];
+                        split_5[key] = neoSplits_1[0][key];
                     });
                     return { value: [] };
                 }
             }
             else {
-                if (listIndex < split.indexStart || listIndex === split.indexEnd) {
+                if (listIndex < split_5.indexStart || listIndex === split_5.indexEnd) {
                     addItemWithOrder(items, item, itemSortProperty);
                     return { value: [] };
                     // @ts-expect-error
                 }
-                else if (listIndex < split.indexEnd) {
+                else if (listIndex < split_5.indexEnd) {
                     addItemWithOrder(items, item, itemSortProperty);
-                    var lastItem = split.items[split.items.length - 1];
+                    var lastItem = split_5.items[split_5.items.length - 1];
                     var endIndex = items.indexOf(lastItem);
-                    var neoSplits_2 = this_2.getMeshSplits(items, items.indexOf(split.items[0]), endIndex);
+                    var neoSplits_2 = this_2.getMeshSplits(items, items.indexOf(split_5.items[0]), endIndex);
                     Object.keys(neoSplits_2[0]).forEach(function (key) {
                         // @ts-expect-error
-                        split[key] = neoSplits_2[0][key];
+                        split_5[key] = neoSplits_2[0][key];
                     });
                     if (neoSplits_2.length === 2) {
                         splits.splice(i + 1, 0, neoSplits_2[1]);
@@ -14236,10 +14240,10 @@ var SpriteGroup = /** @class */ (function () {
          * 遍历this.meshSplits，找到元素的listIndex在split的indexStart和indexEnd范围内的第一个meshSplit
          */
         for (var i = 0; i < splits.length; i++) {
-            var split = splits[i];
+            var split_6 = splits[i];
             // @ts-expect-error
-            if (split.indexStart <= item.listIndex && split.indexEnd >= item.listIndex) {
-                targetSplit = split;
+            if (split_6.indexStart <= item.listIndex && split_6.indexEnd >= item.listIndex) {
+                targetSplit = split_6;
                 targetSplitIndex = i;
                 break;
             }
@@ -14349,8 +14353,8 @@ var SpriteGroup = /** @class */ (function () {
             // FIXME: 可选性
             var targetSplitIndex = void 0;
             for (var i = 0; i < splits.length; i++) {
-                var split = splits[i];
-                if (split.items.includes(item)) {
+                var split_7 = splits[i];
+                if (split_7.items.includes(item)) {
                     targetSplitIndex = i;
                     break;
                 }
@@ -14968,7 +14972,6 @@ var SpriteItem = /** @class */ (function (_super) {
             ret.texOffset = [0, 0, 1, 1];
         }
         ret.visible = this.vfxItem.contentVisible;
-        // 图层元素作为父节点时，除了k的大小变换，自身的尺寸也需要传递给子元素，子元素可以通过startSize读取
         ret.startSize = this.startSize;
         return ret;
     };
@@ -15066,7 +15069,9 @@ var SpriteVFXItem = /** @class */ (function (_super) {
     };
     SpriteVFXItem.prototype.doCreateContent = function (composition) {
         var emptyTexture = composition.getRendererOptions().emptyTexture;
-        return new SpriteItem(this.sprite, { emptyTexture: emptyTexture }, this);
+        var content = new SpriteItem(this.sprite, { emptyTexture: emptyTexture }, this);
+        content.getRenderData(0, true);
+        return content;
     };
     SpriteVFXItem.prototype.createWireframeMesh = function (item, color) {
         var spMesh = new SpriteMesh(this.composition.getEngine(), __assign$1({ wireframe: true }, item.renderInfo), this.composition);
@@ -15500,10 +15505,10 @@ var ParticleMesh = /** @class */ (function () {
         var index = geometry.getIndexData();
         for (var i = 0; i < names.length; i++) {
             var name_1 = names[i];
-            var data = geometry.getAttributeData(name_1);
-            if (data) {
+            var data_1 = geometry.getAttributeData(name_1);
+            if (data_1) {
                 // @ts-expect-error
-                geometry.setAttributeData(name_1, new data.constructor(0));
+                geometry.setAttributeData(name_1, new data_1.constructor(0));
             }
         }
         // @ts-expect-error
@@ -16878,10 +16883,10 @@ function getGeometryTriangles(geometry, options) {
         var segment = segments[i];
         var p0 = points[i];
         var p1 = points[i + 1] || points[0];
-        var keys = segment;
+        var keys_1 = segment;
         var point = [0, 0];
-        for (var j = 0; j < keys.length - 1; j++) {
-            var key = keys[j];
+        for (var j = 0; j < keys_1.length - 1; j++) {
+            var key = keys_1[j];
             getBezier2DValue(point, key, p0, p1, p0[4], p0[5], p1[2], p1[3]);
             setPoint(point[0], point[1]);
         }
@@ -16940,11 +16945,11 @@ function getGeometryByShape(shape, uvTransform) {
     var index = 0;
     for (var i = 0; i < geometries.length; i++) {
         var geometry = geometries[i];
-        var data = getGeometryTriangles(geometry, { indexBase: indexBase, uvTransform: uvTransform });
-        indexBase += data.aPoint.length / 5;
-        datas.push(data);
-        aPoint += data.aPoint.length;
-        index += data.index.length;
+        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;
     }
     if (datas.length === 1) {
         return datas[0];
@@ -16953,11 +16958,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 = datas[i];
-        aPointData.set(data.aPoint, pointIndex);
-        pointIndex += data.aPoint.length;
-        indexData.set(data.index, idx);
-        idx += data.index.length;
+        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;
     }
     return {
         aPoint: aPointData,
@@ -17268,10 +17273,10 @@ var TrailMesh = /** @class */ (function () {
         var pointCountPerTrail = this.pointCountPerTrail;
         if (index >= 0 && index < pointCountPerTrail) {
             var startIndex = (trail * pointCountPerTrail + index) * 24 + 8;
-            var data = this.geometry.getAttributeData('aColor');
-            out.x = data[startIndex];
-            out.y = data[1 + startIndex];
-            out.z = data[2 + startIndex];
+            var data_1 = this.geometry.getAttributeData('aColor');
+            out.x = data_1[startIndex];
+            out.y = data_1[1 + startIndex];
+            out.z = data_1[2 + startIndex];
             return out;
         }
     };
@@ -18677,14 +18682,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 = 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 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 dw = ((x_1 + x_1 + 1) / col - 1) / 2;
                 var dh = ((y_1 + y_1 + 1) / row - 1) / 2;
-                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 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 origin_1 = [
                     originData[0] / col + dw,
                     originData[1] / row + dh,
@@ -21404,8 +21409,9 @@ var Camera = /** @class */ (function () {
     Camera.prototype.getInverseVPRatio = function (z) {
         var pos = new Vector3(0, 0, z);
         var mat = this.getViewProjectionMatrix();
-        var nz = pos.applyMatrix(mat).z;
-        return new Vector3(1, 1, nz).applyMatrix(mat);
+        var inverseVP = this.getInverseViewProjectionMatrix();
+        var nz = mat.projectPoint(pos).z;
+        return inverseVP.projectPoint(new Vector3(1, 1, nz));
     };
     /**
      * 设置相机的旋转四元数
@@ -21417,7 +21423,6 @@ var Camera = /** @class */ (function () {
             this.dirty = true;
         }
         else {
-            this.options.quat;
             if (!this.options.quat.equals(value)) {
                 this.options.quat.copyFrom(value);
                 this.dirty = true;
@@ -21594,7 +21599,7 @@ var filters = {
  * Name: @galacean/effects-specification
  * Description: Galacean Effects JSON Specification
  * Author: Ant Group CO., Ltd.
- * Version: v1.1.0-alpha.0
+ * Version: v1.1.0
  */
 
 /*********************************************/
@@ -23364,13 +23369,13 @@ var CompositionSourceManager = /** @class */ (function () {
                     if (renderContent.renderer) {
                         renderContent.renderer = _this.changeTex(renderContent.renderer);
                         _this.processMask(renderContent.renderer);
-                        var split = renderContent.splits && !renderContent.textureSheetAnimation && renderContent.splits[0];
+                        var split_1 = 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);
+                            renderContent.renderer.shape = getGeometryByShape((_a = _this.jsonScene) === null || _a === void 0 ? void 0 : _a.shapes[renderContent.renderer.shape], split_1);
                         }
                         else if (renderContent.renderer.shape && isObject(renderContent.renderer.shape)) {
-                            renderContent.renderer.shape = getGeometryByShape(renderContent.renderer.shape, split);
+                            renderContent.renderer.shape = getGeometryByShape(renderContent.renderer.shape, split_1);
                         }
                     }
                     else {
@@ -23382,14 +23387,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 = 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_1 = 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;
+                    option.id = id_1;
                     if (parentId) {
                         option.parentId = parentId;
                     }
@@ -23757,16 +23762,17 @@ var AssetManager = /** @class */ (function () {
     };
     AssetManager.prototype.processBins = function (bins) {
         return __awaiter(this, void 0, void 0, function () {
-            var renderLevel, jobs;
+            var renderLevel, baseUrl, jobs;
             var _this = this;
             return __generator(this, function (_a) {
                 renderLevel = this.options.renderLevel;
+                baseUrl = this.baseUrl;
                 jobs = bins.map(function (bin) {
                     if (bin instanceof ArrayBuffer) {
                         return bin;
                     }
                     if (passRenderLevel(bin.renderLevel, renderLevel)) {
-                        return _this.loadBins(bin.url);
+                        return _this.loadBins(new URL(bin.url, baseUrl).href);
                     }
                     throw new Error("Invalid bins source: ".concat(JSON.stringify(bins)));
                 });
@@ -23784,13 +23790,14 @@ var AssetManager = /** @class */ (function () {
                     return [2 /*return*/];
                 }
                 jobs = fonts.map(function (font) { return __awaiter(_this, void 0, void 0, function () {
-                    var fontFace;
+                    var url, fontFace;
                     var _a;
                     return __generator(this, function (_b) {
                         switch (_b.label) {
                             case 0:
                                 if (!(font.fontURL && !AssetManager.fonts.has(font.fontFamily))) return [3 /*break*/, 4];
-                                fontFace = new FontFace((_a = font.fontFamily) !== null && _a !== void 0 ? _a : '', 'url(' + font.fontURL + ')');
+                                url = new URL(font.fontURL, this.baseUrl).href;
+                                fontFace = new FontFace((_a = font.fontFamily) !== null && _a !== void 0 ? _a : '', 'url(' + url + ')');
                                 _b.label = 1;
                             case 1:
                                 _b.trys.push([1, 3, , 4]);
@@ -23803,7 +23810,7 @@ var AssetManager = /** @class */ (function () {
                                 return [3 /*break*/, 4];
                             case 3:
                                 _b.sent();
-                                logger.warn("Invalid fonts source: ".concat(JSON.stringify(font.fontURL)));
+                                logger.warn("Invalid fonts source: ".concat(JSON.stringify(url)));
                                 return [3 /*break*/, 4];
                             case 4: return [2 /*return*/];
                         }
@@ -23998,14 +24005,14 @@ var AssetManager = /** @class */ (function () {
 }());
 function fixOldImageUsage(usedImages, compositions, imgUsage, images, renderLevel) {
     for (var i = 0; i < compositions.length; i++) {
-        var id = compositions[i].id;
-        var ids = imgUsage[id];
+        var id_1 = compositions[i].id;
+        var ids = imgUsage[id_1];
         if (ids) {
             for (var j = 0; j < ids.length; j++) {
-                var id_1 = ids[j];
-                var tag = images[id_1].renderLevel;
+                var id_2 = ids[j];
+                var tag = images[id_2].renderLevel;
                 if (passRenderLevel(tag, renderLevel)) {
-                    usedImages[id_1] = true;
+                    usedImages[id_2] = true;
                 }
             }
         }
@@ -24016,7 +24023,7 @@ function createTextureOptionsBySource(image, sourceFrom) {
         return image.source;
     }
     else if (image instanceof HTMLImageElement ||
-        image instanceof HTMLCanvasElement) {
+        isCanvas(image)) {
         return {
             image: image,
             sourceType: exports.TextureSourceType.image,
@@ -24053,6 +24060,11 @@ function createTextureOptionsBySource(image, sourceFrom) {
     }
     throw new Error('Invalid texture options');
 }
+function isCanvas(canvas) {
+    var _a;
+    // 小程序 Canvas 无法使用 instanceof HTMLCanvasElement 判断
+    return typeof canvas === 'object' && canvas !== null && ((_a = canvas.tagName) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === 'CANVAS';
+}
 
 var CompVFXItem = /** @class */ (function (_super) {
     __extends(CompVFXItem, _super);
@@ -26281,10 +26293,10 @@ var ThreeTexture = /** @class */ (function (_super) {
         var texture = undefined;
         this.sourceType = sourceType;
         if (sourceType === exports.TextureSourceType.data) {
-            var data = options.data;
-            texture = new THREE__namespace.DataTexture(data.data, data.width, data.height, format, type, mapping, wrapS, wrapT, magFilter, minFilter);
-            this.width = data.width;
-            this.height = data.height;
+            var data_1 = options.data;
+            texture = new THREE__namespace.DataTexture(data_1.data, data_1.width, data_1.height, format, type, mapping, wrapS, wrapT, magFilter, minFilter);
+            this.width = data_1.width;
+            this.height = data_1.height;
         }
         else if (sourceType === exports.TextureSourceType.image) {
             var image = options.image;
@@ -26316,10 +26328,10 @@ var ThreeTexture = /** @class */ (function (_super) {
             texture = new THREE__namespace.VideoTexture(options.video, mapping, wrapS, wrapT, magFilter, minFilter, format, type);
         }
         else if (sourceType === exports.TextureSourceType.framebuffer) {
-            var data = options.data;
-            if (data) {
-                var width = (_a = data.width) !== null && _a !== void 0 ? _a : 0;
-                var height = (_b = data.height) !== null && _b !== void 0 ? _b : 0;
+            var data_2 = options.data;
+            if (data_2) {
+                var width = (_a = data_2.width) !== null && _a !== void 0 ? _a : 0;
+                var height = (_b = data_2.height) !== null && _b !== void 0 ? _b : 0;
                 texture = new THREE__namespace.FramebufferTexture(width, height, format);
                 this.width = width;
                 this.height = height;
@@ -26455,11 +26467,11 @@ var ThreeGeometry = /** @class */ (function (_super) {
                     if (attributes[dataSource] === undefined) {
                         _this.setAttributeType(dataSource, attr, geometry, attributes, props.maxVertex);
                     }
-                    var size = attr.size, offset = attr.offset, normalize = attr.normalize;
+                    var size = attr.size, offset = attr.offset, normalize_1 = attr.normalize;
                     var dataSourceAttribute = attributes[dataSource];
                     var buffer = dataSourceAttribute.buffer;
                     var dataLength = dataSourceAttribute.dataLength;
-                    var attribute = new THREE__namespace.InterleavedBufferAttribute(buffer, size, (offset !== null && offset !== void 0 ? offset : 0) / dataLength, normalize);
+                    var attribute = new THREE__namespace.InterleavedBufferAttribute(buffer, size, (offset !== null && offset !== void 0 ? offset : 0) / dataLength, normalize_1);
                     geometry.setAttribute(name, attribute);
                     attributes[name] = {
                         buffer: buffer,
@@ -26950,7 +26962,7 @@ Geometry.create = function (engine, options) {
 Mesh.create = function (engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "1.3.0-alpha.0";
+var version = "1.3.0";
 logger.info('THREEJS plugin version: ' + version);
 
 exports.AbstractPlugin = AbstractPlugin;