@galacean/effects-threejs 1.1.1 → 1.1.3

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.1.1
+ * Version: v1.1.3
  */
 
 import * as THREE from 'three';
@@ -9325,11 +9325,9 @@ var Matrix4 = /** @class */ (function () {
         var vX = Matrix4.tempVec0;
         var vY = Matrix4.tempVec1;
         var vZ = Matrix4.tempVec2;
-        vZ.subtractVectors(target, eye);
+        vZ.subtractVectors(eye, target);
         vZ.normalize();
-        vY.copyFrom(up);
-        vY.normalize();
-        vX.crossVectors(vY, vZ);
+        vX.crossVectors(up, vZ);
         vX.normalize();
         vY.crossVectors(vZ, vX);
         var te = this.elements;
@@ -16018,7 +16016,7 @@ function loadImage(source) {
             }
             // 2. 非法类型
             if (!url) {
-                throw new Error("Invalid url type: ".concat(source));
+                throw new Error("Invalid url type: ".concat(JSON.stringify(source)));
             }
             return [2 /*return*/, new Promise(function (resolve, reject) {
                     var img = new Image();
@@ -16037,7 +16035,7 @@ function loadImage(source) {
                         if (revokeURL) {
                             URL.revokeObjectURL(url);
                         }
-                        return reject("Load image fail: ".concat(e));
+                        return reject("Load image fail: ".concat(JSON.stringify(e)));
                     };
                     img.src = url;
                 })];
@@ -19368,18 +19366,19 @@ var SpriteMesh = /** @class */ (function () {
         var uSizeStart = start + 4;
         var uQuatStart = start + 8;
         var uColorStart = start + 12;
-        if (!selfData.visible && !init) {
-            mainDataArray[uSizeStart + 2] = -1;
-            return;
-        }
-        var uColor = selfData.color || [mainDataArray[uColorStart], mainDataArray[uColorStart + 1], mainDataArray[uColorStart + 2], mainDataArray[uColorStart + 3]];
-        // if (selfData.startSize) {
-        //   selfData.transform.scaleBy(1 / selfData.startSize[0], 1 / selfData.startSize[1], 1);
-        // }
         var tempPos = new Vector3();
         var tempQuat = new Quaternion();
         var tempScale = new Vector3();
-        selfData.transform.assignWorldTRS(tempPos, tempQuat, tempScale);
+        var uColor = selfData.color || [mainDataArray[uColorStart], mainDataArray[uColorStart + 1], mainDataArray[uColorStart + 2], mainDataArray[uColorStart + 3]];
+        if (selfData.visible) {
+            selfData.transform.assignWorldTRS(tempPos, tempQuat, tempScale);
+        }
+        else {
+            if (!init) {
+                mainDataArray[uSizeStart + 2] = -1;
+                return;
+            }
+        }
         var uPos = __spreadArray$2(__spreadArray$2([], __read$3(tempPos.toArray()), false), [0], false);
         var uSize = __spreadArray$2(__spreadArray$2([], __read$3(tempScale.toArray()), false), [0], false);
         var uQuat = tempQuat.toArray();
@@ -29170,6 +29169,7 @@ var CompositionSourceManager = /** @class */ (function () {
         var e_1, _a;
         this.refCompositions = new Map();
         this.refCompositionProps = new Map();
+        this.mask = 0;
         // 资源
         var jsonScene = scene.jsonScene, renderLevel = scene.renderLevel, textureOptions = scene.textureOptions, pluginSystem = scene.pluginSystem, totalTime = scene.totalTime;
         var compositions = jsonScene.compositions, imgUsage = jsonScene.imgUsage, compositionId = jsonScene.compositionId;
@@ -29208,7 +29208,6 @@ var CompositionSourceManager = /** @class */ (function () {
         this.totalTime = totalTime !== null && totalTime !== void 0 ? totalTime : 0;
         this.imgUsage = imgUsage !== null && imgUsage !== void 0 ? imgUsage : {};
         this.textures = cachedTextures;
-        this.mask = 0;
         listOrder = 0;
         this.textureOptions = textureOptions;
         this.sourceContent = this.getContent(this.composition);
@@ -29233,10 +29232,6 @@ var CompositionSourceManager = /** @class */ (function () {
     CompositionSourceManager.prototype.assembleItems = function (composition) {
         var _this = this;
         var items = [];
-        var mask = this.mask;
-        if (isNaN(mask)) {
-            mask = 0;
-        }
         composition.items.forEach(function (item) {
             var _a;
             var option = {};
@@ -29252,15 +29247,7 @@ var CompositionSourceManager = /** @class */ (function () {
                     option.type = type;
                     if (renderContent.renderer) {
                         renderContent.renderer = _this.changeTex(renderContent.renderer);
-                        if (!renderContent.renderer.mask) {
-                            var maskMode = renderContent.renderer.maskMode;
-                            if (maskMode === MaskMode$1.MASK) {
-                                renderContent.renderer.mask = ++mask;
-                            }
-                            else if (maskMode === MaskMode$1.OBSCURED || maskMode === MaskMode$1.REVERSE_OBSCURED) {
-                                renderContent.renderer.mask = mask;
-                            }
-                        }
+                        _this.processMask(renderContent.renderer);
                         var split = renderContent.splits && !renderContent.textureSheetAnimation && renderContent.splits[0];
                         if (Number.isInteger(renderContent.renderer.shape)) {
                             // TODO: scene.shapes 类型问题？
@@ -29305,16 +29292,18 @@ var CompositionSourceManager = /** @class */ (function () {
                     }
                     // 处理预合成的渲染顺序
                     if (option.type === ItemType$1.composition) {
+                        ++_this.mask;
                         var refId = item.content.options.refId;
                         if (!_this.refCompositions.get(refId)) {
                             throw new Error('Invalid Ref Composition id: ' + refId);
                         }
+                        var ref = _this.getContent(_this.refCompositions.get(refId));
                         if (!_this.refCompositionProps.has(refId)) {
-                            _this.refCompositionProps.set(refId, _this.getContent(_this.refCompositions.get(refId)));
+                            _this.refCompositionProps.set(refId, ref);
                         }
-                        var ref = _this.refCompositionProps.get(refId);
                         ref.items.forEach(function (item) {
                             item.listIndex = listOrder++;
+                            _this.processMask(item.content);
                         });
                         option.items = ref.items;
                     }
@@ -29350,6 +29339,23 @@ var CompositionSourceManager = /** @class */ (function () {
             }
         }
     };
+    /**
+     * 处理蒙版和遮挡关系写入 stencil 的 ref 值
+     */
+    CompositionSourceManager.prototype.processMask = function (renderer) {
+        if (renderer.maskMode === MaskMode$1.NONE) {
+            return;
+        }
+        if (!renderer.mask) {
+            var maskMode = renderer.maskMode;
+            if (maskMode === MaskMode$1.MASK) {
+                renderer.mask = ++this.mask;
+            }
+            else if (maskMode === MaskMode$1.OBSCURED || maskMode === MaskMode$1.REVERSE_OBSCURED) {
+                renderer.mask = this.mask;
+            }
+        }
+    };
     CompositionSourceManager.prototype.dispose = function () {
         this.textureOptions = [];
         this.textures = [];
@@ -29424,7 +29430,7 @@ var AssetManager = /** @class */ (function () {
                 waitPromise = new Promise(function (resolve, reject) {
                     return loadTimer = window.setTimeout(function () {
                         cancelLoading = true;
-                        reject("Load time out: ".concat(url));
+                        reject("Load time out: ".concat(JSON.stringify(url)));
                     }, _this.timeout * 1000);
                 });
                 hookTimeInfo = function (label, func) { return __awaiter(_this, void 0, void 0, function () {
@@ -29589,7 +29595,7 @@ var AssetManager = /** @class */ (function () {
                     if (passRenderLevel(bin.renderLevel, renderLevel)) {
                         return _this.loadBins(bin.url);
                     }
-                    throw new Error("Invalid bins source: ".concat(bins));
+                    throw new Error("Invalid bins source: ".concat(JSON.stringify(bins)));
                 });
                 return [2 /*return*/, Promise.all(jobs)];
             });
@@ -29625,7 +29631,7 @@ var AssetManager = /** @class */ (function () {
                             case 3:
                                 _b.sent();
                                 console.warn({
-                                    content: "Invalid fonts source: ".concat(font.fontURL),
+                                    content: "Invalid fonts source: ".concat(JSON.stringify(font.fontURL)),
                                     type: LOG_TYPE,
                                 });
                                 return [3 /*break*/, 4];
@@ -29794,7 +29800,7 @@ var AssetManager = /** @class */ (function () {
             return __generator(this, function (_a) {
                 return [2 /*return*/, new Promise(function (resolve, reject) {
                         _this.downloader.downloadJSON(url, resolve, function (status, responseText) {
-                            reject("Couldn't load JSON ".concat(url, ": status ").concat(status, ", ").concat(responseText));
+                            reject("Couldn't load JSON ".concat(JSON.stringify(url), ": status ").concat(status, ", ").concat(responseText));
                         });
                     })];
             });
@@ -29806,7 +29812,7 @@ var AssetManager = /** @class */ (function () {
             return __generator(this, function (_a) {
                 return [2 /*return*/, new Promise(function (resolve, reject) {
                         _this.downloader.downloadBinary(url, resolve, function (status, responseText) {
-                            reject("Couldn't load bins ".concat(url, ": status ").concat(status, ", ").concat(responseText));
+                            reject("Couldn't load bins ".concat(JSON.stringify(url), ": status ").concat(status, ", ").concat(responseText));
                         });
                     })];
             });
@@ -31152,7 +31158,10 @@ var Ticker = /** @class */ (function () {
     };
     Ticker.prototype.setFPS = function (fps) {
         this.targetFPS = clamp$1(fps, 1, 120);
-        this.interval = Math.floor(1000 / fps) - 1;
+        // 注意：-2 的原因是保证帧率稳定
+        // interval 在 fps 为 60 的时候设成 15 累计误差会很大，设成 14 较稳定
+        // requestanimationFrame 在不同的刷新率下时间间隔不一样，120hz 的误差在 8 以内，60hz 的误差在 16 以内
+        this.interval = Math.floor(1000 / fps) - 2;
     };
     /**
      * 获取定时器暂停标志位
@@ -32752,9 +32761,9 @@ Geometry.create = function (engine, options) {
 Mesh.create = function (engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "1.1.1";
+var version = "1.1.3";
 console.info({
-    content: '[Galacean Effects THREEJS] version: ' + "1.1.1",
+    content: '[Galacean Effects THREEJS] version: ' + "1.1.3",
     type: LOG_TYPE,
 });