@galacean/effects-core 2.8.2 → 2.8.3

package/dist/index.mjs

@@ -3,7 +3,7 @@
  * Description: Galacean Effects runtime core for the web
  * Author: Ant Group CO., Ltd.
  * Contributors: 燃然,飂兮,十弦,云垣,茂安,意绮
- * Version: v2.8.2
+ * Version: v2.8.3
  */
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -18366,6 +18366,15 @@ PostProcessVolume = __decorate([
             });
         })();
     };
+    _proto.onUpdate = function onUpdate(dt) {
+        for(var i = 0; i < this.materials.length; i++){
+            var material = this.materials[i];
+            material.setVector2("_Size", this.transform.size);
+            if (this.renderer.renderMode === RenderMode.BILLBOARD || this.renderer.renderMode === RenderMode.VERTICAL_BILLBOARD || this.renderer.renderMode === RenderMode.HORIZONTAL_BILLBOARD) {
+                material.setVector3("_Scale", this.transform.scale);
+            }
+        }
+    };
     _proto.render = function render(renderer) {
         if (!this.getVisible()) {
             return;
@@ -18427,12 +18436,7 @@ PostProcessVolume = __decorate([
     };
     _proto.draw = function draw(renderer) {
         for(var i = 0; i < this.materials.length; i++){
-            var material = this.materials[i];
-            material.setVector2("_Size", this.transform.size);
-            if (this.renderer.renderMode === RenderMode.BILLBOARD || this.renderer.renderMode === RenderMode.VERTICAL_BILLBOARD || this.renderer.renderMode === RenderMode.HORIZONTAL_BILLBOARD) {
-                material.setVector3("_Scale", this.transform.scale);
-            }
-            renderer.drawGeometry(this.geometry, this.transform.getWorldMatrix(), material, i);
+            renderer.drawGeometry(this.geometry, this.transform.getWorldMatrix(), this.materials[i], i);
         }
     };
     _proto.fromData = function fromData(data) {
@@ -25690,6 +25694,7 @@ var SpriteComponent = /*#__PURE__*/ function(MaskableGraphic) {
     var _proto = SpriteComponent.prototype;
     _proto.onUpdate = function onUpdate(dt) {
         var _this = this;
+        MaskableGraphic.prototype.onUpdate.call(this, dt);
         var time = this.time;
         var duration = this.duration;
         var textureAnimation = this.textureSheetAnimation;
@@ -28683,11 +28688,11 @@ var TextLayout = /*#__PURE__*/ function() {
    * @param totalLineHeight - 可选的实际总行高，用于替代默认计算
    * @returns - 行高偏移值
    */ _proto.getOffsetY = function getOffsetY(style, lineCount, lineHeight, fontSize, totalLineHeight) {
-        var outlineWidth = style.outlineWidth, fontScale = style.fontScale;
+        var fontScale = style.fontScale;
         // /3 计算Y轴偏移量，以匹配编辑器行为
         var offsetY = (lineHeight - fontSize) / 3;
         // 计算基础偏移量
-        var baseOffset = fontSize + outlineWidth * fontScale;
+        var baseOffset = fontSize;
         var commonCalculation = totalLineHeight !== undefined ? totalLineHeight : lineHeight * (lineCount - 1);
         var offsetResult = 0;
         switch(this.textVerticalAlign){
@@ -28703,11 +28708,16 @@ var TextLayout = /*#__PURE__*/ function() {
         }
         return offsetResult;
     };
-    _proto.getOffsetX = function getOffsetX(style, maxWidth) {
+    /**
+   * 获取初始的水平偏移值
+   * @param style - 字体基础数据
+   * @param maxWidth - 最大行宽
+   * @returns - 水平偏移值
+   */ _proto.getOffsetX = function getOffsetX(style, maxWidth) {
         var offsetX = 0;
         switch(this.textAlign){
             case TextAlignment.left:
-                offsetX = style.outlineWidth * style.fontScale;
+                offsetX = 0;
                 break;
             case TextAlignment.middle:
                 offsetX = (this.width * style.fontScale - maxWidth) / 2;
@@ -28783,7 +28793,8 @@ var TextStyle = /*#__PURE__*/ function() {
             1
         ];
         this.outlineWidth = 0;
-        if (outline) {
+        var _outline_outlineWidth;
+        if (outline && ((_outline_outlineWidth = outline.outlineWidth) != null ? _outline_outlineWidth : 0) > 0) {
             this.isOutlined = true;
             var _outline_outlineColor;
             this.outlineColor = [].concat((_outline_outlineColor = outline.outlineColor) != null ? _outline_outlineColor : [
@@ -28792,8 +28803,8 @@ var TextStyle = /*#__PURE__*/ function() {
                 1,
                 1
             ]);
-            var _outline_outlineWidth;
-            this.outlineWidth = (_outline_outlineWidth = outline.outlineWidth) != null ? _outline_outlineWidth : 1;
+            var _outline_outlineWidth1;
+            this.outlineWidth = (_outline_outlineWidth1 = outline.outlineWidth) != null ? _outline_outlineWidth1 : 0;
         }
         // 重置阴影状态
         this.hasShadow = false;
@@ -29054,6 +29065,10 @@ var TextComponent = /*#__PURE__*/ function(MaskableGraphic) {
    * 文本行数
    */ _this.lineCount = 0;
         /**
+   * 描边/阴影等特效导致的纹理扩容比例 X/Y
+   */ _this.effectScaleX = 1;
+        _this.effectScaleY = 1;
+        /**
    * 每一行文本的最大宽度
    */ _this.maxLineWidth = 0;
         /**
@@ -29115,6 +29130,16 @@ var TextComponent = /*#__PURE__*/ function(MaskableGraphic) {
     _proto.onUpdate = function onUpdate(dt) {
         MaskableGraphic.prototype.onUpdate.call(this, dt);
         this.updateTexture();
+        // 覆盖基类每帧更新 size 行为，应用扩容比例
+        for(var _iterator = _create_for_of_iterator_helper_loose(this.materials), _step; !(_step = _iterator()).done;){
+            var material = _step.value;
+            var sizeX = this.transform.size.x;
+            var sizeY = this.transform.size.y;
+            var _this_getTextureExpandScale = this.getTextureExpandScale(), scalex = _this_getTextureExpandScale[0], scaley = _this_getTextureExpandScale[1];
+            sizeX *= scalex;
+            sizeY *= scaley;
+            material.setVector2("_Size", new Vector2(sizeX, sizeY));
+        }
     };
     _proto.onDestroy = function onDestroy() {
         MaskableGraphic.prototype.onDestroy.call(this);
@@ -29304,23 +29329,32 @@ var TextComponent = /*#__PURE__*/ function(MaskableGraphic) {
         var style = this.textStyle;
         var layout = this.textLayout;
         var fontScale = style.fontScale;
-        var width = (layout.width + style.fontOffset) * fontScale;
+        var baseWidth = (layout.width + style.fontOffset) * fontScale;
         var finalHeight = layout.lineHeight * this.lineCount;
         var fontSize = style.fontSize * fontScale;
         var lineHeight = layout.lineHeight * fontScale;
         style.fontDesc = this.getFontDesc(fontSize);
         var char = (this.text || "").split("");
+        var baseHeight = 0;
         if (layout.autoWidth) {
-            this.canvas.height = finalHeight * fontScale;
+            baseHeight = finalHeight * fontScale;
             this.item.transform.size.set(1, finalHeight / layout.height);
         } else {
-            this.canvas.height = layout.height * fontScale;
-        }
-        var height = this.canvas.height;
-        this.renderToTexture(width, height, flipY, function(context) {
+            baseHeight = layout.height * fontScale;
+        }
+        var _this_getEffectPadding = this.getEffectPadding(), padL = _this_getEffectPadding.padL, padR = _this_getEffectPadding.padR, padT = _this_getEffectPadding.padT, padB = _this_getEffectPadding.padB;
+        var hasEffect = (padL | padR | padT | padB) !== 0;
+        var texWidth = hasEffect ? Math.ceil(baseWidth + padL + padR) : baseWidth;
+        var texHeight = hasEffect ? Math.ceil(baseHeight + padT + padB) : baseHeight;
+        var shiftX = hasEffect ? padL : 0;
+        var shiftY = hasEffect ? flipY ? padT : padB : 0;
+        // 给渲染层用：扩容比例
+        this.effectScaleX = baseWidth > 0 ? texWidth / baseWidth : 1;
+        this.effectScaleY = baseHeight > 0 ? texHeight / baseHeight : 1;
+        this.renderToTexture(texWidth, texHeight, flipY, function(context) {
             // canvas size 变化后重新刷新 context
-            if (_this.maxLineWidth > width && layout.overflow === TextOverflow.display) {
-                context.font = _this.getFontDesc(fontSize * width / _this.maxLineWidth);
+            if (_this.maxLineWidth > baseWidth && layout.overflow === TextOverflow.display) {
+                context.font = _this.getFontDesc(fontSize * baseWidth / _this.maxLineWidth);
             } else {
                 context.font = style.fontDesc;
             }
@@ -29343,7 +29377,7 @@ var TextComponent = /*#__PURE__*/ function(MaskableGraphic) {
                 var textMetrics = context.measureText(str);
                 // 和浏览器行为保持一致
                 x += layout.letterSpace * fontScale;
-                if (x + textMetrics.width > width && i > 0 || str === "\n") {
+                if (x + textMetrics.width > baseWidth && i > 0 || str === "\n") {
                     charsInfo.push({
                         y: y,
                         width: x,
@@ -29367,14 +29401,27 @@ var TextComponent = /*#__PURE__*/ function(MaskableGraphic) {
                 chars: charsArray,
                 charOffsetX: charOffsetX
             });
-            charsInfo.forEach(function(charInfo) {
-                var x = layout.getOffsetX(style, charInfo.width);
-                charInfo.chars.forEach(function(str, i) {
-                    if (style.isOutlined) {
-                        context.strokeText(str, x + charInfo.charOffsetX[i], charInfo.y);
+            // 先描边
+            if (style.isOutlined) {
+                charsInfo.forEach(function(charInfo) {
+                    var ox = layout.getOffsetX(style, charInfo.width);
+                    for(var i = 0; i < charInfo.chars.length; i++){
+                        var str = charInfo.chars[i];
+                        var drawX = shiftX + ox + charInfo.charOffsetX[i];
+                        var drawY = shiftY + charInfo.y;
+                        context.strokeText(str, drawX, drawY);
                     }
-                    context.fillText(str, x + charInfo.charOffsetX[i], charInfo.y);
                 });
+            }
+            // 再填充
+            charsInfo.forEach(function(charInfo) {
+                var ox = layout.getOffsetX(style, charInfo.width);
+                for(var i = 0; i < charInfo.chars.length; i++){
+                    var str = charInfo.chars[i];
+                    var drawX = shiftX + ox + charInfo.charOffsetX[i];
+                    var drawY = shiftY + charInfo.y;
+                    context.fillText(str, drawX, drawY);
+                }
             });
             if (style.hasShadow) {
                 context.shadowColor = "transparent";
@@ -29385,6 +29432,32 @@ var TextComponent = /*#__PURE__*/ function(MaskableGraphic) {
     _proto.renderText = function renderText(options) {
         this.updateTexture();
     };
+    /**
+   * 给渲染层用：获取特效扩容比例（描边/阴影导致的纹理扩容）
+   * @returns
+   */ _proto.getTextureExpandScale = function getTextureExpandScale() {
+        return [
+            this.effectScaleX,
+            this.effectScaleY
+        ];
+    };
+    /**
+   * 获取描边和阴影的 padding 值（单位：px）
+   * @returns
+   */ _proto.getEffectPadding = function getEffectPadding() {
+        var style = this.textStyle;
+        var hasDrawOutline = style.isOutlined && style.outlineWidth > 0;
+        var outlinePad = hasDrawOutline ? Math.ceil(style.outlineWidth * 2 * style.fontScale) : 0;
+        var hasShadow = style.hasShadow && (style.shadowBlur > 0 || style.shadowOffsetX !== 0 || style.shadowOffsetY !== 0);
+        var shadowPad = hasShadow ? Math.ceil((Math.abs(style.shadowOffsetX) + Math.abs(style.shadowOffsetY) + style.shadowBlur) * style.fontScale) : 0;
+        var pad = outlinePad + shadowPad;
+        return {
+            padL: pad,
+            padR: pad,
+            padT: pad,
+            padB: pad
+        };
+    };
     _proto.setAutoWidth = function setAutoWidth(value) {
         var layout = this.textLayout;
         var normalizedValue = !!value;
@@ -31533,7 +31606,7 @@ function getStandardSpriteContent(sprite, transform) {
     return ret;
 }
 
-var version$1 = "2.8.2";
+var version$1 = "2.8.3";
 var v0 = /^(\d+)\.(\d+)\.(\d+)(-(\w+)\.\d+)?$/;
 var standardVersion = /^(\d+)\.(\d+)$/;
 var reverseParticle = false;
@@ -35233,7 +35306,7 @@ registerPlugin("text", TextLoader);
 registerPlugin("sprite", SpriteLoader);
 registerPlugin("particle", ParticleLoader);
 registerPlugin("interact", InteractLoader);
-var version = "2.8.2";
+var version = "2.8.3";
 logger.info("Core version: " + version + ".");
 
 export { ActivationMixerPlayable, ActivationPlayable, ActivationPlayableAsset, ActivationTrack, AndNode, AndNodeData, Animatable, AnimationClip, AnimationClipNode, AnimationClipNodeData, AnimationGraphAsset, Animator, ApplyAdditiveNode, ApplyAdditiveNodeData, Asset, AssetLoader, AssetManager, AssetService, BYTES_TYPE_MAP, Behaviour, BezierCurve, BezierCurvePath, BezierCurveQuat, BinaryAsset, BlendNode, BlendNodeData, BoolValueNode, COPY_FRAGMENT_SHADER, COPY_MESH_SHADER_ID, COPY_VERTEX_SHADER, Camera, CameraController, CameraVFXItemLoader, ColorCurve, ColorPlayable, ColorPropertyMixerPlayable, ColorPropertyPlayableAsset, ColorPropertyTrack, Component, ComponentTimePlayable, ComponentTimePlayableAsset, ComponentTimeTrack, Composition, CompositionComponent, CompressTextureCapabilityType, ConstBoolNode, ConstBoolNodeData, ConstFloatNode, ConstFloatNodeData, ConstraintTarget, ControlParameterBoolNode, ControlParameterBoolNodeData, ControlParameterFloatNode, ControlParameterFloatNodeData, ControlParameterTriggerNode, ControlParameterTriggerNodeData, DEFAULT_FONTS, DEFAULT_FPS, Database, Deferred, DestroyOptions, Downloader, DrawObjectPass, EFFECTS_COPY_MESH_NAME, EVENT_TYPE_CLICK, EVENT_TYPE_TOUCH_END, EVENT_TYPE_TOUCH_MOVE, EVENT_TYPE_TOUCH_START, EffectComponent, EffectComponentTimeTrack, EffectsObject, EffectsPackage, Ellipse, Engine, EqualNodeData, EventEmitter, EventSystem, Fake3DAnimationMode, Fake3DComponent, FilterMode, Float16ArrayWrapper, FloatComparisonNode, FloatComparisonNodeData, FloatPropertyMixerPlayable, FloatPropertyPlayableAsset, FloatPropertyTrack, FloatValueNode, Framebuffer, GLSLVersion, GPUCapability, Geometry, GlobalUniforms, GradientValue, GraphInstance, GraphNode, GraphNodeData, GraphicsPath, GreaterNodeData, HELP_LINK, HitTestType, InteractComponent, InteractLoader, InteractMesh, InvalidIndex, Item, LayerBlendNode, LayerBlendNodeData, LessNodeData, LineSegments, LinearValue, MaskMode, MaskProcessor, MaskableGraphic, Material, MaterialDataBlock, MaterialRenderType, MaterialTrack, Mesh, MeshCollider, NodeTransform, NotNode, NotNodeData, ObjectBindingTrack, OrNode, OrNodeData, OrderType, PLAYER_OPTIONS_ENV_EDITOR, POST_PROCESS_SETTINGS, ParticleBehaviourPlayable, ParticleBehaviourPlayableAsset, ParticleLoader, ParticleMesh, ParticleMixerPlayable, ParticleSystem, ParticleSystemRenderer, ParticleTrack, PassTextureCache, PathSegments, PlayState, Playable, PlayableAsset, PlayableOutput, Plugin, PluginSystem, PointerEventData, PointerEventType, PolyStar, Polygon, Pose, PoseNode, PositionConstraint, PostProcessVolume, PropertyClipPlayable, PropertyTrack, RENDER_PREFER_LOOKUP_TEXTURE, RUNTIME_ENV, RandomSetValue, RandomValue, RandomVectorValue, RaycastResult, RenderFrame, RenderPass, RenderPassAttachmentStorageType, RenderPassDestroyAttachmentType, RenderPassPriorityNormal, RenderPassPriorityPostprocess, RenderPassPriorityPrepare, RenderTargetHandle, RenderTargetPool, RenderTextureFormat, Renderbuffer, Renderer, RendererComponent, RuntimeClip, 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, Scene, SceneLoader, SerializationHelper, Shader, ShaderCompileResultStatus, ShaderFactory, ShaderType, ShaderVariant, ShapeComponent, ShapePath, SourceType, SpriteColorMixerPlayable, SpriteColorPlayableAsset, SpriteColorTrack, SpriteComponent, SpriteComponentTimeTrack, SpriteLoader, StarType, StateMachineNode, StateMachineNodeData, StateNode, StateNodeData, StaticValue, SubCompositionClipPlayable, SubCompositionMixerPlayable, SubCompositionPlayableAsset, SubCompositionTrack, TEMPLATE_USE_OFFSCREEN_CANVAS, TangentMode, TextComponent, TextComponentBase, TextLayout, TextLoader, TextStyle, Texture, TextureFactory, TextureLoadAction, TexturePaintScaleMode, TextureSourceType, TextureStoreAction, Ticker, TimelineAsset, TimelineClip, TimelineInstance, TrackAsset, TrackMixerPlayable, TrackType, Transform, TransformMixerPlayable, TransformPlayable, TransformPlayableAsset, TransformTrack, TransitionNode, TransitionNodeData, TransitionState, VFXItem, ValueGetter, ValueNode, Vector2Curve, Vector2PropertyMixerPlayable, Vector2PropertyPlayableAsset, Vector2PropertyTrack, Vector3Curve, Vector3PropertyMixerPlayable, Vector3PropertyTrack, Vector3ropertyPlayableAsset, Vector4Curve, Vector4PropertyMixerPlayable, Vector4PropertyPlayableAsset, Vector4PropertyTrack, WeightedMode, addByOrder, addItem, addItemWithOrder, applyMixins, assertExist, asserts, base64ToFile, buildLine, calculateTranslation, canUseBOM, canvasPool, closePointEps, colorGradingFrag, colorStopsFromGradient, colorToArr$1 as colorToArr, combineImageTemplate, createGLContext, createKeyFrameMeta, createShape, createValueGetter, curveEps, decimalEqual, deserializeMipmapTexture, earcut, effectsClass, effectsClassStore, enlargeBuffer, ensureFixedNumber, ensureVec3, gaussianDownHFrag, gaussianDownVFrag, gaussianUpFrag, generateEmptyTypedArray, generateGUID, generateHalfFloatTexture, generateTransparentTexture, generateWhiteTexture, getBackgroundImage, getClass, getColorFromGradientStops, getConfig, getDefaultTextureFactory, getGeometryByShape, getGeometryTriangles, getKeyFrameMetaByRawValue, getMergedStore, getNodeDataClass, getParticleMeshShader, getPixelRatio, getPluginUsageInfo, getPreMultiAlpha, getStandardComposition, getStandardImage, getStandardItem, getStandardJSON, getTextureSize, glContext, glType2VertexFormatType, gpuTimer, imageDataFromColor, imageDataFromGradient, initErrors, initGLContext, integrate, interpolateColor, isAlipayMiniApp, isAndroid, isArray, isCanvas, isFunction, isIOS, isIOSByUA, isMiniProgram, isObject, isOpenHarmony, isPlainObject, isPowerOfTwo, isSimulatorCellPhone, isString, isUniformStruct, isUniformStructArray, isValidFontFamily, isWebGL2, isWechatMiniApp, itemFrag, itemVert, loadAVIFOptional, loadBinary, loadBlob, loadImage, loadMedia, loadVideo, loadWebPOptional, logger, index as math, modifyMaxKeyframeShader, nearestPowerOfTwo, nodeDataClass, noop, normalizeColor, numberToFix, oldBezierKeyFramesToNew, parsePercent$1 as parsePercent, particleFrag, particleOriginTranslateMap$1 as particleOriginTranslateMap, particleUniformTypeMap, particleVert, passRenderLevel, pluginLoaderMap, randomInRange, registerPlugin, removeItem, rotateVec2, screenMeshVert, serialize, setBlendMode, setConfig, setDefaultTextureFactory, setMaskMode, setRayFromCamera, setSideMode, sortByOrder, index$1 as spec, textureLoaderRegistry, thresholdFrag, throwDestroyedError, trailVert, translatePoint, trianglesFromRect, unregisterPlugin, valIfUndefined, value, valueDefine, vecFill, vecMulCombine, version, vertexFormatType2GLType };