@wcardinal/wcardinal-ui 0.393.0 → 0.395.0

package/dist/wcardinal-ui.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.393.0
+ Winter Cardinal UI v0.395.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -480,11 +480,14 @@
     };
 
     var TEXT_VERTEX_COUNT = 4;
+    var TEXT_VERTEX_COUNT_SHIFT = 2;
     var TEXT_INDEX_COUNT = 2;
+    var TEXT_INDEX_COUNT_SHIFT = 1;
     var TEXT_FMIN = 0.00001;
     var TEXT_WORK_POINT = new pixi_js.Point();
     var toTextBufferCount = function (shape) {
-        return Math.ceil(shape.text.value.length / 12) * 12;
+        var l = shape.text.value.length;
+        return ((l >> 3) + (0 < (l & 0x7) ? 1 : 0)) << 3;
     };
     var buildTextClipping = function (clippings, voffset, vcount) {
         var ic = voffset * 3 - 1;
@@ -983,7 +986,7 @@
         //
         var tx0 = 0;
         var ty0 = 0;
-        var lineWidthMaximum = NaN;
+        var lineWidthMaximum = width;
         switch (textDirection) {
             case EShapeTextDirection.LEFT_TO_RIGHT:
                 getTextBBox(textAlignHorizontal, textAlignVertical, textOffsetHorizontal, textOffsetVertical, textPaddingHorizontal, textPaddingVertical, width, height, x0, y0, x1, y1, x2, y2, x3, y3, hnx, hny, vnx, vny, work);
@@ -1418,6 +1421,27 @@
         FORMATTER_CURVE: FORMATTER_CURVE
     };
 
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var BuilderFlag = {
+        NONE: 0,
+        VERTEX: 1,
+        CLIPPING: 2,
+        STEP: 4,
+        COLOR_FILL: 8,
+        COLOR_STROKE: 16,
+        UV: 32,
+        INDEX: 64,
+        VERTEX_AND_STEP: 5,
+        VERTEX_STEP_AND_UV: 37,
+        VERTEX_STEP_AND_COLOR_FILL: 13,
+        VERTEX_CLIPPING_STEP_AND_UV: 39,
+        CLIPPING_AND_INDEX: 66,
+        ALL: 127
+    };
+
     var buildColor = function (color, alpha, voffset, vcount, colors) {
         var r = (((color >> 16) & 0xff) / 255.0) * alpha;
         var g = (((color >> 8) & 0xff) / 255.0) * alpha;
@@ -1433,6 +1457,27 @@
         }
     };
 
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var TOP$1 = 1;
+    var RIGHT$1 = 2;
+    var BOTTOM$1 = 4;
+    var LEFT$1 = 8;
+    var EShapeStrokeSide = {
+        NONE: 0,
+        TOP: TOP$1,
+        RIGHT: RIGHT$1,
+        BOTTOM: BOTTOM$1,
+        LEFT: LEFT$1,
+        TOP_OR_LEFT: TOP$1 | LEFT$1,
+        TOP_OR_RIGHT: TOP$1 | RIGHT$1,
+        BOTTOM_OR_LEFT: BOTTOM$1 | LEFT$1,
+        BOTTOM_OR_RIGHT: BOTTOM$1 | RIGHT$1,
+        ALL: TOP$1 | RIGHT$1 | BOTTOM$1 | LEFT$1
+    };
+
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
@@ -1443,29 +1488,31 @@
             this.indexOffset = indexOffset;
             this.vertexCount = vertexCount;
             this.indexCount = indexCount;
-            this.sizeX = NaN;
-            this.sizeY = NaN;
+            this.inited = BuilderFlag.NONE;
+            this.sizeX = 0;
+            this.sizeY = 0;
             this.transformLocalId = -1;
-            this.strokeAlign = NaN;
-            this.strokeWidth = NaN;
-            this.strokeSide = NaN;
-            this.strokeStyle = NaN;
-            this.colorFill = NaN;
-            this.alphaFill = -1;
-            this.colorStroke = NaN;
-            this.alphaStroke = -1;
+            this.strokeAlign = 0;
+            this.strokeWidth = 0;
+            this.strokeSide = EShapeStrokeSide.NONE;
+            this.strokeStyle = EShapeStrokeStyle.NONE;
+            this.colorFill = 0;
+            this.alphaFill = 0;
+            this.colorStroke = 0;
+            this.alphaStroke = 0;
             this.texture = null;
-            this.textureTransformId = NaN;
+            this.textureTransformId = -1;
         }
         BuilderBase.prototype.isCompatible = function (shape) {
             return true;
         };
         BuilderBase.prototype.updateColorFill = function (buffer, shape) {
             var fill = shape.fill;
-            var isEnabled = shape.visible && fill.enable;
             var color = fill.color;
-            var alpha = isEnabled ? fill.alpha : 0;
-            if (color !== this.colorFill || alpha !== this.alphaFill) {
+            var alpha = shape.visible && fill.enable ? fill.alpha : 0;
+            var isNotInited = !(this.inited & BuilderFlag.COLOR_FILL);
+            if (isNotInited || color !== this.colorFill || alpha !== this.alphaFill) {
+                this.inited |= BuilderFlag.COLOR_FILL;
                 this.colorFill = color;
                 this.alphaFill = alpha;
                 buffer.updateColorFills();
@@ -1474,10 +1521,11 @@
         };
         BuilderBase.prototype.updateColorStroke = function (buffer, shape) {
             var stroke = shape.stroke;
-            var isEnabled = shape.visible && stroke.enable && 0 < stroke.width;
             var color = stroke.color;
-            var alpha = isEnabled ? stroke.alpha : 0;
-            if (color !== this.colorStroke || alpha !== this.alphaStroke) {
+            var alpha = shape.visible && stroke.enable && 0 < stroke.width ? stroke.alpha : 0;
+            var isNotInited = !(this.inited & BuilderFlag.COLOR_STROKE);
+            if (isNotInited || color !== this.colorStroke || alpha !== this.alphaStroke) {
+                this.inited |= BuilderFlag.COLOR_STROKE;
                 this.colorStroke = color;
                 this.alphaStroke = alpha;
                 buffer.updateColorStrokes();
@@ -4704,9 +4752,9 @@
             _this._lockTransformThis = new EShapeLock();
             _this._lockTransformParent = new EShapeLock();
             _this._lockUploaded = new EShapeLock();
-            _this._boundsTransformId = NaN;
-            _this._boundsInternalTransformId = NaN;
-            _this._boundsLocalTransformId = NaN;
+            _this._boundsTransformId = -1;
+            _this._boundsInternalTransformId = -1;
+            _this._boundsLocalTransformId = -1;
             _this.interactive = false;
             //
             _this.parent = null;
@@ -4721,9 +4769,9 @@
             return new EShapeTransformImpl(this);
         };
         EShapeBase.prototype.onSizeChange = function () {
-            this._boundsTransformId = NaN;
-            this._boundsInternalTransformId = NaN;
-            this._boundsLocalTransformId = NaN;
+            this._boundsTransformId = -1;
+            this._boundsInternalTransformId = -1;
+            this._boundsLocalTransformId = -1;
             if (!this._lockTransformChild.isLocked()) {
                 this.callChildTransformChange();
             }
@@ -8120,27 +8168,6 @@
         return false;
     };
 
-    /*
-     * Copyright (C) 2019 Toshiba Corporation
-     * SPDX-License-Identifier: Apache-2.0
-     */
-    var TOP$1 = 1;
-    var RIGHT$1 = 2;
-    var BOTTOM$1 = 4;
-    var LEFT$1 = 8;
-    var EShapeStrokeSide = {
-        NONE: 0,
-        TOP: TOP$1,
-        RIGHT: RIGHT$1,
-        BOTTOM: BOTTOM$1,
-        LEFT: LEFT$1,
-        TOP_OR_LEFT: TOP$1 | LEFT$1,
-        TOP_OR_RIGHT: TOP$1 | RIGHT$1,
-        BOTTOM_OR_LEFT: BOTTOM$1 | LEFT$1,
-        BOTTOM_OR_RIGHT: BOTTOM$1 | RIGHT$1,
-        ALL: TOP$1 | RIGHT$1 | BOTTOM$1 | LEFT$1
-    };
-
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
@@ -8460,7 +8487,7 @@
         __extends(BuilderBar, _super);
         function BuilderBar(vertexOffset, indexOffset) {
             var _this = _super.call(this, vertexOffset, indexOffset, BAR_VERTEX_COUNT, BAR_INDEX_COUNT) || this;
-            _this.pointsId = NaN;
+            _this.pointsId = -1;
             _this.pointsStyle = EShapePointsStyle.NONE;
             return _this;
         }
@@ -8471,6 +8498,7 @@
             buffer.updateIndices();
             buildBarClipping(buffer.clippings, voffset);
             buildBarIndex(buffer.indices, voffset, ioffset);
+            this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
         };
         BuilderBar.prototype.update = function (buffer, shape) {
             this.updateVertexStepAndColorFill(buffer, shape);
@@ -8494,11 +8522,14 @@
                 var isPointsIdChanged = pointsId !== this.pointsId;
                 var pointsStyle = points.style;
                 var isPointsStyleChanged = pointsStyle !== this.pointsStyle;
-                if (isSizeChanged ||
+                var isNotInited = !(this.inited & BuilderFlag.VERTEX_STEP_AND_COLOR_FILL);
+                if (isNotInited ||
+                    isSizeChanged ||
                     isTransformChanged ||
                     isStrokeWidthChanged ||
                     isPointsIdChanged ||
                     isPointsStyleChanged) {
+                    this.inited |= BuilderFlag.VERTEX_STEP_AND_COLOR_FILL;
                     this.sizeX = sizeX;
                     this.sizeY = sizeY;
                     this.strokeWidth = strokeWidth;
@@ -8507,8 +8538,8 @@
                     this.pointsId = pointsId;
                     this.pointsStyle = pointsStyle;
                     if (isPointsIdChanged) {
-                        // Invalidate the texture transform ID to update the UVs
-                        this.textureTransformId = NaN;
+                        // Invalidate the UV buffer
+                        this.inited &= ~BuilderFlag.UV;
                     }
                     buffer.updateVertices();
                     buffer.updateSteps();
@@ -8520,7 +8551,11 @@
         BuilderBar.prototype.updateUv = function (buffer, shape) {
             var texture = toTexture(shape);
             var textureTransformId = toTextureTransformId(texture);
-            if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+            var isNotInited = !(this.inited & BuilderFlag.UV);
+            if (isNotInited ||
+                texture !== this.texture ||
+                textureTransformId !== this.textureTransformId) {
+                this.inited |= BuilderFlag.UV;
                 this.texture = texture;
                 this.textureTransformId = textureTransformId;
                 buffer.updateUvs();
@@ -8540,32 +8575,33 @@
             this.indexOffset = indexOffset;
             this.vertexCount = vertexCount;
             this.indexCount = indexCount;
-            this.sizeX = NaN;
-            this.sizeY = NaN;
-            this.transformLocalId = NaN;
+            this.inited = BuilderFlag.NONE;
+            this.sizeX = 0;
+            this.sizeY = 0;
+            this.transformLocalId = 0;
             this.scaleX = 1;
             this.scaleY = 1;
-            this.size = NaN;
+            this.size = 0;
             this.family = "auto";
             this.value = "";
             this.texture = null;
-            this.textureTransformId = NaN;
-            this.color = NaN;
-            this.alpha = NaN;
-            this.weight = NaN;
-            this.style = NaN;
-            this.alignHorizontal = NaN;
-            this.alignVertical = NaN;
-            this.offsetHorizontal = NaN;
-            this.offsetVertical = NaN;
-            this.outlineWidth = NaN;
-            this.outlineColor = NaN;
-            this.outlineAlpha = NaN;
-            this.spacingHorizontal = NaN;
-            this.spacingVertical = NaN;
-            this.direction = NaN;
-            this.paddingHorizontal = NaN;
-            this.paddingVertical = NaN;
+            this.textureTransformId = 0;
+            this.color = 0;
+            this.alpha = 0;
+            this.weight = 0;
+            this.style = 0;
+            this.alignHorizontal = 0;
+            this.alignVertical = 0;
+            this.offsetHorizontal = 0;
+            this.offsetVertical = 0;
+            this.outlineWidth = 0;
+            this.outlineColor = 0;
+            this.outlineAlpha = 0;
+            this.spacingHorizontal = 0;
+            this.spacingVertical = 0;
+            this.direction = 0;
+            this.paddingHorizontal = 0;
+            this.paddingVertical = 0;
             this.clipping = false;
             this.fitting = false;
         }
@@ -8580,9 +8616,10 @@
                 buffer.updateIndices();
                 buildTextIndex(buffer.indices, voffset, this.indexOffset, this.indexCount);
             }
+            this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
         };
         BuilderText.prototype.isCompatible = function (shape) {
-            return toTextBufferCount(shape) * TEXT_VERTEX_COUNT === this.vertexCount;
+            return toTextBufferCount(shape) << TEXT_VERTEX_COUNT_SHIFT === this.vertexCount;
         };
         BuilderText.prototype.update = function (buffer, shape) {
             var vcount = this.vertexCount;
@@ -8636,7 +8673,9 @@
             var isClippingChanged = this.clipping !== textClipping;
             var isFittingChanged = this.fitting !== textFitting;
             var isTextureChanged = textTexture !== this.texture || textTextureTransformId !== this.textureTransformId;
-            if (isSizeChanged ||
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX);
+            if (isNotInited ||
+                isSizeChanged ||
                 isTransformChanged ||
                 isCharChanged ||
                 isCharSizeChanged ||
@@ -8648,6 +8687,7 @@
                 isClippingChanged ||
                 isFittingChanged ||
                 isTextureChanged) {
+                this.inited |= BuilderFlag.VERTEX;
                 this.size = textSize;
                 this.family = textFamily;
                 this.value = textValue;
@@ -8666,8 +8706,8 @@
                 this.texture = textTexture;
                 this.textureTransformId = textTextureTransformId;
                 if (isCharSizeChanged || isFittingChanged || (textFitting && isSizeChanged)) {
-                    // Invalidate the text weight to update the text steps.
-                    this.weight = NaN;
+                    // Invalidate the step buffer.
+                    this.inited &= ~BuilderFlag.STEP;
                 }
                 // Vertices & UVs
                 buffer.updateVertices();
@@ -8685,7 +8725,9 @@
             var text = shape.text;
             var color = text.color;
             var alpha = shape.visible && text.enable ? text.alpha : 0;
-            if (color !== this.color || alpha !== this.alpha) {
+            var isNotInited = !(this.inited & BuilderFlag.COLOR_FILL);
+            if (isNotInited || color !== this.color || alpha !== this.alpha) {
+                this.inited |= BuilderFlag.COLOR_FILL;
                 this.color = color;
                 this.alpha = alpha;
                 buffer.updateColorFills();
@@ -8697,7 +8739,9 @@
             var outline = text.outline;
             var color = outline.color;
             var alpha = shape.visible && text.enable ? outline.alpha : 0;
-            if (color !== this.outlineColor || alpha !== this.outlineAlpha) {
+            var isNotInited = !(this.inited & BuilderFlag.COLOR_STROKE);
+            if (isNotInited || color !== this.outlineColor || alpha !== this.outlineAlpha) {
+                this.inited |= BuilderFlag.COLOR_STROKE;
                 this.outlineColor = color;
                 this.outlineAlpha = alpha;
                 buffer.updateColorStrokes();
@@ -8720,7 +8764,9 @@
             }
             var isScaleChanged = TEXT_FMIN < Math.abs(this.scaleX - scaleX) ||
                 TEXT_FMIN < Math.abs(this.scaleY - scaleY);
-            if (isWeightChanged || isOutlineWidthChanged || isScaleChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.STEP);
+            if (isNotInited || isWeightChanged || isOutlineWidthChanged || isScaleChanged) {
+                this.inited |= BuilderFlag.STEP;
                 this.weight = textWeight;
                 this.outlineWidth = textOutlineWidth;
                 this.scaleX = scaleX;
@@ -8748,8 +8794,8 @@
      */
     var createBarUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var vcount = BAR_VERTEX_COUNT + tvcount;
         var icount = BAR_INDEX_COUNT + ticount;
         if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -11852,7 +11898,7 @@
                 var w = this._width;
                 var h = this._height;
                 var r = Math.min(0.5 * w, 0.5 * h, this._cornerRadius);
-                var a = 1 / resolution;
+                var a = 0.5 / resolution;
                 var x0 = 0;
                 var x1 = r;
                 var x2 = w - r;
@@ -11885,7 +11931,7 @@
                     this.fillVertices(vertices, uvs, iv, iuv, n, x1, y1, r, a, tlt);
                 }
                 else {
-                    this.fillVertices(vertices, uvs, iv, iuv, n, x0, y0, 0, 0, tlt);
+                    this.fillVertices(vertices, uvs, iv, iuv, n, x0, y0, 0, a, tlt);
                 }
                 this.fillIndices(indices, ia, ii, n);
                 iv += n4;
@@ -11897,7 +11943,7 @@
                     this.fillVertices(vertices, uvs, iv, iuv, n, x2, y1, r, a, ttr);
                 }
                 else {
-                    this.fillVertices(vertices, uvs, iv, iuv, n, x3, y0, 0, 0, ttr);
+                    this.fillVertices(vertices, uvs, iv, iuv, n, x3, y0, 0, a, ttr);
                 }
                 this.fillIndices(indices, ia, ii, n);
                 iv += n4;
@@ -11909,7 +11955,7 @@
                     this.fillVertices(vertices, uvs, iv, iuv, n, x2, y2, r, a, trb);
                 }
                 else {
-                    this.fillVertices(vertices, uvs, iv, iuv, n, x3, y3, 0, 0, trb);
+                    this.fillVertices(vertices, uvs, iv, iuv, n, x3, y3, 0, a, trb);
                 }
                 this.fillIndices(indices, ia, ii, n);
                 iv += n4;
@@ -11921,7 +11967,7 @@
                     this.fillVertices(vertices, uvs, iv, iuv, n, x1, y2, r, a, tbl);
                 }
                 else {
-                    this.fillVertices(vertices, uvs, iv, iuv, n, x0, y3, 0, 0, tbl);
+                    this.fillVertices(vertices, uvs, iv, iuv, n, x0, y3, 0, a, tbl);
                 }
                 this.fillIndicesEnd(indices, ia, ii, n);
                 iv += n4;
@@ -12107,30 +12153,53 @@
             var r3 = r2 + dr;
             var cos = table.cos;
             var sin = table.sin;
-            if (r0 < 0) {
-                var m = n >> 1;
-                var c0 = cos[m];
-                var s0 = sin[m];
-                if (r1 < 0) {
-                    for (var i = 0; i < n; ++i) {
-                        var c = cos[i];
-                        var s = sin[i];
-                        vertices[++iv] = x + c0 * r0;
-                        vertices[++iv] = y + s0 * r0;
-                        vertices[++iv] = x + c0 * r1;
-                        vertices[++iv] = y + s0 * r1;
-                        vertices[++iv] = x + c * r2;
-                        vertices[++iv] = y + s * r2;
-                        vertices[++iv] = x + c * r3;
-                        vertices[++iv] = y + s * r3;
-                        uvs[++iuv] = 0.5 * (1 + c);
-                        uvs[++iuv] = 0.5 * (1 + s);
-                        uvs[++iuv] = 0.5;
-                        uvs[++iuv] = 0.5;
-                        uvs[++iuv] = 0.5;
-                        uvs[++iuv] = 0.5;
-                        uvs[++iuv] = 0.5 * (1 + c);
-                        uvs[++iuv] = 0.5 * (1 + s);
+            if (r0 <= 0) {
+                var c0 = cos[0] + cos[n - 1];
+                var s0 = sin[0] + sin[n - 1];
+                if (r1 <= 0) {
+                    if (r <= 0) {
+                        for (var i = 0; i < n; ++i) {
+                            var c = cos[i];
+                            var s = sin[i];
+                            vertices[++iv] = x + c0 * r0;
+                            vertices[++iv] = y + s0 * r0;
+                            vertices[++iv] = x + c0 * r1;
+                            vertices[++iv] = y + s0 * r1;
+                            vertices[++iv] = x + c0 * r2;
+                            vertices[++iv] = y + s0 * r2;
+                            vertices[++iv] = x + c0 * r3;
+                            vertices[++iv] = y + s0 * r3;
+                            uvs[++iuv] = 0.5 * (1 + c);
+                            uvs[++iuv] = 0.5 * (1 + s);
+                            uvs[++iuv] = 0.5;
+                            uvs[++iuv] = 0.5;
+                            uvs[++iuv] = 0.5;
+                            uvs[++iuv] = 0.5;
+                            uvs[++iuv] = 0.5 * (1 + c);
+                            uvs[++iuv] = 0.5 * (1 + s);
+                        }
+                    }
+                    else {
+                        for (var i = 0; i < n; ++i) {
+                            var c = cos[i];
+                            var s = sin[i];
+                            vertices[++iv] = x + c0 * r0;
+                            vertices[++iv] = y + s0 * r0;
+                            vertices[++iv] = x + c0 * r1;
+                            vertices[++iv] = y + s0 * r1;
+                            vertices[++iv] = x + c * r2;
+                            vertices[++iv] = y + s * r2;
+                            vertices[++iv] = x + c * r3;
+                            vertices[++iv] = y + s * r3;
+                            uvs[++iuv] = 0.5 * (1 + c);
+                            uvs[++iuv] = 0.5 * (1 + s);
+                            uvs[++iuv] = 0.5;
+                            uvs[++iuv] = 0.5;
+                            uvs[++iuv] = 0.5;
+                            uvs[++iuv] = 0.5;
+                            uvs[++iuv] = 0.5 * (1 + c);
+                            uvs[++iuv] = 0.5 * (1 + s);
+                        }
                     }
                 }
                 else {
@@ -12287,7 +12356,7 @@
                 var h = this._height;
                 var bw = this._borderWidth;
                 var r = Math.min(0.5 * w, 0.5 * h, this._cornerRadius);
-                var a = 1 / resolution;
+                var a = 0.5 / resolution;
                 var x0 = 0;
                 var x1 = r;
                 var x2 = w - r;
@@ -12326,15 +12395,15 @@
                         this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y1, r, a, bw, tlt);
                     }
                     else {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y1, r, 0, 0, tlt);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y1, r, a, 0, tlt);
                     }
                 }
                 else {
                     if (bl || bt) {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y0, 0, 0, bw, tlt);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y0, 0, a, bw, tlt);
                     }
                     else {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y0, 0, 0, 0, tlt);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y0, 0, a, 0, tlt);
                     }
                 }
                 this.fillIndices(indices, ia, ii, n, bt, false);
@@ -12348,15 +12417,15 @@
                         this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y1, r, a, bw, ttr);
                     }
                     else {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y1, r, 0, 0, ttr);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y1, r, a, 0, ttr);
                     }
                 }
                 else {
                     if (bt || br) {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y0, 0, 0, bw, ttr);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y0, 0, a, bw, ttr);
                     }
                     else {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y0, 0, 0, 0, ttr);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y0, 0, a, 0, ttr);
                     }
                 }
                 this.fillIndices(indices, ia, ii, n, br, false);
@@ -12370,15 +12439,15 @@
                         this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y2, r, a, bw, trb);
                     }
                     else {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y2, r, 0, 0, trb);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x2, y2, r, a, 0, trb);
                     }
                 }
                 else {
                     if (br || bb) {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y3, 0, 0, bw, trb);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y3, 0, a, bw, trb);
                     }
                     else {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y3, 0, 0, 0, trb);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x3, y3, 0, a, 0, trb);
                     }
                 }
                 this.fillIndices(indices, ia, ii, n, bb, false);
@@ -12392,15 +12461,15 @@
                         this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y2, r, a, bw, tbl);
                     }
                     else {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y2, r, 0, 0, tbl);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x1, y2, r, a, 0, tbl);
                     }
                 }
                 else {
                     if (bb || bl) {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y3, 0, 0, bw, tbl);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y3, 0, a, bw, tbl);
                     }
                     else {
-                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y3, 0, 0, 0, tbl);
+                        this.fillVertices(vrtcs, uvs, iv, iuv, n, x0, y3, 0, a, 0, tbl);
                     }
                 }
                 this.fillIndices(indices, ia, ii, n, bl, true);
@@ -12599,7 +12668,7 @@
                     outlineMesh.y = -outlineOffset;
                     outlineMesh.width = width + outlineOffset * 2;
                     outlineMesh.height = height + outlineOffset * 2;
-                    outlineMesh.cornerRadius = cornerRadius;
+                    outlineMesh.cornerRadius = Math.max(0, cornerRadius + outlineOffset);
                     outlineMesh.cornerMask = cornerMask;
                     outlineMesh.borderWidth = outlineWidth;
                     outlineMesh.borderMask = outlineMask;
@@ -21969,9 +22038,9 @@
             _this._atlas = null;
             _this._fontAtlases = new DynamicSDFFontAtlases();
             _this._pixelScale = 1;
-            _this._pixelScaleId = NaN;
+            _this._pixelScaleId = -2; // Since this._shapeScaleId starts from -1.
             _this._shapeScale = 1;
-            _this._shapeScaleId = NaN;
+            _this._shapeScaleId = -1; // Since PIXI.Transform._worldID starts from zero.
             _this._work = new pixi_js.Point();
             _this._buffers = [];
             return _this;
@@ -24305,7 +24374,7 @@
             this.cursor = shape.cursor;
             this.reset = EShapeRuntimeReset.NONE;
             this.written = EShapeRuntimeReset.NONE;
-            this.effect = NaN;
+            this.effect = -1;
             this.isStateChanged = false;
             this.interactive = false;
         }
@@ -24635,12 +24704,13 @@
         };
         EShapeRuntimeImpl.prototype.update = function (shape, time) {
             var data = shape.data;
-            var isEffectTimeUp = this.effect <= time;
+            var effect = this.effect;
+            var isEffectTimeUp = 0 <= effect && effect <= time;
             if (data.isChanged || this.isStateChanged || isEffectTimeUp) {
                 this.isStateChanged = false;
                 data.isChanged = false;
                 if (isEffectTimeUp) {
-                    this.effect = NaN;
+                    this.effect = -1;
                 }
                 shape.lock(EShapeLockPart.UPLOADED);
                 this.onUpdate(shape, time);
@@ -35718,13 +35788,14 @@
         __extends(BuilderRectangleRounded, _super);
         function BuilderRectangleRounded(vertexOffset, indexOffset, vertexCount, indexCount) {
             var _this = _super.call(this, vertexOffset, indexOffset, vertexCount, indexCount) || this;
-            _this.radius = NaN;
-            _this.corner = NaN;
+            _this.radius = 0;
+            _this.corner = 0;
             return _this;
         }
         BuilderRectangleRounded.prototype.init = function (buffer) {
             buffer.updateIndices();
             buildRectangleRoundedIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+            this.inited |= BuilderFlag.INDEX;
         };
         BuilderRectangleRounded.prototype.update = function (buffer, shape) {
             this.updateVertexClippingStepAndUv(buffer, shape);
@@ -35754,7 +35825,13 @@
             var textureTransformId = toTextureTransformId(texture);
             var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
             var isVertexChanged = isSizeChanged || isStrokeChanged;
-            if (isVertexChanged || isTransformChanged || isCornerChanged || isTextureChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+            if (isNotInited ||
+                isVertexChanged ||
+                isTransformChanged ||
+                isCornerChanged ||
+                isTextureChanged) {
+                this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.radius = radius;
@@ -35771,17 +35848,17 @@
                 buffer.updateVertices();
                 buildRectangleRoundedVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, radius, shape.transform.internalTransform, RECTANGLE_ROUNDED_WORLD_SIZE);
                 // Steps
-                if (isVertexChanged || isCornerChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isCornerChanged || isTransformChanged) {
                     buffer.updateSteps();
                     buildRectangleRoundedStep(buffer.steps, voffset, strokeWidth, strokeSide, strokeStyle, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
                 }
                 // Clippings
-                if (isVertexChanged || isCornerChanged) {
+                if (isNotInited || isVertexChanged || isCornerChanged) {
                     buffer.updateClippings();
                     buildRectangleRoundedClipping(buffer.clippings, voffset, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
                 }
                 // UVs
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buffer.updateUvs();
                     buildRectangleRoundedUv(buffer.uvs, voffset, toTextureUvs(texture), RECTANGLE_ROUNDED_WORLD_SIZE);
                 }
@@ -35796,8 +35873,8 @@
      */
     var createRectangleRoundedUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var vcount = RECTANGLE_ROUNDED_VERTEX_COUNT + tvcount;
         var icount = RECTANGLE_ROUNDED_INDEX_COUNT + ticount;
         if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -36683,6 +36760,7 @@
             var voffset = this.vertexOffset;
             buildCircleClipping(buffer.clippings, voffset);
             buildCircleIndex(buffer.indices, voffset, this.indexOffset);
+            this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
         };
         BuilderCircle.prototype.update = function (buffer, shape) {
             this.updateVertexAndStep(buffer, shape);
@@ -36704,7 +36782,9 @@
             var isStrokeChanged = this.strokeAlign !== strokeAlign ||
                 this.strokeWidth !== strokeWidth ||
                 this.strokeStyle !== strokeStyle;
-            if (isSizeChanged || isTransformChanged || isStrokeChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_AND_STEP);
+            if (isNotInited || isSizeChanged || isTransformChanged || isStrokeChanged) {
+                this.inited |= BuilderFlag.VERTEX_AND_STEP;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.transformLocalId = transformLocalId;
@@ -36721,7 +36801,11 @@
         BuilderCircle.prototype.updateUv = function (buffer, shape) {
             var texture = toTexture(shape);
             var textureTransformId = toTextureTransformId(texture);
-            if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+            var isNotInited = !(this.inited & BuilderFlag.UV);
+            if (isNotInited ||
+                texture !== this.texture ||
+                textureTransformId !== this.textureTransformId) {
+                this.inited |= BuilderFlag.UV;
                 this.texture = texture;
                 this.textureTransformId = textureTransformId;
                 buffer.updateUvs();
@@ -36738,8 +36822,8 @@
      */
     var createCircleUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var vcount = CIRCLE_VERTEX_COUNT + tvcount;
         var icount = CIRCLE_INDEX_COUNT + ticount;
         if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -37183,6 +37267,7 @@
         BuilderLine.prototype.init = function (buffer) {
             buffer.updateIndices();
             buildLineIndex(buffer.indices, this.vertexOffset, this.indexOffset, this.indexCount);
+            this.inited |= BuilderFlag.INDEX;
         };
         BuilderLine.prototype.isCompatible = function (shape) {
             var vcount = toLineVertexCount(toLinePointCount(shape.points), true);
@@ -37199,10 +37284,12 @@
             if (points) {
                 var formatted = points.formatted;
                 var pointCount = formatted.length;
-                if (this.pointCount !== pointCount) {
+                var isNotInited = !(this.inited & BuilderFlag.CLIPPING);
+                if (isNotInited || this.pointCount !== pointCount) {
+                    this.inited |= BuilderFlag.CLIPPING;
                     this.pointCount = pointCount;
-                    // Invalidate the pointId to update the vertices
-                    this.pointId = -1;
+                    // Invalidate the vertex buffer
+                    this.inited &= ~BuilderFlag.VERTEX;
                     buffer.updateClippings();
                     buildLineClipping(buffer.clippings, this.vertexOffset, this.vertexCount, pointCount);
                 }
@@ -37221,15 +37308,17 @@
                 var isStrokeWidthChanged = this.strokeWidth !== strokeWidth || this.strokeStyle !== strokeStyle;
                 var transformLocalId = toTransformLocalId(shape);
                 var isTransformChanged = this.transformLocalId !== transformLocalId;
-                if (isPointChanged || isTransformChanged || isStrokeWidthChanged) {
+                var isNotInited = !(this.inited & BuilderFlag.VERTEX_STEP_AND_COLOR_FILL);
+                if (isNotInited || isPointChanged || isTransformChanged || isStrokeWidthChanged) {
+                    this.inited |= BuilderFlag.VERTEX_STEP_AND_COLOR_FILL;
                     this.pointId = pointId;
                     this.pointsClosed = pointsClosed;
                     this.strokeWidth = strokeWidth;
                     this.strokeStyle = strokeStyle;
                     this.transformLocalId = transformLocalId;
                     if (isPointChanged) {
-                        // Invalidate the texture transform ID to update the UVs
-                        this.textureTransformId = NaN;
+                        // Invalidate the UV buffer
+                        this.inited &= ~BuilderFlag.UV;
                     }
                     buffer.updateVertices();
                     buffer.updateSteps();
@@ -37241,7 +37330,11 @@
         BuilderLine.prototype.updateLineUv = function (buffer, shape) {
             var texture = toTexture(shape);
             var textureTransformId = toTextureTransformId(texture);
-            if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+            var isNotInited = !(this.inited & BuilderFlag.UV);
+            if (isNotInited ||
+                texture !== this.texture ||
+                textureTransformId !== this.textureTransformId) {
+                this.inited |= BuilderFlag.UV;
                 this.texture = texture;
                 this.textureTransformId = textureTransformId;
                 buffer.updateUvs();
@@ -37411,7 +37504,9 @@
             var isEnabled = shape.visible && fill.enable;
             var color = fill.color;
             var alpha = isEnabled ? fill.alpha : 0;
-            if (color !== this.colorFill || alpha !== this.alphaFill) {
+            var isNotInited = !(this.inited & BuilderFlag.COLOR_FILL);
+            if (isNotInited || color !== this.colorFill || alpha !== this.alphaFill) {
+                this.inited |= BuilderFlag.COLOR_FILL;
                 this.colorFill = color;
                 this.alphaFill = alpha;
                 buffer.updateColorFills();
@@ -37437,6 +37532,7 @@
             buffer.updateIndices();
             buildTriangleClipping(buffer.clippings, this.vertexOffset);
             buildTriangleIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+            this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
         };
         BuilderMarkerTriangle.prototype.update = function (buffer, shape) {
             this.updateVertexStepAndUv(buffer, shape);
@@ -37473,7 +37569,13 @@
             var isVertexChanged = isSizeChanged || isStrokeChanged;
             var pointId = points.id;
             var isPointChanged = pointId !== this.pointId;
-            if (isVertexChanged || isTransformChanged || isTextureChanged || isPointChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_STEP_AND_UV);
+            if (isNotInited ||
+                isVertexChanged ||
+                isTransformChanged ||
+                isTextureChanged ||
+                isPointChanged) {
+                this.inited |= BuilderFlag.VERTEX_STEP_AND_UV;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.transformLocalId = transformLocalId;
@@ -37488,11 +37590,11 @@
                 internalTransform.copyFrom(marker.transform).prepend(shape.transform.internalTransform);
                 buffer.updateVertices();
                 buildTriangleVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, internalTransform, TRIANGLE_WORLD_SIZE);
-                if (isVertexChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged) {
                     buffer.updateSteps();
                     buildTriangleStep(buffer.steps, buffer.clippings, voffset, TRIANGLE_VERTEX_COUNT, strokeWidth, strokeStyle, TRIANGLE_WORLD_SIZE);
                 }
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buffer.updateUvs();
                     buildTriangleUv(buffer.uvs, toTextureUvs(texture), voffset, TRIANGLE_WORLD_SIZE);
                 }
@@ -37548,6 +37650,7 @@
             var vertexOffset = this.vertexOffset;
             buildCircleClipping(buffer.clippings, vertexOffset);
             buildCircleIndex(buffer.indices, vertexOffset, this.indexOffset);
+            this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
         };
         BuilderMarkerCircle.prototype.update = function (buffer, shape) {
             this.updateVertexAndStep(buffer, shape);
@@ -37581,7 +37684,13 @@
                 this.strokeStyle !== strokeStyle;
             var pointId = points.id;
             var isPointChanged = pointId !== this.pointId;
-            if (isSizeChanged || isTransformChanged || isStrokeChanged || isPointChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_AND_STEP);
+            if (isNotInited ||
+                isSizeChanged ||
+                isTransformChanged ||
+                isStrokeChanged ||
+                isPointChanged) {
+                this.inited |= BuilderFlag.VERTEX_AND_STEP;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.transformLocalId = transformLocalId;
@@ -37601,7 +37710,11 @@
         BuilderMarkerCircle.prototype.updateUv = function (buffer, shape) {
             var texture = toTexture(shape);
             var textureTransformId = toTextureTransformId(texture);
-            if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+            var isNotInited = !(this.inited & BuilderFlag.UV);
+            if (isNotInited ||
+                texture !== this.texture ||
+                textureTransformId !== this.textureTransformId) {
+                this.inited |= BuilderFlag.UV;
                 this.texture = texture;
                 this.textureTransformId = textureTransformId;
                 buffer.updateUvs();
@@ -38098,6 +38211,7 @@
         BuilderMarkerRectangle.prototype.init = function (buffer) {
             buffer.updateIndices();
             buildRectangleIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+            this.inited |= BuilderFlag.INDEX;
         };
         BuilderMarkerRectangle.prototype.update = function (buffer, shape) {
             this.updateVertexClippingStepAndUv(buffer, shape);
@@ -38136,7 +38250,13 @@
             var isVertexChanged = isSizeChanged || isStrokeChanged;
             var pointId = points.id;
             var isPointChanged = pointId !== this.pointId;
-            if (isVertexChanged || isTransformChanged || isTextureChanged || isPointChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+            if (isNotInited ||
+                isVertexChanged ||
+                isTransformChanged ||
+                isTextureChanged ||
+                isPointChanged) {
+                this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.transformLocalId = transformLocalId;
@@ -38153,17 +38273,17 @@
                 buffer.updateVertices();
                 buildRectangleVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, internalTransform, RECTANGLE_WORLD_SIZE);
                 // Steps
-                if (isVertexChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged) {
                     buffer.updateSteps();
                     buildRectangleStep(voffset, buffer.steps, strokeWidth, strokeSide, strokeStyle, RECTANGLE_WORLD_SIZE);
                 }
                 // Clippings
-                if (isVertexChanged) {
+                if (isNotInited || isVertexChanged) {
                     buffer.updateClippings();
                     buildRectangleClipping(buffer.clippings, voffset, RECTANGLE_WORLD_SIZE);
                 }
                 // UVs
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buffer.updateUvs();
                     buildRectangleUv(buffer.uvs, voffset, toTextureUvs(texture), RECTANGLE_WORLD_SIZE);
                 }
@@ -38284,8 +38404,8 @@
         var mhioffset = mtioffset + mticount;
         // Text
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var tvoffset = mhvoffset + mhvcount;
         var tioffset = mhioffset + mhicount;
         // Uploaded
@@ -38801,6 +38921,7 @@
         BuilderRectanglePivoted.prototype.init = function (buffer) {
             buffer.updateIndices();
             buildRectangleIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+            this.inited |= BuilderFlag.INDEX;
         };
         BuilderRectanglePivoted.prototype.update = function (buffer, shape) {
             this.updateVertexClippingStepAndUv(buffer, shape);
@@ -38827,7 +38948,9 @@
             var textureTransformId = toTextureTransformId(texture);
             var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
             var isVertexChanged = isSizeChanged || isStrokeChanged;
-            if (isVertexChanged || isTransformChanged || isTextureChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+            if (isNotInited || isVertexChanged || isTransformChanged || isTextureChanged) {
+                this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.transformLocalId = transformLocalId;
@@ -38842,17 +38965,17 @@
                 buffer.updateVertices();
                 buildRectangleVertex(buffer.vertices, voffset, 0.5 * sizeX, 0.5 * sizeY, sizeX, sizeY, strokeAlign, strokeWidth, shape.transform.internalTransform, RECTANGLE_WORLD_SIZE);
                 // Steps
-                if (isVertexChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged) {
                     buffer.updateSteps();
                     buildRectangleStep(voffset, buffer.steps, strokeWidth, strokeSide, strokeStyle, RECTANGLE_WORLD_SIZE);
                 }
                 // Clippings
-                if (isVertexChanged) {
+                if (isNotInited || isVertexChanged) {
                     buffer.updateClippings();
                     buildRectangleClipping(buffer.clippings, voffset, RECTANGLE_WORLD_SIZE);
                 }
                 // UVs
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buffer.updateUvs();
                     buildRectangleUv(buffer.uvs, voffset, toTextureUvs(texture), RECTANGLE_WORLD_SIZE);
                 }
@@ -38867,8 +38990,8 @@
      */
     var createRectanglePivotedUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var vcount = RECTANGLE_VERTEX_COUNT + tvcount;
         var icount = RECTANGLE_INDEX_COUNT + ticount;
         if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -38886,8 +39009,8 @@
      */
     var createGroupUploaded = function (buffer, shape, voffset, ioffset) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var vcount = tvcount;
         var icount = ticount;
         if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -39887,6 +40010,7 @@
         BuilderRectangle.prototype.init = function (buffer) {
             buffer.updateIndices();
             buildRectangleIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+            this.inited |= BuilderFlag.INDEX;
         };
         BuilderRectangle.prototype.update = function (buffer, shape) {
             this.updateVertexClippingStepAndUv(buffer, shape);
@@ -39913,7 +40037,9 @@
             var textureTransformId = toTextureTransformId(texture);
             var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
             var isVertexChanged = isSizeChanged || isStrokeChanged;
-            if (isVertexChanged || isTransformChanged || isTextureChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+            if (isNotInited || isVertexChanged || isTransformChanged || isTextureChanged) {
+                this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.transformLocalId = transformLocalId;
@@ -39928,17 +40054,17 @@
                 buffer.updateVertices();
                 buildRectangleVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, shape.transform.internalTransform, RECTANGLE_WORLD_SIZE);
                 // Steps
-                if (isVertexChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged) {
                     buffer.updateSteps();
                     buildRectangleStep(voffset, buffer.steps, strokeWidth, strokeSide, strokeStyle, RECTANGLE_WORLD_SIZE);
                 }
                 // Clippings
-                if (isVertexChanged) {
+                if (isNotInited || isVertexChanged) {
                     buffer.updateClippings();
                     buildRectangleClipping(buffer.clippings, voffset, RECTANGLE_WORLD_SIZE);
                 }
                 // UVs
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buffer.updateUvs();
                     buildRectangleUv(buffer.uvs, voffset, toTextureUvs(texture), RECTANGLE_WORLD_SIZE);
                 }
@@ -39953,8 +40079,8 @@
      */
     var createRectangleUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var vcount = RECTANGLE_VERTEX_COUNT + tvcount;
         var icount = RECTANGLE_INDEX_COUNT + ticount;
         if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -40207,6 +40333,7 @@
             buffer.updateIndices();
             buildImageSdfClipping(buffer.clippings, voffset);
             buildImageSdfIndex(buffer.indices, voffset, this.indexOffset);
+            this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
         };
         BuilderImageSdf.prototype.update = function (buffer, shape) {
             this.updateVertexAndStep(buffer, shape);
@@ -40232,7 +40359,13 @@
             var textureWidth = texture.width * texture.resolution;
             var textureHeight = texture.height * texture.resolution;
             var isTextureSizeChanged = this.textureWidth !== textureWidth || this.textureHeight !== textureHeight;
-            if (isSizeChanged || isTransformChanged || isStrokeChanged || isTextureSizeChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_AND_STEP);
+            if (isNotInited ||
+                isSizeChanged ||
+                isTransformChanged ||
+                isStrokeChanged ||
+                isTextureSizeChanged) {
+                this.inited |= BuilderFlag.VERTEX_AND_STEP;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.transformLocalId = transformLocalId;
@@ -40252,7 +40385,11 @@
         BuilderImageSdf.prototype.updateUv = function (buffer, shape) {
             var texture = toTexture(shape);
             var textureTransformId = toTextureTransformId(texture);
-            if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+            var isNotInited = !(this.inited & BuilderFlag.UV);
+            if (isNotInited ||
+                texture !== this.texture ||
+                textureTransformId !== this.textureTransformId) {
+                this.inited |= BuilderFlag.UV;
                 this.texture = texture;
                 this.textureTransformId = textureTransformId;
                 buffer.updateUvs();
@@ -40268,8 +40405,8 @@
      */
     var createImageSdfUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var vcount = IMAGE_SDF_VERTEX_COUNT + tvcount;
         var icount = IMAGE_SDF_INDEX_COUNT + ticount;
         if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -40353,8 +40490,8 @@
      */
     var createLabelUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var vcount = tvcount;
         var icount = ticount;
         if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -40591,7 +40728,9 @@
             var colorStroke = stroke.color;
             var alphaStroke = isStrokeEnabled ? stroke.alpha : 0;
             var isStrokeChanged = colorStroke !== this.colorStroke || alphaStroke !== this.alphaStroke;
-            if (isPointStrokeChanged || isStrokeChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.COLOR_STROKE);
+            if (isNotInited || isPointStrokeChanged || isStrokeChanged) {
+                this.inited |= BuilderFlag.COLOR_STROKE;
                 this.colorStroke = colorStroke;
                 this.alphaStroke = alphaStroke;
                 this.pointStrokeId = pointStrokeId;
@@ -41300,6 +41439,7 @@
                 buildCircleIndex(indices, voffset, ioffset);
                 copyIndex(indices, CIRCLE_VERTEX_COUNT, ioffset, CIRCLE_INDEX_COUNT, pointCountReserved);
             }
+            this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
         };
         BuilderLineOfCircles.prototype.update = function (buffer, shape) {
             var points = shape.points;
@@ -41331,11 +41471,14 @@
             var isStrokeChanged = this.strokeAlign !== strokeAlign ||
                 this.strokeWidth !== strokeWidth ||
                 this.strokeStyle !== strokeStyle;
-            if (isPointChanged ||
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_AND_STEP);
+            if (isNotInited ||
+                isPointChanged ||
                 isPointSizeChanged ||
                 isSizeChanged ||
                 isTransformChanged ||
                 isStrokeChanged) {
+                this.inited |= BuilderFlag.VERTEX_AND_STEP;
                 this.pointId = pointId;
                 var formatted = points.formatted;
                 this.pointCount = formatted.length;
@@ -41388,7 +41531,11 @@
         BuilderLineOfCircles.prototype.updateUv = function (buffer, shape) {
             var texture = toTexture(shape);
             var textureTransformId = toTextureTransformId(texture);
-            if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+            var isNotInited = !(this.inited & BuilderFlag.UV);
+            if (isNotInited ||
+                texture !== this.texture ||
+                textureTransformId !== this.textureTransformId) {
+                this.inited |= BuilderFlag.UV;
                 this.texture = texture;
                 this.textureTransformId = textureTransformId;
                 buffer.updateUvs();
@@ -41411,8 +41558,8 @@
      */
     var createLineOfAnyUploaded = function (buffer, shape, voffset, vcountPerPoint, ioffset, icountPerPoint, antialiasWeight, constructor) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var points = shape.points;
         var pointCount = toLineOfAnyPointCount(toPointsCount(points));
         var pvcount = pointCount * vcountPerPoint;
@@ -41507,8 +41654,8 @@
         __extends(BuilderLineOfRectangleRoundeds, _super);
         function BuilderLineOfRectangleRoundeds(vertexOffset, indexOffset, vertexCount, indexCount, pointCountReserved) {
             var _this = _super.call(this, vertexOffset, indexOffset, vertexCount, indexCount, pointCountReserved) || this;
-            _this.radius = NaN;
-            _this.corner = NaN;
+            _this.radius = 0;
+            _this.corner = 0;
             return _this;
         }
         BuilderLineOfRectangleRoundeds.prototype.init = function (buffer) {
@@ -41521,6 +41668,7 @@
                 buildRectangleRoundedIndex(indices, voffset, ioffset);
                 copyIndex(indices, RECTANGLE_ROUNDED_VERTEX_COUNT, ioffset, RECTANGLE_ROUNDED_INDEX_COUNT, pointCountReserved);
             }
+            this.inited |= BuilderFlag.INDEX;
         };
         BuilderLineOfRectangleRoundeds.prototype.update = function (buffer, shape) {
             var points = shape.points;
@@ -41560,7 +41708,13 @@
             var textureTransformId = toTextureTransformId(texture);
             var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
             var isVertexChanged = isPointChanged || isPointSizeChanged || isSizeChanged || isStrokeChanged;
-            if (isVertexChanged || isTransformChanged || isCornerChanged || isTextureChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+            if (isNotInited ||
+                isVertexChanged ||
+                isTransformChanged ||
+                isCornerChanged ||
+                isTextureChanged) {
+                this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
                 this.pointId = pointId;
                 var formatted = points.formatted;
                 this.pointCount = formatted.length;
@@ -41579,13 +41733,13 @@
                 this.textureTransformId = textureTransformId;
                 // Buffer
                 buffer.updateVertices();
-                if (isVertexChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged) {
                     buffer.updateSteps();
                 }
-                if (isVertexChanged || isCornerChanged) {
+                if (isNotInited || isVertexChanged || isCornerChanged) {
                     buffer.updateClippings();
                 }
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buffer.updateUvs();
                 }
                 var pointCount = this.pointCount;
@@ -41604,17 +41758,17 @@
                     buildRectangleRoundedVertex(vertices, voffset, 0, 0, pointSizeX, pointSizeY, strokeAlign, strokeWidth, radius, internalTransform, RECTANGLE_ROUNDED_WORLD_SIZE);
                     copyVertex(vertices, internalTransform, voffset, RECTANGLE_ROUNDED_VERTEX_COUNT, pointCount, pointsValues, pointOffset);
                     // Steps
-                    if (isVertexChanged || isTransformChanged) {
+                    if (isNotInited || isVertexChanged || isTransformChanged) {
                         buildRectangleRoundedStep(steps, voffset, strokeWidth, strokeSide, strokeStyle, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
                         copyStep(steps, voffset, RECTANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                     }
                     // Clippings
-                    if (isVertexChanged || isCornerChanged) {
+                    if (isNotInited || isVertexChanged || isCornerChanged) {
                         buildRectangleRoundedClipping(clippings, voffset, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
                         copyClipping(clippings, voffset, RECTANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                     }
                     // UVs
-                    if (isVertexChanged || isTextureChanged) {
+                    if (isNotInited || isVertexChanged || isTextureChanged) {
                         buildRectangleRoundedUv(uvs, voffset, textureUvs, RECTANGLE_ROUNDED_WORLD_SIZE);
                         copyUvs(uvs, voffset, RECTANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                     }
@@ -41630,15 +41784,15 @@
                         // Vertices
                         buildRectangleRoundedVertex(vertices, iv, px, py, pointSizeX, pointSizeY, strokeAlign, strokeWidth, radius, internalTransform, RECTANGLE_ROUNDED_WORLD_SIZE);
                         // Steps
-                        if (isVertexChanged || isTransformChanged) {
+                        if (isNotInited || isVertexChanged || isTransformChanged) {
                             buildRectangleRoundedStep(steps, iv, strokeWidth, strokeSide, strokeStyle, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
                         }
                         // Clippings
-                        if (isVertexChanged || isCornerChanged) {
+                        if (isNotInited || isVertexChanged || isCornerChanged) {
                             buildRectangleRoundedClipping(clippings, iv, corner, RECTANGLE_ROUNDED_WORLD_SIZE);
                         }
                         // UVs
-                        if (isVertexChanged || isTextureChanged) {
+                        if (isNotInited || isVertexChanged || isTextureChanged) {
                             buildRectangleRoundedUv(uvs, iv, textureUvs, RECTANGLE_ROUNDED_WORLD_SIZE);
                         }
                     }
@@ -41747,6 +41901,7 @@
                 buildRectangleIndex(indices, voffset, ioffset);
                 copyIndex(indices, RECTANGLE_VERTEX_COUNT, ioffset, RECTANGLE_INDEX_COUNT, pointCountReserved);
             }
+            this.inited |= BuilderFlag.INDEX;
         };
         BuilderLineOfRectangles.prototype.update = function (buffer, shape) {
             var points = shape.points;
@@ -41783,7 +41938,9 @@
             var textureTransformId = toTextureTransformId(texture);
             var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
             var isVertexChanged = isPointChanged || isPointSizeChanged || isSizeChanged || isStrokeChanged;
-            if (isVertexChanged || isTransformChanged || isTextureChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+            if (isNotInited || isVertexChanged || isTransformChanged || isTextureChanged) {
+                this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
                 this.pointId = pointId;
                 var formatted = points.formatted;
                 this.pointCount = formatted.length;
@@ -41798,13 +41955,13 @@
                 this.textureTransformId = textureTransformId;
                 // Buffer
                 buffer.updateVertices();
-                if (isVertexChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged) {
                     buffer.updateSteps();
                 }
-                if (isVertexChanged) {
+                if (isNotInited || isVertexChanged) {
                     buffer.updateClippings();
                 }
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buffer.updateUvs();
                 }
                 var pointCount = this.pointCount;
@@ -41823,17 +41980,17 @@
                     buildRectangleVertex(vertices, voffset, 0, 0, pointSizeX, pointSizeY, strokeAlign, strokeWidth, internalTransform, RECTANGLE_WORLD_SIZE);
                     copyVertex(vertices, internalTransform, voffset, RECTANGLE_VERTEX_COUNT, pointCount, pointsValues, pointOffset);
                     // Steps
-                    if (isVertexChanged || isTransformChanged) {
+                    if (isNotInited || isVertexChanged || isTransformChanged) {
                         buildRectangleStep(voffset, steps, strokeWidth, strokeSide, strokeStyle, RECTANGLE_WORLD_SIZE);
                         copyStep(steps, voffset, RECTANGLE_VERTEX_COUNT, pointCount);
                     }
                     // Clippings
-                    if (isVertexChanged) {
+                    if (isNotInited || isVertexChanged) {
                         buildRectangleClipping(clippings, voffset, RECTANGLE_WORLD_SIZE);
                         copyClipping(clippings, voffset, RECTANGLE_VERTEX_COUNT, pointCount);
                     }
                     // UVs
-                    if (isVertexChanged || isTextureChanged) {
+                    if (isNotInited || isVertexChanged || isTextureChanged) {
                         buildRectangleUv(uvs, voffset, textureUvs, RECTANGLE_WORLD_SIZE);
                         copyUvs(uvs, voffset, RECTANGLE_VERTEX_COUNT, pointCount);
                     }
@@ -41849,15 +42006,15 @@
                         // Vertices
                         buildRectangleVertex(vertices, iv, px, py, pointSizeX, pointSizeY, strokeAlign, strokeWidth, internalTransform, RECTANGLE_WORLD_SIZE);
                         // Steps
-                        if (isVertexChanged || isTransformChanged) {
+                        if (isNotInited || isVertexChanged || isTransformChanged) {
                             buildRectangleStep(iv, steps, strokeWidth, strokeSide, strokeStyle, RECTANGLE_WORLD_SIZE);
                         }
                         // Clippings
-                        if (isVertexChanged) {
+                        if (isNotInited || isVertexChanged) {
                             buildRectangleClipping(clippings, iv, RECTANGLE_WORLD_SIZE);
                         }
                         // UVs
-                        if (isVertexChanged || isTextureChanged) {
+                        if (isNotInited || isVertexChanged || isTextureChanged) {
                             buildRectangleUv(uvs, iv, textureUvs, RECTANGLE_WORLD_SIZE);
                         }
                     }
@@ -42361,8 +42518,8 @@
         __extends(BuilderLineOfTriangleRoundeds, _super);
         function BuilderLineOfTriangleRoundeds(vertexOffset, indexOffset, vertexCount, indexCount, pointCountReserved) {
             var _this = _super.call(this, vertexOffset, indexOffset, vertexCount, indexCount, pointCountReserved) || this;
-            _this.radius = NaN;
-            _this.corner = NaN;
+            _this.radius = 0;
+            _this.corner = 0;
             return _this;
         }
         BuilderLineOfTriangleRoundeds.prototype.init = function (buffer) {
@@ -42374,6 +42531,7 @@
                 buildTriangleRoundedIndex(buffer.indices, voffset, ioffset);
                 copyIndex(buffer.indices, TRIANGLE_ROUNDED_VERTEX_COUNT, ioffset, TRIANGLE_ROUNDED_INDEX_COUNT, pointCountReserved);
             }
+            this.inited |= BuilderFlag.INDEX;
         };
         BuilderLineOfTriangleRoundeds.prototype.update = function (buffer, shape) {
             var points = shape.points;
@@ -42416,7 +42574,13 @@
                 isSizeChanged ||
                 isRadiusChanged ||
                 isStrokeChanged;
-            if (isVertexChanged || isTransformChanged || isCornerChanged || isTextureChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+            if (isNotInited ||
+                isVertexChanged ||
+                isTransformChanged ||
+                isCornerChanged ||
+                isTextureChanged) {
+                this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
                 this.pointId = pointId;
                 var formatted = points.formatted;
                 this.pointCount = formatted.length;
@@ -42434,13 +42598,13 @@
                 this.textureTransformId = textureTransformId;
                 // Buffer
                 buffer.updateVertices();
-                if (isVertexChanged || isCornerChanged) {
+                if (isNotInited || isVertexChanged || isCornerChanged) {
                     buffer.updateClippings();
                 }
-                if (isVertexChanged || isTransformChanged || isCornerChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged || isCornerChanged) {
                     buffer.updateSteps();
                 }
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buffer.updateUvs();
                 }
                 var pointCount = this.pointCount;
@@ -42459,17 +42623,17 @@
                     buildTriangleRoundedVertex(vertices, voffset, 0, 0, pointSizeX, pointSizeY, strokeAlign, strokeWidth, radius, internalTransform, TRIANGLE_ROUNDED_WORLD_SIZE);
                     copyVertex(vertices, internalTransform, voffset, TRIANGLE_ROUNDED_VERTEX_COUNT, pointCount, pointsValues, pointOffset);
                     // Clippings
-                    if (isVertexChanged || isCornerChanged) {
+                    if (isNotInited || isVertexChanged || isCornerChanged) {
                         buildTriangleRoundedClipping(clippings, voffset, corner, radius);
                         copyClipping(clippings, voffset, TRIANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                     }
                     // Steps
-                    if (isVertexChanged || isTransformChanged || isCornerChanged) {
+                    if (isNotInited || isVertexChanged || isTransformChanged || isCornerChanged) {
                         buildTriangleRoundedStep(steps, clippings, voffset, strokeWidth, strokeStyle, radius, TRIANGLE_ROUNDED_WORLD_SIZE);
                         copyStep(steps, voffset, TRIANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                     }
                     // UVs
-                    if (isVertexChanged || isTextureChanged) {
+                    if (isNotInited || isVertexChanged || isTextureChanged) {
                         buildTriangleRoundedUv(uvs, voffset, textureUvs, radius, TRIANGLE_ROUNDED_WORLD_SIZE);
                         copyUvs(uvs, voffset, TRIANGLE_ROUNDED_VERTEX_COUNT, pointCount);
                     }
@@ -42485,15 +42649,15 @@
                         // Vertices
                         buildTriangleRoundedVertex(vertices, iv, px, py, pointSizeX, pointSizeY, strokeAlign, strokeWidth, radius, internalTransform, TRIANGLE_ROUNDED_WORLD_SIZE);
                         // Clippings
-                        if (isVertexChanged || isCornerChanged) {
+                        if (isNotInited || isVertexChanged || isCornerChanged) {
                             buildTriangleRoundedClipping(clippings, iv, corner, radius);
                         }
                         // Steps
-                        if (isVertexChanged || isTransformChanged || isCornerChanged) {
+                        if (isNotInited || isVertexChanged || isTransformChanged || isCornerChanged) {
                             buildTriangleRoundedStep(steps, clippings, iv, strokeWidth, strokeStyle, radius, TRIANGLE_ROUNDED_WORLD_SIZE);
                         }
                         // UVs
-                        if (isVertexChanged || isTextureChanged) {
+                        if (isNotInited || isVertexChanged || isTextureChanged) {
                             buildTriangleRoundedUv(uvs, iv, textureUvs, radius, TRIANGLE_ROUNDED_WORLD_SIZE);
                         }
                     }
@@ -42748,6 +42912,7 @@
                 buildTriangleIndex(indices, voffset, ioffset);
                 copyIndex(indices, TRIANGLE_VERTEX_COUNT, ioffset, TRIANGLE_INDEX_COUNT, pointCountReserved);
             }
+            this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
         };
         BuilderLineOfTriangles.prototype.update = function (buffer, shape) {
             var points = shape.points;
@@ -42782,7 +42947,9 @@
             var textureTransformId = toTextureTransformId(texture);
             var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
             var isVertexChanged = isPointChanged || isPointSizeChanged || isSizeChanged || isStrokeChanged;
-            if (isVertexChanged || isTransformChanged || isTextureChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_STEP_AND_UV);
+            if (isNotInited || isVertexChanged || isTransformChanged || isTextureChanged) {
+                this.inited |= BuilderFlag.VERTEX_STEP_AND_UV;
                 this.pointId = pointId;
                 var formatted = points.formatted;
                 this.pointCount = formatted.length;
@@ -42794,12 +42961,14 @@
                 this.strokeAlign = strokeAlign;
                 this.strokeWidth = strokeWidth;
                 this.strokeStyle = strokeStyle;
+                this.texture = texture;
+                this.textureTransformId = textureTransformId;
                 // Buffer
                 buffer.updateVertices();
-                if (isVertexChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged) {
                     buffer.updateSteps();
                 }
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buffer.updateUvs();
                 }
                 var pointCount = this.pointCount;
@@ -42816,11 +42985,11 @@
                     var pointSizeY = pointSize.getY(0);
                     buildTriangleVertex(vertices, voffset, 0, 0, pointSizeX, pointSizeY, strokeAlign, strokeWidth, internalTransform, TRIANGLE_WORLD_SIZE);
                     copyVertex(vertices, internalTransform, voffset, TRIANGLE_VERTEX_COUNT, pointCount, pointsValues, pointOffset);
-                    if (isVertexChanged || isTransformChanged) {
+                    if (isNotInited || isVertexChanged || isTransformChanged) {
                         buildTriangleStep(steps, clippings, voffset, TRIANGLE_VERTEX_COUNT, strokeWidth, strokeStyle, TRIANGLE_WORLD_SIZE);
                         copyStep(steps, voffset, TRIANGLE_VERTEX_COUNT, pointCount);
                     }
-                    if (isVertexChanged || isTextureChanged) {
+                    if (isNotInited || isVertexChanged || isTextureChanged) {
                         buildTriangleUv(uvs, textureUvs, voffset, TRIANGLE_WORLD_SIZE);
                         copyUvs(uvs, voffset, TRIANGLE_VERTEX_COUNT, pointCount);
                     }
@@ -42834,10 +43003,10 @@
                         var pointSizeY = pointSize.getY(i);
                         var iv = voffset + i * TRIANGLE_VERTEX_COUNT;
                         buildTriangleVertex(vertices, iv, px, py, pointSizeX, pointSizeY, strokeAlign, strokeWidth, internalTransform, TRIANGLE_WORLD_SIZE);
-                        if (isVertexChanged || isTransformChanged) {
+                        if (isNotInited || isVertexChanged || isTransformChanged) {
                             buildTriangleStep(steps, clippings, iv, TRIANGLE_VERTEX_COUNT, strokeWidth, strokeStyle, TRIANGLE_WORLD_SIZE);
                         }
-                        if (isVertexChanged || isTextureChanged) {
+                        if (isNotInited || isVertexChanged || isTextureChanged) {
                             buildTriangleUv(uvs, textureUvs, iv, TRIANGLE_WORLD_SIZE);
                         }
                     }
@@ -43182,6 +43351,7 @@
             var voffset = this.vertexOffset;
             buildSemicircleClipping(buffer.clippings, voffset);
             buildSemicircleIndex(buffer.indices, voffset, this.indexOffset);
+            this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
         };
         BuilderSemicircle.prototype.update = function (buffer, shape) {
             this.updateVertexAndStep(buffer, shape);
@@ -43203,7 +43373,9 @@
             var isStrokeChanged = this.strokeAlign !== strokeAlign ||
                 this.strokeWidth !== strokeWidth ||
                 this.strokeStyle !== strokeStyle;
-            if (isSizeChanged || isTransformChanged || isStrokeChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_AND_STEP);
+            if (isNotInited || isSizeChanged || isTransformChanged || isStrokeChanged) {
+                this.inited |= BuilderFlag.VERTEX_AND_STEP;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.transformLocalId = transformLocalId;
@@ -43220,7 +43392,11 @@
         BuilderSemicircle.prototype.updateUv = function (buffer, shape) {
             var texture = toTexture(shape);
             var textureTransformId = toTextureTransformId(texture);
-            if (texture !== this.texture || textureTransformId !== this.textureTransformId) {
+            var isNotInited = !(this.inited & BuilderFlag.UV);
+            if (isNotInited ||
+                texture !== this.texture ||
+                textureTransformId !== this.textureTransformId) {
+                this.inited |= BuilderFlag.UV;
                 this.texture = texture;
                 this.textureTransformId = textureTransformId;
                 buffer.updateUvs();
@@ -43237,8 +43413,8 @@
      */
     var createSemicircleUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var vcount = SEMICIRCLE_VERTEX_COUNT + tvcount;
         var icount = SEMICIRCLE_INDEX_COUNT + ticount;
         if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -43321,6 +43497,7 @@
             buffer.updateIndices();
             buildTriangleClipping(buffer.clippings, this.vertexOffset);
             buildTriangleIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+            this.inited |= BuilderFlag.CLIPPING_AND_INDEX;
         };
         BuilderTriangle.prototype.update = function (buffer, shape) {
             this.updateVertexStepAndUv(buffer, shape);
@@ -43345,7 +43522,9 @@
             var textureTransformId = toTextureTransformId(texture);
             var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
             var isVertexChanged = isSizeChanged || isStrokeChanged;
-            if (isVertexChanged || isTransformChanged || isTextureChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_STEP_AND_UV);
+            if (isNotInited || isVertexChanged || isTransformChanged || isTextureChanged) {
+                this.inited |= BuilderFlag.VERTEX_STEP_AND_UV;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.transformLocalId = transformLocalId;
@@ -43357,11 +43536,11 @@
                 var voffset = this.vertexOffset;
                 buffer.updateVertices();
                 buildTriangleVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, shape.transform.internalTransform, TRIANGLE_WORLD_SIZE);
-                if (isVertexChanged || isTransformChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged) {
                     buffer.updateSteps();
                     buildTriangleStep(buffer.steps, buffer.clippings, voffset, TRIANGLE_VERTEX_COUNT, strokeWidth, strokeStyle, TRIANGLE_WORLD_SIZE);
                 }
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buffer.updateUvs();
                     buildTriangleUv(buffer.uvs, toTextureUvs(texture), voffset, TRIANGLE_WORLD_SIZE);
                 }
@@ -43376,8 +43555,8 @@
      */
     var createTriangleUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var vcount = TRIANGLE_VERTEX_COUNT + tvcount;
         var icount = TRIANGLE_INDEX_COUNT + ticount;
         if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -43414,13 +43593,14 @@
         __extends(BuilderTriangleRounded, _super);
         function BuilderTriangleRounded(vertexOffset, indexOffset, vertexCount, indexCount) {
             var _this = _super.call(this, vertexOffset, indexOffset, vertexCount, indexCount) || this;
-            _this.radius = NaN;
-            _this.corner = NaN;
+            _this.radius = 0;
+            _this.corner = 0;
             return _this;
         }
         BuilderTriangleRounded.prototype.init = function (buffer) {
             buffer.updateIndices();
             buildTriangleRoundedIndex(buffer.indices, this.vertexOffset, this.indexOffset);
+            this.inited |= BuilderFlag.INDEX;
         };
         BuilderTriangleRounded.prototype.update = function (buffer, shape) {
             this.updateVertexClippingStepAndUv(buffer, shape);
@@ -43449,7 +43629,13 @@
             var textureTransformId = toTextureTransformId(texture);
             var isTextureChanged = texture !== this.texture || textureTransformId !== this.textureTransformId;
             var isVertexChanged = isSizeChanged || isRadiusChanged || isStrokeChanged;
-            if (isVertexChanged || isTransformChanged || isCornerChanged || isTextureChanged) {
+            var isNotInited = !(this.inited & BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV);
+            if (isNotInited ||
+                isVertexChanged ||
+                isTransformChanged ||
+                isCornerChanged ||
+                isTextureChanged) {
+                this.inited |= BuilderFlag.VERTEX_CLIPPING_STEP_AND_UV;
                 this.sizeX = sizeX;
                 this.sizeY = sizeY;
                 this.radius = radius;
@@ -43463,15 +43649,15 @@
                 var voffset = this.vertexOffset;
                 buffer.updateVertices();
                 buildTriangleRoundedVertex(buffer.vertices, voffset, 0, 0, sizeX, sizeY, strokeAlign, strokeWidth, radius, shape.transform.internalTransform, TRIANGLE_ROUNDED_WORLD_SIZE);
-                if (isRadiusChanged || isCornerChanged) {
+                if (isNotInited || isRadiusChanged || isCornerChanged) {
                     buffer.updateClippings();
                     buildTriangleRoundedClipping(buffer.clippings, voffset, corner, radius);
                 }
-                if (isVertexChanged || isTransformChanged || isCornerChanged) {
+                if (isNotInited || isVertexChanged || isTransformChanged || isCornerChanged) {
                     buffer.updateSteps();
                     buildTriangleRoundedStep(buffer.steps, buffer.clippings, voffset, strokeWidth, strokeStyle, shape.radius, TRIANGLE_ROUNDED_WORLD_SIZE);
                 }
-                if (isVertexChanged || isTextureChanged) {
+                if (isNotInited || isVertexChanged || isTextureChanged) {
                     buffer.updateUvs();
                     buildTriangleRoundedUv(buffer.uvs, voffset, toTextureUvs(texture), radius, TRIANGLE_ROUNDED_WORLD_SIZE);
                 }
@@ -43486,8 +43672,8 @@
      */
     var createTriangleRoundedUploaded = function (buffer, shape, voffset, ioffset, antialiasWeight) {
         var tcount = toTextBufferCount(shape);
-        var tvcount = tcount * TEXT_VERTEX_COUNT;
-        var ticount = tcount * TEXT_INDEX_COUNT;
+        var tvcount = tcount << TEXT_VERTEX_COUNT_SHIFT;
+        var ticount = tcount << TEXT_INDEX_COUNT_SHIFT;
         var vcount = TRIANGLE_ROUNDED_VERTEX_COUNT + tvcount;
         var icount = TRIANGLE_ROUNDED_INDEX_COUNT + ticount;
         if (buffer.check(voffset, ioffset, vcount, icount)) {
@@ -63993,7 +64179,7 @@
                     var runtime = actionable.runtime;
                     if (runtime) {
                         var runtimeEffect = runtime.effect;
-                        if (time < runtimeEffect) {
+                        if (0 <= runtimeEffect && time < runtimeEffect) {
                             effect = effect < 0 ? runtimeEffect : Math.min(effect, runtimeEffect);
                         }
                     }
@@ -64014,7 +64200,7 @@
                     var runtime = actionable.runtime;
                     if (runtime) {
                         var runtimeEffect = runtime.effect;
-                        if (time < runtimeEffect) {
+                        if (0 <= runtimeEffect && time < runtimeEffect) {
                             effect = effect < 0 ? runtimeEffect : Math.min(effect, runtimeEffect);
                         }
                     }
@@ -70983,9 +71169,9 @@
             get: function () {
                 var indices = this._indices;
                 if (0 < indices.size) {
-                    var result_1 = NaN;
+                    var result_1 = -1;
                     indices.forEach(function (index) {
-                        if (result_1 !== result_1) {
+                        if (result_1 < 0) {
                             result_1 = index;
                         }
                     });
@@ -75953,7 +76139,9 @@
         buildSemicircleStep: buildSemicircleStep,
         buildSemicircleUv: buildSemicircleUv,
         TEXT_VERTEX_COUNT: TEXT_VERTEX_COUNT,
+        TEXT_VERTEX_COUNT_SHIFT: TEXT_VERTEX_COUNT_SHIFT,
         TEXT_INDEX_COUNT: TEXT_INDEX_COUNT,
+        TEXT_INDEX_COUNT_SHIFT: TEXT_INDEX_COUNT_SHIFT,
         TEXT_FMIN: TEXT_FMIN,
         toTextBufferCount: toTextBufferCount,
         buildTextClipping: buildTextClipping,
@@ -76005,6 +76193,7 @@
         BuilderText: BuilderText,
         BuilderTriangleRounded: BuilderTriangleRounded,
         BuilderTriangle: BuilderTriangle,
+        BuilderFlag: BuilderFlag,
         toTransformLocalId: toTransformLocalId,
         toTexture: toTexture,
         toTextureTransformId: toTextureTransformId,