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

package/dist/index.mjs

@@ -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
  */
 
 import * as THREE from 'three';
@@ -684,7 +684,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
  */
 
 /*********************************************/
@@ -7128,9 +7128,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]);
             }
         }
     }
@@ -7503,9 +7503,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;
     };
@@ -7514,17 +7514,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]);
@@ -7539,22 +7539,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;
@@ -7929,14 +7929,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;
@@ -7944,19 +7944,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);
         }
@@ -9256,10 +9256,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);
         }
     };
@@ -10437,9 +10437,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,
                 });
@@ -13150,9 +13150,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();
@@ -13264,16 +13268,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();
             }
         }
@@ -13387,11 +13391,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 = {
@@ -13403,10 +13407,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;
             });
@@ -13673,14 +13677,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,
@@ -13777,13 +13781,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,
@@ -13941,22 +13945,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
@@ -13964,8 +13968,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: DestroyOptions.keep } });
@@ -14082,7 +14086,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],
@@ -14090,21 +14094,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) {
@@ -14112,14 +14116,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) {
@@ -14133,25 +14137,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]);
@@ -14212,10 +14216,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;
             }
@@ -14325,8 +14329,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;
                 }
@@ -14944,7 +14948,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;
     };
@@ -15042,7 +15045,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);
@@ -15476,10 +15481,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
@@ -16854,10 +16859,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]);
         }
@@ -16916,11 +16921,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];
@@ -16929,11 +16934,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,
@@ -17244,10 +17249,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;
         }
     };
@@ -18653,14 +18658,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,
@@ -21380,8 +21385,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));
     };
     /**
      * 设置相机的旋转四元数
@@ -21393,7 +21399,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;
@@ -21570,7 +21575,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
  */
 
 /*********************************************/
@@ -23340,13 +23345,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 {
@@ -23358,14 +23363,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;
                     }
@@ -23733,16 +23738,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)));
                 });
@@ -23760,13 +23766,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]);
@@ -23779,7 +23786,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*/];
                         }
@@ -23974,14 +23981,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;
                 }
             }
         }
@@ -23992,7 +23999,7 @@ function createTextureOptionsBySource(image, sourceFrom) {
         return image.source;
     }
     else if (image instanceof HTMLImageElement ||
-        image instanceof HTMLCanvasElement) {
+        isCanvas(image)) {
         return {
             image: image,
             sourceType: TextureSourceType.image,
@@ -24029,6 +24036,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);
@@ -26257,10 +26269,10 @@ var ThreeTexture = /** @class */ (function (_super) {
         var texture = undefined;
         this.sourceType = sourceType;
         if (sourceType === TextureSourceType.data) {
-            var data = options.data;
-            texture = new THREE.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.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 === TextureSourceType.image) {
             var image = options.image;
@@ -26292,10 +26304,10 @@ var ThreeTexture = /** @class */ (function (_super) {
             texture = new THREE.VideoTexture(options.video, mapping, wrapS, wrapT, magFilter, minFilter, format, type);
         }
         else if (sourceType === 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.FramebufferTexture(width, height, format);
                 this.width = width;
                 this.height = height;
@@ -26431,11 +26443,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.InterleavedBufferAttribute(buffer, size, (offset !== null && offset !== void 0 ? offset : 0) / dataLength, normalize);
+                    var attribute = new THREE.InterleavedBufferAttribute(buffer, size, (offset !== null && offset !== void 0 ? offset : 0) / dataLength, normalize_1);
                     geometry.setAttribute(name, attribute);
                     attributes[name] = {
                         buffer: buffer,
@@ -26926,7 +26938,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);
 
 export { AbstractPlugin, AssetManager, BYTES_TYPE_MAP, BezierSegments, COMPRESSED_TEXTURE, CONSTANT_MAP_BLEND, CONSTANT_MAP_DEPTH, CONSTANT_MAP_STENCIL_FUNC, CONSTANT_MAP_STENCIL_OP, 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, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, 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, 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, TEXTURE_UNIFORM_MAP, TextItem, TextLoader, TextMesh, TextVFXItem, Texture, TextureFactory, TextureLoadAction, TextureSourceType, TextureStoreAction, ThreeComposition, ThreeDisplayObject, ThreeMaterial, ThreeTexture, 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, distortionFrag, distortionVert, earcut, enlargeBuffer, ensureVec3, filters, findPreviousRenderPass, gaussianDown_frag as gaussianDownFrag, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateHalfFloatTexture, getBackgroundImage, getColorFromGradientStops, getConfig, getDefaultTemplateCanvasPool, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getImageItemRenderInfo, getKTXTextureOptions, getKeyFrameMetaByRawValue, getParticleMeshShader, getPixelRatio, getPreMultiAlpha, getStandardComposition, getStandardImage, getStandardItem, getStandardJSON, getTextureSize, glContext, gpuTimer, imageDataFromColor, imageDataFromGradient, initErrors, initGLContext, integrate, interpolateColor, isAndroid, isArray, isFunction, isIOS, isObject, isScene, 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, setUniformValue, sortByOrder, index$1 as spec, spriteMeshShaderFromFilter, spriteMeshShaderFromRenderInfo, spriteMeshShaderIdFromRenderInfo, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecAssign, vecFill, vecMulCombine, vecNormalize, version };