@galacean/effects-threejs 2.5.0-alpha.0 → 2.5.0-alpha.2

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime threejs plugin for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.5.0-alpha.0
+ * Version: v2.5.0-alpha.2
  */
 
 'use strict';
@@ -702,6 +702,17 @@ function asserts(condition, msg) {
     return /^[^\d.][\w-]*$/.test(fontFamily);
 }
 
+/**
+ * Simple implementation of the deferred pattern.
+ * An object that exposes a promise and functions to resolve and reject it.
+ */ var Deferred = function Deferred() {
+    var _this = this;
+    this.promise = new Promise(function(resolve, reject) {
+        _this.resolve = resolve;
+        _this.reject = reject;
+    });
+};
+
 var prefix = "[Galacean Effects]";
 var localLogger;
 function format(message) {
@@ -7647,6 +7658,8 @@ exports.MaterialRenderType = void 0;
 var MaskProcessor = /*#__PURE__*/ function() {
     function MaskProcessor(engine) {
         this.engine = engine;
+        this.alphaMaskEnabled = false;
+        this.maskMode = exports.MaskMode.NONE;
         this.maskable = null;
         this.stencilClearAction = {
             stencilAction: exports.TextureLoadAction.clear
@@ -7657,19 +7670,17 @@ var MaskProcessor = /*#__PURE__*/ function() {
         return 1;
     };
     _proto.getMaskMode = function getMaskMode(data) {
-        var maskMode = exports.MaskMode.NONE;
-        if (data.mask) {
-            var _data_mask = data.mask, _data_mask_mask = _data_mask.mask, mask = _data_mask_mask === void 0 ? false : _data_mask_mask, _data_mask_mode = _data_mask.mode, mode = _data_mask_mode === void 0 ? exports.MaskMode.NONE : _data_mask_mode, ref = _data_mask.ref;
-            if (mask) {
-                maskMode = exports.MaskMode.MASK;
-            } else if (mode === ObscuredMode.OBSCURED || mode === ObscuredMode.REVERSE_OBSCURED) {
-                maskMode = mode === ObscuredMode.OBSCURED ? exports.MaskMode.OBSCURED : exports.MaskMode.REVERSE_OBSCURED;
-                if (ref) {
-                    this.maskable = ref;
-                }
+        var _data_isMask = data.isMask, isMask = _data_isMask === void 0 ? false : _data_isMask, _data_inverted = data.inverted, inverted = _data_inverted === void 0 ? false : _data_inverted, reference = data.reference, _data_alphaMaskEnabled = data.alphaMaskEnabled, alphaMaskEnabled = _data_alphaMaskEnabled === void 0 ? false : _data_alphaMaskEnabled;
+        this.alphaMaskEnabled = alphaMaskEnabled;
+        if (isMask) {
+            this.maskMode = exports.MaskMode.MASK;
+        } else {
+            this.maskMode = inverted ? exports.MaskMode.REVERSE_OBSCURED : exports.MaskMode.OBSCURED;
+            if (reference) {
+                this.maskable = this.engine.findObject(reference);
             }
         }
-        return maskMode;
+        return this.maskMode;
     };
     _proto.drawStencilMask = function drawStencilMask(renderer) {
         if (this.maskable) {
@@ -12513,9 +12524,7 @@ var singleSplits = [
             occlusion: false,
             transparentOcclusion: false,
             side: SideMode.DOUBLE,
-            maskMode: exports.MaskMode.NONE,
-            mask: 0,
-            alphaMask: false
+            mask: 0
         };
         _this.defaultGeometry = Geometry.create(_this.engine, {
             attributes: {
@@ -12805,7 +12814,8 @@ var singleSplits = [
         return geometry;
     };
     _proto.configureMaterial = function configureMaterial(renderer) {
-        var side = renderer.side, occlusion = renderer.occlusion, blendMode = renderer.blending, maskMode = renderer.maskMode, mask = renderer.mask, texture = renderer.texture;
+        var side = renderer.side, occlusion = renderer.occlusion, blendMode = renderer.blending, mask = renderer.mask, texture = renderer.texture;
+        var maskMode = this.maskManager.maskMode;
         var material = this.material;
         material.blending = true;
         material.depthTest = true;
@@ -12826,9 +12836,9 @@ var singleSplits = [
         texParams.x = renderer.occlusion ? +renderer.transparentOcclusion : 1;
         texParams.y = preMultiAlpha;
         texParams.z = renderer.renderMode;
-        texParams.w = renderer.maskMode;
+        texParams.w = maskMode;
         material.setVector4("_TexParams", texParams);
-        if (texParams.x === 0 || renderer.alphaMask) {
+        if (texParams.x === 0 || this.maskManager.alphaMaskEnabled) {
             material.enableMacro("ALPHA_CLIP");
         } else {
             material.disableMacro("ALPHA_CLIP");
@@ -12855,11 +12865,10 @@ var singleSplits = [
         var renderer = (_baseRenderComponentData_renderer = baseRenderComponentData.renderer) != null ? _baseRenderComponentData_renderer : {};
         var splits = baseRenderComponentData.splits;
         var textureSheetAnimation = baseRenderComponentData.textureSheetAnimation;
-        var maskProps = data.mask;
-        if (maskProps && maskProps.ref) {
-            maskProps.ref = this.engine.findObject(maskProps.ref);
+        var maskOptions = baseRenderComponentData.mask;
+        if (maskOptions) {
+            this.maskManager.getMaskMode(maskOptions);
         }
-        var maskMode = this.maskManager.getMaskMode(data);
         // TODO 新蒙板上线后移除
         //-------------------------------------------------------------------------
         var shapeData = renderer.shape;
@@ -12871,23 +12880,39 @@ var singleSplits = [
         //-------------------------------------------------------------------------
         this.splits = splits || singleSplits;
         this.textureSheetAnimation = textureSheetAnimation;
-        var _renderer_renderMode, _renderer_blending, _renderer_side, _renderer_alphaMask;
+        var _renderer_renderMode, _renderer_blending, _renderer_side;
         this.renderer = {
             renderMode: (_renderer_renderMode = renderer.renderMode) != null ? _renderer_renderMode : RenderMode.MESH,
             blending: (_renderer_blending = renderer.blending) != null ? _renderer_blending : BlendingMode.ALPHA,
             texture: renderer.texture ? this.engine.findObject(renderer.texture) : this.engine.emptyTexture,
             occlusion: !!renderer.occlusion,
-            transparentOcclusion: !!renderer.transparentOcclusion || maskMode === exports.MaskMode.MASK,
+            transparentOcclusion: !!renderer.transparentOcclusion || this.maskManager.maskMode === exports.MaskMode.MASK,
             side: (_renderer_side = renderer.side) != null ? _renderer_side : SideMode.DOUBLE,
             mask: this.maskManager.getRefValue(),
-            shape: shapeGeometry,
-            maskMode: maskMode,
-            //@ts-expect-error TODO 新蒙版兼容老数据需要增加纹理透明度蒙版是否开启参数
-            alphaMask: (_renderer_alphaMask = renderer.alphaMask) != null ? _renderer_alphaMask : false
+            shape: shapeGeometry
         };
         this.configureMaterial(this.renderer);
         if (baseRenderComponentData.geometry) {
             this.geometry = this.engine.findObject(baseRenderComponentData.geometry);
+            var uvTransform = baseRenderComponentData.splits && !baseRenderComponentData.textureSheetAnimation ? baseRenderComponentData.splits[0] : singleSplits[0];
+            var x = uvTransform[0];
+            var y = uvTransform[1];
+            var isRotate90 = uvTransform[4];
+            var width = isRotate90 ? uvTransform[3] : uvTransform[2];
+            var height = isRotate90 ? uvTransform[2] : uvTransform[3];
+            var aUV = this.geometry.getAttributeData("aUV");
+            var aPos = this.geometry.getAttributeData("aPos");
+            if (aUV && aPos) {
+                var vertexCount = aUV.length / 2;
+                for(var i = 0; i < vertexCount; i++){
+                    var positionOffset = i * 3;
+                    var uvOffset = i * 2;
+                    var positionX = aPos[positionOffset];
+                    var positionY = aPos[positionOffset + 1];
+                    aUV[uvOffset] = (positionX + 0.5) * width + x;
+                    aUV[uvOffset + 1] = (positionY + 0.5) * height + y;
+                }
+            }
         } else {
             this.geometry = this.defaultGeometry;
             this.configureDefaultGeometry(this.renderer);
@@ -13226,17 +13251,15 @@ exports.ShapeComponent = /*#__PURE__*/ function(BaseRenderComponent) {
                     break;
                 }
         }
-        var maskProps = data.mask;
-        if (maskProps && maskProps.ref) {
-            maskProps.ref = this.engine.findObject(maskProps.ref);
+        if (data.mask) {
+            this.maskManager.getMaskMode(data.mask);
         }
-        var maskMode = this.maskManager.getMaskMode(data);
         var maskRef = this.maskManager.getRefValue();
         this.material.stencilRef = maskRef !== undefined ? [
             maskRef,
             maskRef
         ] : undefined;
-        setMaskMode(this.material, maskMode);
+        setMaskMode(this.material, this.maskManager.maskMode);
     };
     _create_class(ShapeComponent, [
         {
@@ -19711,11 +19734,7 @@ exports.ParticleSystem = /*#__PURE__*/ function(Component) {
         var maskMode = exports.MaskMode.NONE;
         var maskRef = 0;
         if (data.mask) {
-            var maskProps = data.mask;
-            if (maskProps && maskProps.ref) {
-                maskProps.ref = this.engine.findObject(maskProps.ref);
-            }
-            maskMode = this.maskManager.getMaskMode(data);
+            maskMode = this.maskManager.getMaskMode(data.mask);
             maskRef = this.maskManager.getRefValue();
         }
         return {
@@ -20256,7 +20275,7 @@ var RuntimeClip = /*#__PURE__*/ function() {
             this.playable.play();
         }
         this.parentMixer.setClipWeight(this.playable, weight);
-        var clipTime = parseFloat(clip.toLocalTime(localTime).toFixed(3));
+        var clipTime = clip.toLocalTime(localTime);
         this.playable.setTime(clipTime);
         // 判断动画是否结束
         if (ended) {
@@ -21445,11 +21464,12 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
    * 前进合成到指定时间
    * @param time - 相对0时刻的时间
    */ _proto.forwardTime = function forwardTime(time) {
-        var deltaTime = time * 1000 - this.rootComposition.time * 1000;
+        var deltaTime = time * 1000 - this.time * 1000;
         var reverse = deltaTime < 0;
         var step = 15;
         var t = Math.abs(deltaTime);
         var ss = reverse ? -step : step;
+        // FIXME Update 中可能会修改合成时间，这边需要优化更新逻辑
         for(t; t > step; t -= step){
             this.update(ss);
         }
@@ -21489,13 +21509,14 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
             this.callAwake(this.rootItem);
             this.rootItem.beginPlay();
         }
-        var dt = parseFloat(this.getUpdateTime(deltaTime * this.speed).toFixed(0));
-        this.updateRootComposition(dt / 1000);
+        var previousCompositionTime = this.time;
+        this.updateCompositionTime(deltaTime * this.speed / 1000);
+        var deltaTimeInMs = (this.time - previousCompositionTime) * 1000;
         this.updateVideo();
         // 更新 model-tree-plugin
-        this.updatePluginLoaders(deltaTime);
-        this.sceneTicking.update.tick(dt);
-        this.sceneTicking.lateUpdate.tick(dt);
+        this.updatePluginLoaders(deltaTimeInMs);
+        this.sceneTicking.update.tick(deltaTimeInMs);
+        this.sceneTicking.lateUpdate.tick(deltaTimeInMs);
         this.updateCamera();
         this.prepareRender();
         if (this.isEnded && !this.isEndCalled) {
@@ -21511,14 +21532,6 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
     _proto.shouldDispose = function shouldDispose() {
         return this.isEnded && this.rootItem.endBehavior === EndBehavior.destroy && !this.reusable;
     };
-    _proto.getUpdateTime = function getUpdateTime(t) {
-        var startTimeInMs = this.startTime * 1000;
-        var now = this.rootComposition.time * 1000;
-        if (t < 0 && now + t < startTimeInMs) {
-            return startTimeInMs - now;
-        }
-        return t;
-    };
     _proto.callAwake = function callAwake(item) {
         for(var _iterator = _create_for_of_iterator_helper_loose(item.components), _step; !(_step = _iterator()).done;){
             var component = _step.value;
@@ -21563,14 +21576,18 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
     };
     /**
    * 更新主合成组件
-   */ _proto.updateRootComposition = function updateRootComposition(deltaTime) {
+   */ _proto.updateCompositionTime = function updateCompositionTime(deltaTime) {
         if (this.rootComposition.state === PlayState.Paused || !this.rootComposition.isActiveAndEnabled) {
             return;
         }
-        var localTime = parseFloat((this.time + deltaTime - this.rootItem.start).toFixed(3));
-        var isEnded = false;
+        // 相对于合成开始时间的时间
+        var localTime = this.time + deltaTime - this.startTime;
+        if (deltaTime < 0 && localTime < 0) {
+            localTime = 0;
+        }
         var duration = this.rootItem.duration;
         var endBehavior = this.rootItem.endBehavior;
+        var isEnded = false;
         if (localTime - duration > 0.001) {
             isEnded = true;
             switch(endBehavior){
@@ -21595,7 +21612,7 @@ var LateUpdateTickData = /*#__PURE__*/ function(TickData) {
                     }
             }
         }
-        this.rootComposition.time = localTime;
+        this.rootComposition.time = localTime + this.startTime;
         // end state changed, handle onEnd flags
         if (this.isEnded !== isEnded) {
             if (isEnded) {
@@ -27568,13 +27585,13 @@ function processMask(renderContent) {
     }
     if (maskMode === exports.MaskMode.MASK) {
         renderContent.mask = {
-            mask: true
+            isMask: true
         };
         currentMaskComponent = renderContent.id;
     } else if (maskMode === ObscuredMode.OBSCURED || maskMode === ObscuredMode.REVERSE_OBSCURED) {
         renderContent.mask = {
-            mode: maskMode,
-            ref: {
+            inverted: maskMode === ObscuredMode.REVERSE_OBSCURED ? true : false,
+            reference: {
                 "id": currentMaskComponent
             }
         };
@@ -28398,6 +28415,7 @@ function getStandardSpriteContent(sprite, transform) {
     return ret;
 }
 
+var version$2 = "2.5.0-alpha.2";
 var v0 = /^(\d+)\.(\d+)\.(\d+)(-(\w+)\.\d+)?$/;
 var standardVersion = /^(\d+)\.(\d+)$/;
 var reverseParticle = false;
@@ -28405,6 +28423,11 @@ function getStandardJSON(json) {
     if (!json || typeof json !== "object") {
         throw new Error("Invalid input: Expected a JSON object.");
     }
+    // 如果 JSON 中的 runtime 版本高于当前运行时版本，则发出警告
+    if (checkRuntimeVersion(json)) {
+        var _json_playerVersion;
+        console.warn("The JSON need higher than " + ((_json_playerVersion = json.playerVersion) == null ? void 0 : _json_playerVersion.web) + " runtime version(current: " + version$2 + "). Some features may not work as expected.");
+    }
     // 修正老版本数据中，meshItem 以及 lightItem 结束行为错误问题
     version22Migration(json);
     if (v0.test(json.version)) {
@@ -28720,6 +28743,21 @@ function getStandardItem(item, opt) {
         return {};
     }
 }
+/**
+ * 检查 json.playerVersion.web 的版本号是否低于当前 runtime 的版本
+ */ function checkRuntimeVersion(json) {
+    var _ref = json.playerVersion || {}, _ref_web = _ref.web, web = _ref_web === void 0 ? "" : _ref_web;
+    if (web) {
+        var _v0_exec;
+        var jsonVersionMatch = (_v0_exec = v0.exec(web)) != null ? _v0_exec : [];
+        var _v0_exec1;
+        var runtimeVersionMatch = (_v0_exec1 = v0.exec(version$2)) != null ? _v0_exec1 : [];
+        var major = jsonVersionMatch[1], minor = jsonVersionMatch[2];
+        var currentMajor = runtimeVersionMatch[1], currentMinor = runtimeVersionMatch[2];
+        return Number(currentMajor) < Number(major) || Number(currentMajor) === Number(major) && Number(currentMinor) < Number(minor);
+    }
+    return false;
+}
 
 var _obj$1;
 /**
@@ -31627,7 +31665,7 @@ registerPlugin("sprite", SpriteLoader, exports.VFXItem);
 registerPlugin("particle", ParticleLoader, exports.VFXItem);
 registerPlugin("cal", CalculateLoader, exports.VFXItem);
 registerPlugin("interact", InteractLoader, exports.VFXItem);
-var version$1 = "2.5.0-alpha.0";
+var version$1 = "2.5.0-alpha.2";
 logger.info("Core version: " + version$1 + ".");
 
 var _obj;
@@ -33229,7 +33267,7 @@ setMaxSpriteMeshItemCount(8);
  */ Mesh.create = function(engine, props) {
     return new ThreeMesh(engine, props);
 };
-var version = "2.5.0-alpha.0";
+var version = "2.5.0-alpha.2";
 logger.info("THREEJS plugin version: " + version + ".");
 
 exports.AbstractPlugin = AbstractPlugin;
@@ -33261,6 +33299,7 @@ exports.Composition = Composition;
 exports.DEFAULT_FONTS = DEFAULT_FONTS;
 exports.DEFAULT_FPS = DEFAULT_FPS;
 exports.Database = Database;
+exports.Deferred = Deferred;
 exports.Downloader = Downloader;
 exports.EFFECTS_COPY_MESH_NAME = EFFECTS_COPY_MESH_NAME;
 exports.EVENT_TYPE_CLICK = EVENT_TYPE_CLICK;