@galacean/effects-threejs 1.1.2 → 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.2
+ * 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;
                 })];
@@ -29234,7 +29232,6 @@ var CompositionSourceManager = /** @class */ (function () {
     CompositionSourceManager.prototype.assembleItems = function (composition) {
         var _this = this;
         var items = [];
-        this.mask++;
         composition.items.forEach(function (item) {
             var _a;
             var option = {};
@@ -29250,9 +29247,7 @@ var CompositionSourceManager = /** @class */ (function () {
                     option.type = type;
                     if (renderContent.renderer) {
                         renderContent.renderer = _this.changeTex(renderContent.renderer);
-                        if (!renderContent.renderer.mask) {
-                            _this.processMask(renderContent.renderer, _this.mask);
-                        }
+                        _this.processMask(renderContent.renderer);
                         var split = renderContent.splits && !renderContent.textureSheetAnimation && renderContent.splits[0];
                         if (Number.isInteger(renderContent.renderer.shape)) {
                             // TODO: scene.shapes 类型问题？
@@ -29297,7 +29292,7 @@ var CompositionSourceManager = /** @class */ (function () {
                     }
                     // 处理预合成的渲染顺序
                     if (option.type === ItemType$1.composition) {
-                        var maskRef_1 = ++_this.mask;
+                        ++_this.mask;
                         var refId = item.content.options.refId;
                         if (!_this.refCompositions.get(refId)) {
                             throw new Error('Invalid Ref Composition id: ' + refId);
@@ -29308,7 +29303,7 @@ var CompositionSourceManager = /** @class */ (function () {
                         }
                         ref.items.forEach(function (item) {
                             item.listIndex = listOrder++;
-                            _this.processMask(item.content, maskRef_1);
+                            _this.processMask(item.content);
                         });
                         option.items = ref.items;
                     }
@@ -29347,11 +29342,17 @@ var CompositionSourceManager = /** @class */ (function () {
     /**
      * 处理蒙版和遮挡关系写入 stencil 的 ref 值
      */
-    CompositionSourceManager.prototype.processMask = function (renderer, maskRef) {
+    CompositionSourceManager.prototype.processMask = function (renderer) {
+        if (renderer.maskMode === MaskMode$1.NONE) {
+            return;
+        }
         if (!renderer.mask) {
             var maskMode = renderer.maskMode;
-            if (maskMode !== MaskMode$1.NONE) {
-                renderer.mask = maskRef;
+            if (maskMode === MaskMode$1.MASK) {
+                renderer.mask = ++this.mask;
+            }
+            else if (maskMode === MaskMode$1.OBSCURED || maskMode === MaskMode$1.REVERSE_OBSCURED) {
+                renderer.mask = this.mask;
             }
         }
     };
@@ -29429,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 () {
@@ -29594,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)];
             });
@@ -29630,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];
@@ -29799,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));
                         });
                     })];
             });
@@ -29811,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));
                         });
                     })];
             });
@@ -31157,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;
     };
     /**
      * 获取定时器暂停标志位
@@ -32757,9 +32761,9 @@ Geometry.create = function (engine, options) {
 Mesh.create = function (engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "1.1.2";
+var version = "1.1.3";
 console.info({
-    content: '[Galacean Effects THREEJS] version: ' + "1.1.2",
+    content: '[Galacean Effects THREEJS] version: ' + "1.1.3",
     type: LOG_TYPE,
 });