@galacean/engine-core 0.0.0-experimental-2.0-game.8 → 0.0.0-experimental-2.0-game.10

package/dist/main.js

@@ -1935,7 +1935,7 @@ SystemInfo._initialize();
     _inherits(FontAtlas, ReferResource);
     function FontAtlas(engine) {
         var _this;
-        _this = ReferResource.call(this, engine) || this, _this._charInfoMap = {}, _this._space = 1, _this._curX = 1, _this._curY = 1, _this._nextY = 1;
+        _this = ReferResource.call(this, engine) || this, _this._charInfoMap = {}, _this._space = 4, _this._curX = 4, _this._curY = 4, _this._nextY = 4;
         _this.isGCIgnored = true;
         var format = engine._hardwareRenderer.isWebGL2 ? TextureFormat.R8 : TextureFormat.Alpha8;
         var texture = new Texture2D(engine, 512, 512, format, false);
@@ -9683,6 +9683,28 @@ Shader._shaderMap = Object.create(null);
         // Order: cheap reference checks → mask state → tag lookup (rare opt-out)
         return preElement.subChunk.chunk === curElement.subChunk.chunk && preElement.texture === curElement.texture && preElement.material === curElement.material && maskInteraction === renderer.maskInteraction && (maskInteraction === SpriteMaskInteraction.None || preRenderer.maskLayer === renderer.maskLayer) && curElement.subShader.passes[0].getTagValue(VertexMergeBatcher._disableBatchTag) !== true;
     };
+    /**
+   * Text-specific batch check: extends sprite check with outline parity.
+   * Different outlineWidth or outlineColor must split into separate draw calls,
+   * because outline uniforms are shared per draw call.
+   */ VertexMergeBatcher.canBatchText = function canBatchText(preElement, curElement) {
+        if (!VertexMergeBatcher.canBatchSprite(preElement, curElement)) {
+            return false;
+        }
+        var preRendererAny = preElement.component;
+        var curRendererAny = curElement.component;
+        if (preRendererAny._outlineWidth !== curRendererAny._outlineWidth) {
+            return false;
+        }
+        if (preRendererAny._outlineWidth > 0) {
+            var a = preRendererAny._outlineColor;
+            var b = curRendererAny._outlineColor;
+            if (a.r !== b.r || a.g !== b.g || a.b !== b.b || a.a !== b.a) {
+                return false;
+            }
+        }
+        return true;
+    };
     VertexMergeBatcher.canBatchSpriteMask = function canBatchSpriteMask(preElement, curElement) {
         if (preElement.subChunk.chunk !== curElement.subChunk.chunk) {
             return false;
@@ -11212,13 +11234,18 @@ __decorate([
     _inherits(TextRenderer, Renderer);
     function TextRenderer(entity) {
         var _this;
-        _this = Renderer.call(this, entity) || this, _this._textChunks = Array(), /** @internal */ _this._subFont = null, /** @internal */ _this._dirtyFlag = 15, _this._color = new engineMath.Color(1, 1, 1, 1), _this._text = "", _this._width = 0, _this._height = 0, _this._localBounds = new engineMath.BoundingBox(), _this._font = null, _this._fontSize = 24, _this._fontStyle = FontStyle.None, _this._lineSpacing = 0, _this._characterSpacing = 0, _this._horizontalAlignment = TextHorizontalAlignment.Center, _this._verticalAlignment = TextVerticalAlignment.Center, _this._enableWrapping = false, _this._overflowMode = OverflowMode.Overflow;
+        _this = Renderer.call(this, entity) || this, _this._textChunks = Array(), /** @internal */ _this._subFont = null, /** @internal */ _this._dirtyFlag = 15, _this._color = new engineMath.Color(1, 1, 1, 1), _this._text = "", _this._width = 0, _this._height = 0, _this._localBounds = new engineMath.BoundingBox(), _this._font = null, _this._fontSize = 24, _this._fontStyle = FontStyle.None, _this._lineSpacing = 0, _this._characterSpacing = 0, _this._horizontalAlignment = TextHorizontalAlignment.Center, _this._verticalAlignment = TextVerticalAlignment.Center, _this._enableWrapping = false, _this._overflowMode = OverflowMode.Overflow, _this._outlineColor = new engineMath.Color(0, 0, 0, 1), _this._outlineWidth = 0;
         var engine = _this.engine;
         _this._font = engine._textDefaultFont;
         _this._addResourceReferCount(_this._font, 1);
         _this.setMaterial(engine._basicResources.textDefaultMaterial);
+        var shaderData = _this.shaderData;
+        shaderData.setFloat(TextRenderer._outlineWidthProperty, _this._outlineWidth);
+        shaderData.setColor(TextRenderer._outlineColorProperty, _this._outlineColor);
         //@ts-ignore
         _this._color._onValueChanged = _this._onColorChanged.bind(_this);
+        // @ts-ignore
+        _this._outlineColor._onValueChanged = _this._onOutlineColorChanged.bind(_this);
         return _this;
     }
     var _proto = TextRenderer.prototype;
@@ -11240,6 +11267,7 @@ __decorate([
         Renderer.prototype._cloneTo.call(this, target);
         target.font = this._font;
         target._subFont = this._subFont;
+        target.outlineWidth = this._outlineWidth;
     };
     /**
    * @internal
@@ -11273,7 +11301,7 @@ __decorate([
     /**
    * @internal
    */ _proto._canBatch = function _canBatch(preElement, curElement) {
-        return VertexMergeBatcher.canBatchSprite(preElement, curElement);
+        return VertexMergeBatcher.canBatchText(preElement, curElement);
     };
     /**
    * @internal
@@ -11316,6 +11344,7 @@ __decorate([
         var distanceForSort = this._distanceForSort;
         var renderPipeline = camera._renderPipeline;
         var textChunks = this._textChunks;
+        var textTextureSize = TextRenderer._tempVec20;
         for(var i = 0, n = textChunks.length; i < n; ++i){
             var _renderElement;
             var _textChunks_i = textChunks[i], subChunk = _textChunks_i.subChunk, texture = _textChunks_i.texture;
@@ -11323,6 +11352,7 @@ __decorate([
             renderElement.set(this, material, subChunk.chunk.primitive, subChunk.subMesh, texture, subChunk);
             (_renderElement = renderElement).shaderData || (_renderElement.shaderData = new ShaderData(ShaderDataGroup.RenderElement));
             renderElement.shaderData.setTexture(TextRenderer._textureProperty, texture);
+            renderElement.shaderData.setVector2(TextRenderer._textTextureSizeProperty, textTextureSize.set(texture.width, texture.height));
             renderElement.priority = priority;
             renderElement.distanceForSort = distanceForSort;
             renderPipeline.pushRenderElement(context, renderElement);
@@ -11454,10 +11484,11 @@ __decorate([
                             charRenderInfo.texture = charFont._getTextureByIndex(charInfo.index);
                             charRenderInfo.uvs = charInfo.uvs;
                             var w = charInfo.w, ascent = charInfo.ascent, descent = charInfo.descent;
-                            var left = startX * pixelsPerUnitReciprocal;
-                            var right = (startX + w) * pixelsPerUnitReciprocal;
-                            var top = (startY + ascent) * pixelsPerUnitReciprocal;
-                            var bottom = (startY - descent) * pixelsPerUnitReciprocal;
+                            var ow = this._outlineWidth * pixelsPerUnitReciprocal;
+                            var left = startX * pixelsPerUnitReciprocal - ow;
+                            var right = (startX + w) * pixelsPerUnitReciprocal + ow;
+                            var top = (startY + ascent) * pixelsPerUnitReciprocal + ow;
+                            var bottom = (startY - descent) * pixelsPerUnitReciprocal - ow;
                             localPositions.set(left, top, right, bottom);
                             i === firstLine && (maxY = Math.max(maxY, top));
                             minY = Math.min(minY, bottom);
@@ -11531,6 +11562,10 @@ __decorate([
         var vertices = subChunk.chunk.vertices;
         var indices = subChunk.indices = [];
         var charRenderInfos = textChunk.charRenderInfos;
+        var ow = this._outlineWidth;
+        var texture = textChunk.texture;
+        var owU = ow > 0 ? ow / texture.width : 0;
+        var owV = ow > 0 ? ow / texture.height : 0;
         for(var i = 0, ii = 0, io = 0, vo = subChunk.vertexArea.start + 3; i < count; ++i, io += 4){
             var charRenderInfo = charRenderInfos[i];
             charRenderInfo.indexInChunk = i;
@@ -11538,10 +11573,13 @@ __decorate([
             for(var j = 0; j < tempIndicesLength; ++j){
                 indices[ii++] = tempIndices[j] + io;
             }
-            // Set uv and color for vertices
+            // Set uv and color for vertices, expand uv outward by outline width
             for(var j1 = 0; j1 < 4; ++j1, vo += 9){
                 var uv = charRenderInfo.uvs[j1];
-                uv.copyToArray(vertices, vo);
+                var su = j1 === 1 || j1 === 2 ? 1 : -1;
+                var sv = j1 >= 2 ? 1 : -1;
+                vertices[vo] = uv.x + owU * su;
+                vertices[vo + 1] = uv.y + owV * sv;
                 vertices[vo + 2] = r;
                 vertices[vo + 3] = g;
                 vertices[vo + 4] = b;
@@ -11570,6 +11608,9 @@ __decorate([
     _proto._onColorChanged = function _onColorChanged() {
         this._setDirtyFlagTrue(16);
     };
+    _proto._onOutlineColorChanged = function _onOutlineColorChanged() {
+        this.shaderData.setColor(TextRenderer._outlineColorProperty, this._outlineColor);
+    };
     _create_class(TextRenderer, [
         {
             key: "color",
@@ -11756,6 +11797,35 @@ __decorate([
                 }
             }
         },
+        {
+            key: "outlineWidth",
+            get: /**
+   * The outline width in pixels. 0 means outline is disabled. Clamped to [0, 8].
+   */ function get() {
+                return this._outlineWidth;
+            },
+            set: function set(value) {
+                value = Math.max(0, Math.min(value, 3));
+                if (this._outlineWidth !== value) {
+                    this._outlineWidth = value;
+                    this.shaderData.setFloat(TextRenderer._outlineWidthProperty, value);
+                    this._setDirtyFlagTrue(14);
+                }
+            }
+        },
+        {
+            key: "outlineColor",
+            get: /**
+   * The outline color. Only effective when outlineWidth > 0.
+   */ function get() {
+                return this._outlineColor;
+            },
+            set: function set(value) {
+                if (this._outlineColor !== value) {
+                    this._outlineColor.copyFrom(value);
+                }
+            }
+        },
         {
             key: "maskInteraction",
             get: /**
@@ -11806,9 +11876,13 @@ __decorate([
     ]);
     return TextRenderer;
 }(exports.Renderer);
-TextRenderer._textureProperty = ShaderProperty.getByName("renderElement_TextTexture");
+TextRenderer._tempVec20 = new engineMath.Vector2();
 TextRenderer._tempVec30 = new engineMath.Vector3();
 TextRenderer._tempVec31 = new engineMath.Vector3();
+TextRenderer._textureProperty = ShaderProperty.getByName("renderElement_TextTexture");
+TextRenderer._textTextureSizeProperty = ShaderProperty.getByName("renderElement_TextTextureSize");
+TextRenderer._outlineColorProperty = ShaderProperty.getByName("renderer_OutlineColor");
+TextRenderer._outlineWidthProperty = ShaderProperty.getByName("renderer_OutlineWidth");
 TextRenderer._worldPositions = [
     new engineMath.Vector3(),
     new engineMath.Vector3(),
@@ -11867,12 +11941,21 @@ __decorate([
 __decorate([
     assignmentClone
 ], TextRenderer.prototype, "_overflowMode", void 0);
+__decorate([
+    deepClone
+], TextRenderer.prototype, "_outlineColor", void 0);
+__decorate([
+    ignoreClone
+], TextRenderer.prototype, "_outlineWidth", void 0);
 __decorate([
     ignoreClone
 ], TextRenderer.prototype, "_onTransformChanged", null);
 __decorate([
     ignoreClone
 ], TextRenderer.prototype, "_onColorChanged", null);
+__decorate([
+    ignoreClone
+], TextRenderer.prototype, "_onOutlineColorChanged", null);
 var TextChunk = function TextChunk() {
     this.charRenderInfos = new Array();
 };
@@ -18231,14 +18314,16 @@ var ComponentCloner = /*#__PURE__*/ function() {
         }
     };
     _proto._getComponentsInChildren = function _getComponentsInChildren(type, results) {
-        for(var i = this._components.length - 1; i >= 0; i--){
-            var component = this._components[i];
+        var components = this._components;
+        for(var i = 0, n = components.length; i < n; i++){
+            var component = components[i];
             if (_instanceof(component, type)) {
                 results.push(component);
             }
         }
-        for(var i1 = this._children.length - 1; i1 >= 0; i1--){
-            this._children[i1]._getComponentsInChildren(type, results);
+        var children = this._children;
+        for(var i1 = 0, n1 = children.length; i1 < n1; i1++){
+            children[i1]._getComponentsInChildren(type, results);
         }
     };
     _proto._setActiveInHierarchy = function _setActiveInHierarchy(activeChangeFlag) {
@@ -20374,6 +20459,7 @@ var rePropName = RegExp(// Match anything that isn't a dot or bracket.
     function Pointer(id) {
         /** The phase of pointer. */ this.phase = PointerPhase.Leave;
         /** The position of the pointer in screen space pixel coordinates. */ this.position = new engineMath.Vector2();
+        /** The position of the pointer when it was last pressed down (in screen space pixel coordinates). */ this.pressedPosition = new engineMath.Vector2();
         /** The change of the pointer. */ this.deltaPosition = new engineMath.Vector2();
         /** @internal */ this._events = [];
         /** @internal */ this._upMap = [];
@@ -20422,12 +20508,16 @@ var PointerEventType = /*#__PURE__*/ function(PointerEventType) {
  */ var PointerEventData = /*#__PURE__*/ function() {
     function PointerEventData() {
         /** The position of the event trigger (in world space). */ this.worldPosition = new engineMath.Vector3();
+        /** The hit-tested target entity (deepest entity on the bubble path). */ this.target = null;
+        /** The entity currently handling the event (same as target on non-bubbling fire, varies on bubble). */ this.currentTarget = null;
     }
     var _proto = PointerEventData.prototype;
     /**
    * @internal
    */ _proto.dispose = function dispose() {
         this.pointer = null;
+        this.target = null;
+        this.currentTarget = null;
     };
     return PointerEventData;
 }();
@@ -23289,10 +23379,13 @@ var PointerEventEmitter = /*#__PURE__*/ function() {
         this._init();
     }
     var _proto = PointerEventEmitter.prototype;
-    _proto._createEventData = function _createEventData(pointer) {
+    _proto._createEventData = function _createEventData(pointer, target, currentTarget) {
+        if (currentTarget === void 0) currentTarget = target;
         var data = this._pool.get();
         data.pointer = pointer;
         data.worldPosition.copyFrom(this._hitResult.point);
+        data.target = target;
+        data.currentTarget = currentTarget;
         return data;
     };
     _proto._fireDown = function _fireDown(entity, eventData) {
@@ -23422,12 +23515,12 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
     };
     _proto.processDrag = function processDrag(pointer) {
         var entity = this._draggedEntity;
-        entity && this._fireDrag(entity, this._createEventData(pointer));
+        entity && this._fireDrag(entity, this._createEventData(pointer, entity, entity));
     };
     _proto.processDown = function processDown(pointer) {
         var entity = this._pressedEntity = this._draggedEntity = this._enteredEntity;
         if (entity) {
-            var eventData = this._createEventData(pointer);
+            var eventData = this._createEventData(pointer, entity, entity);
             this._fireDown(entity, eventData);
             this._fireBeginDrag(entity, eventData);
         }
@@ -23436,26 +23529,26 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
         var _this = this, enteredEntity = _this._enteredEntity, draggedEntity = _this._draggedEntity;
         if (enteredEntity) {
             var sameTarget = this._pressedEntity === enteredEntity;
-            var eventData = this._createEventData(pointer);
+            var eventData = this._createEventData(pointer, enteredEntity, enteredEntity);
             this._fireUp(enteredEntity, eventData);
             sameTarget && this._fireClick(enteredEntity, eventData);
             this._fireDrop(enteredEntity, eventData);
         }
         this._pressedEntity = null;
         if (draggedEntity) {
-            this._fireEndDrag(draggedEntity, this._createEventData(pointer));
+            this._fireEndDrag(draggedEntity, this._createEventData(pointer, draggedEntity, draggedEntity));
             this._draggedEntity = null;
         }
     };
     _proto.processLeave = function processLeave(pointer) {
         var enteredEntity = this._enteredEntity;
         if (enteredEntity) {
-            this._fireExit(enteredEntity, this._createEventData(pointer));
+            this._fireExit(enteredEntity, this._createEventData(pointer, enteredEntity, enteredEntity));
             this._enteredEntity = null;
         }
         var draggedEntity = this._draggedEntity;
         if (draggedEntity) {
-            this._fireEndDrag(draggedEntity, this._createEventData(pointer));
+            this._fireEndDrag(draggedEntity, this._createEventData(pointer, draggedEntity, draggedEntity));
             this._draggedEntity = null;
         }
         this._pressedEntity = null;
@@ -23470,10 +23563,10 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
         var enteredEntity = this._enteredEntity;
         if (entity !== enteredEntity) {
             if (enteredEntity) {
-                this._fireExit(enteredEntity, this._createEventData(pointer));
+                this._fireExit(enteredEntity, this._createEventData(pointer, enteredEntity, enteredEntity));
             }
             if (entity) {
-                this._fireEnter(entity, this._createEventData(pointer));
+                this._fireEnter(entity, this._createEventData(pointer, entity, entity));
             }
             this._enteredEntity = entity;
         }
@@ -23668,6 +23761,7 @@ PointerEventEmitter._tempRay = new engineMath.Ray();
                             pointer._downMap[button] = frameCount;
                             pointer._frameEvents |= PointerEventType.Down;
                             pointer.phase = PointerPhase.Down;
+                            pointer.pressedPosition.copyFrom(pointer.position);
                             break;
                         }
                     case "pointerup":
@@ -24866,7 +24960,7 @@ var spriteFs = "#include <common>\nuniform sampler2D renderer_SpriteTexture;\n\n
 
 var spriteVs = "uniform mat4 renderer_MVPMat;\n\nattribute vec3 POSITION;\nattribute vec2 TEXCOORD_0;\nattribute vec4 COLOR_0;\n\nvarying vec2 v_uv;\nvarying vec4 v_color;\n\nvoid main()\n{\n  gl_Position = renderer_MVPMat * vec4(POSITION, 1.0);\n\n  v_uv = TEXCOORD_0;\n  v_color = COLOR_0;\n}\n"; // eslint-disable-line
 
-var textFs = "uniform sampler2D renderElement_TextTexture;\nuniform vec4 renderer_UIRectClipRect;\nuniform float renderer_UIRectClipEnabled;\nuniform vec4 renderer_UIRectClipSoftness;\nuniform float renderer_UIRectClipHardClip;\n\nvarying vec2 v_uv;\nvarying vec4 v_color;\nvarying vec2 v_worldPosition;\n\nfloat getUIRectClipAlpha()\n{\n  vec4 edgeDistance = vec4(\n    v_worldPosition.x - renderer_UIRectClipRect.x,\n    v_worldPosition.y - renderer_UIRectClipRect.y,\n    renderer_UIRectClipRect.z - v_worldPosition.x,\n    renderer_UIRectClipRect.w - v_worldPosition.y\n  );\n  vec4 hardClipFactor = step(vec4(0.0), edgeDistance);\n  vec4 softness = max(renderer_UIRectClipSoftness, vec4(1e-5));\n  vec4 softClipFactor = clamp(edgeDistance / softness, 0.0, 1.0);\n  vec4 useSoftness = step(vec4(1e-5), renderer_UIRectClipSoftness);\n  vec4 clipFactor = mix(hardClipFactor, softClipFactor, useSoftness);\n  return clipFactor.x * clipFactor.y * clipFactor.z * clipFactor.w;\n}\n\nvoid main()\n{\n  float rectClipAlpha = 1.0;\n  if (renderer_UIRectClipEnabled > 0.5) {\n    rectClipAlpha = getUIRectClipAlpha();\n  }\n\n  vec4 texColor = texture2D(renderElement_TextTexture, v_uv);\n  #ifdef GRAPHICS_API_WEBGL2\n    float coverage = texColor.r;\n  #else\n    float coverage = texColor.a;\n  #endif\n  vec4 finalColor = vec4(v_color.rgb, v_color.a * coverage);\n  finalColor.a *= rectClipAlpha;\n  if (renderer_UIRectClipEnabled > 0.5 && renderer_UIRectClipHardClip > 0.5 && finalColor.a < 0.001) {\n    discard;\n  }\n  gl_FragColor = finalColor;\n}\n"; // eslint-disable-line
+var textFs = "uniform sampler2D renderElement_TextTexture;\nuniform vec2 renderElement_TextTextureSize;\nuniform vec4 renderer_OutlineColor;\nuniform float renderer_OutlineWidth;\n\nuniform vec4 renderer_UIRectClipRect;\nuniform float renderer_UIRectClipEnabled;\nuniform vec4 renderer_UIRectClipSoftness;\nuniform float renderer_UIRectClipHardClip;\n\nvarying vec2 v_uv;\nvarying vec4 v_color;\nvarying vec2 v_worldPosition;\n\nfloat getUIRectClipAlpha()\n{\n  vec4 edgeDistance = vec4(\n    v_worldPosition.x - renderer_UIRectClipRect.x,\n    v_worldPosition.y - renderer_UIRectClipRect.y,\n    renderer_UIRectClipRect.z - v_worldPosition.x,\n    renderer_UIRectClipRect.w - v_worldPosition.y\n  );\n  vec4 hardClipFactor = step(vec4(0.0), edgeDistance);\n  vec4 softness = max(renderer_UIRectClipSoftness, vec4(1e-5));\n  vec4 softClipFactor = clamp(edgeDistance / softness, 0.0, 1.0);\n  vec4 useSoftness = step(vec4(1e-5), renderer_UIRectClipSoftness);\n  vec4 clipFactor = mix(hardClipFactor, softClipFactor, useSoftness);\n  return clipFactor.x * clipFactor.y * clipFactor.z * clipFactor.w;\n}\n\nfloat sampleCoverage(vec2 uv)\n{\n  vec4 c = texture2D(renderElement_TextTexture, uv);\n  #ifdef GRAPHICS_API_WEBGL2\n    return c.r;\n  #else\n    return c.a;\n  #endif\n}\n\nvoid main()\n{\n  float rectClipAlpha = 1.0;\n  if (renderer_UIRectClipEnabled > 0.5) {\n    rectClipAlpha = getUIRectClipAlpha();\n  }\n\n  float coverage = sampleCoverage(v_uv);\n  vec4 finalColor;\n\n  if (renderer_OutlineWidth > 0.0) {\n    vec2 texelSize = 1.0 / renderElement_TextTextureSize;\n    vec2 step = texelSize * renderer_OutlineWidth;\n    float outlineCoverage = coverage;\n    outlineCoverage = max(outlineCoverage, sampleCoverage(v_uv + vec2( step.x,  0.0)));\n    outlineCoverage = max(outlineCoverage, sampleCoverage(v_uv + vec2(-step.x,  0.0)));\n    outlineCoverage = max(outlineCoverage, sampleCoverage(v_uv + vec2( 0.0,  step.y)));\n    outlineCoverage = max(outlineCoverage, sampleCoverage(v_uv + vec2( 0.0, -step.y)));\n    outlineCoverage = max(outlineCoverage, sampleCoverage(v_uv + vec2( step.x * 0.7071,  step.y * 0.7071)));\n    outlineCoverage = max(outlineCoverage, sampleCoverage(v_uv + vec2(-step.x * 0.7071,  step.y * 0.7071)));\n    outlineCoverage = max(outlineCoverage, sampleCoverage(v_uv + vec2( step.x * 0.7071, -step.y * 0.7071)));\n    outlineCoverage = max(outlineCoverage, sampleCoverage(v_uv + vec2(-step.x * 0.7071, -step.y * 0.7071)));\n\n    vec3 rgb = mix(renderer_OutlineColor.rgb, v_color.rgb, coverage);\n    float alpha = max(coverage * v_color.a, outlineCoverage * renderer_OutlineColor.a);\n    finalColor = vec4(rgb, alpha);\n  } else {\n    finalColor = vec4(v_color.rgb, v_color.a * coverage);\n  }\n\n  finalColor.a *= rectClipAlpha;\n  if (renderer_UIRectClipEnabled > 0.5 && renderer_UIRectClipHardClip > 0.5 && finalColor.a < 0.001) {\n    discard;\n  }\n  gl_FragColor = finalColor;\n}\n"; // eslint-disable-line
 
 var textVs = "uniform mat4 renderer_MVPMat;\nuniform mat4 renderer_ModelMat;\n\nattribute vec3 POSITION;\nattribute vec2 TEXCOORD_0;\nattribute vec4 COLOR_0;\n\nvarying vec2 v_uv;\nvarying vec4 v_color;\nvarying vec2 v_worldPosition;\n\nvoid main()\n{\n  gl_Position = renderer_MVPMat * vec4(POSITION, 1.0);\n\n  v_uv = TEXCOORD_0;\n  v_color = COLOR_0;\n  v_worldPosition = POSITION.xy;\n}\n"; // eslint-disable-line