@wcardinal/wcardinal-ui 0.408.0 → 0.409.0

package/dist/wcardinal/ui/shape/variant/build-rectangle.js

@@ -2,152 +2,57 @@ import { Point } from "pixi.js";
 import { EShapeStrokeSide } from "../e-shape-stroke-side";
 import { toLength } from "./to-length";
 import { toScaleInvariant } from "./to-scale-invariant";
-export var RECTANGLE_VERTEX_COUNT = 24;
-export var RECTANGLE_INDEX_COUNT = 16;
-export var RECTANGLE_WORLD_SIZE = [0, 0, 0, 0];
+import { toPackedF2x1024, toPackedI4x64 } from "./to-packed";
+export var RECTANGLE_VERTEX_COUNT = 16;
+export var RECTANGLE_INDEX_COUNT = 8;
+export var RECTANGLE_WORLD_SIZE = [0, 0];
 var RECTANGLE_WORK_POINT = new Point();
-export var buildRectangleClipping = function (clippings, voffset, worldSize) {
-    var brxi = 1 - worldSize[0];
-    var bryi = 1 - worldSize[1];
-    var ic = voffset * 3 - 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = bryi;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = bryi;
-    clippings[++ic] = 0;
-    // --------------------------------
-    clippings[++ic] = 0;
-    clippings[++ic] = bryi;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = bryi;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    // --------------------------------
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = brxi;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = brxi;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    // --------------------------------
-    clippings[++ic] = brxi;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = brxi;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-    clippings[++ic] = 1;
-    clippings[++ic] = 0;
-    clippings[++ic] = 0;
-};
 export var buildRectangleIndex = function (indices, voffset, ioffset) {
+    // c0     c1   c4     c5
+    //  |-----|     |-----|
+    //  |     |     |     |
+    //  |-----|     |-----|
+    // c2     c3   c6     c7
+    //
+    // c8     c9   c12   c13
+    //  |-----|     |-----|
+    //  |     |     |     |
+    //  |-----|     |-----|
+    // c10   c11   c14   c15
     var ii = ioffset * 3 - 1;
     indices[++ii] = voffset + 0;
     indices[++ii] = voffset + 1;
-    indices[++ii] = voffset + 4;
-    indices[++ii] = voffset + 4;
-    indices[++ii] = voffset + 1;
     indices[++ii] = voffset + 2;
-    indices[++ii] = voffset + 4;
-    indices[++ii] = voffset + 2;
-    indices[++ii] = voffset + 5;
-    indices[++ii] = voffset + 5;
     indices[++ii] = voffset + 2;
+    indices[++ii] = voffset + 1;
     indices[++ii] = voffset + 3;
-    // --------------------------------
-    indices[++ii] = voffset + 8;
+    indices[++ii] = voffset + 4;
+    indices[++ii] = voffset + 5;
     indices[++ii] = voffset + 6;
-    indices[++ii] = voffset + 9;
-    indices[++ii] = voffset + 9;
     indices[++ii] = voffset + 6;
+    indices[++ii] = voffset + 5;
     indices[++ii] = voffset + 7;
+    indices[++ii] = voffset + 8;
     indices[++ii] = voffset + 9;
-    indices[++ii] = voffset + 7;
     indices[++ii] = voffset + 10;
     indices[++ii] = voffset + 10;
-    indices[++ii] = voffset + 7;
+    indices[++ii] = voffset + 9;
     indices[++ii] = voffset + 11;
-    // --------------------------------
     indices[++ii] = voffset + 12;
-    indices[++ii] = voffset + 16;
-    indices[++ii] = voffset + 13;
-    indices[++ii] = voffset + 13;
-    indices[++ii] = voffset + 16;
-    indices[++ii] = voffset + 17;
     indices[++ii] = voffset + 13;
-    indices[++ii] = voffset + 17;
     indices[++ii] = voffset + 14;
     indices[++ii] = voffset + 14;
-    indices[++ii] = voffset + 17;
+    indices[++ii] = voffset + 13;
     indices[++ii] = voffset + 15;
-    // --------------------------------
-    indices[++ii] = voffset + 18;
-    indices[++ii] = voffset + 20;
-    indices[++ii] = voffset + 21;
-    indices[++ii] = voffset + 18;
-    indices[++ii] = voffset + 21;
-    indices[++ii] = voffset + 22;
-    indices[++ii] = voffset + 18;
-    indices[++ii] = voffset + 22;
-    indices[++ii] = voffset + 19;
-    indices[++ii] = voffset + 19;
-    indices[++ii] = voffset + 22;
-    indices[++ii] = voffset + 23;
 };
 export var buildRectangleVertex = function (vertices, voffset, originX, originY, sizeX, sizeY, strokeAlign, strokeWidth, internalTransform, worldSize) {
-    // b0              b1
+    // b0      b1      b2
     // |-------|-------|
     // |       |       |
-    // |-------|-------|
+    // b3------b4------b5
     // |       |       |
     // |-------|-------|
-    // b3              b2
+    // b6      b7      b8
     var s = strokeAlign * strokeWidth;
     var sx = sizeX * 0.5 + (0 <= sizeX ? +s : -s);
     var sy = sizeY * 0.5 + (0 <= sizeY ? +s : -s);
@@ -156,258 +61,279 @@ export var buildRectangleVertex = function (vertices, voffset, originX, originY,
     internalTransform.apply(work, work);
     var b0x = work.x;
     var b0y = work.y;
-    work.set(originX + sx, originY - sy);
+    work.set(originX, originY - sy);
     internalTransform.apply(work, work);
     var b1x = work.x;
     var b1y = work.y;
-    work.set(originX + sx, originY + sy);
+    work.set(originX - sx, originY);
     internalTransform.apply(work, work);
-    var b2x = work.x;
-    var b2y = work.y;
-    var b3x = b0x + (b2x - b1x);
-    var b3y = b0y + (b2y - b1y);
-    var ax = toLength(b0x, b0y, b1x, b1y) * 0.5;
-    var ay = toLength(b1x, b1y, b2x, b2y) * 0.5;
-    var brx = 1;
-    var bry = 1;
-    if (ax <= ay) {
-        bry = ax / ay;
-    }
-    else {
-        brx = ay / ax;
-    }
-    worldSize[0] = brx;
-    worldSize[1] = bry;
-    worldSize[2] = ax;
-    worldSize[3] = ay;
-    // 0      1  2      3
-    // |------|--|------|
-    // |      |  |      |
-    // |------4--5------|
-    // |      |  |      |
-    // |------6--7------|
-    // |      |  |      |
-    // |------|--|------|
-    // 8      9  10     11
-    var d01x = brx * (b1x - b0x) * 0.5;
-    var d01y = brx * (b1y - b0y) * 0.5;
-    var d03x = bry * (b3x - b0x) * 0.5;
-    var d03y = bry * (b3y - b0y) * 0.5;
+    var b3x = work.x;
+    var b3y = work.y;
+    var d01x = b1x - b0x;
+    var d01y = b1y - b0y;
+    var d03x = b3x - b0x;
+    var d03y = b3y - b0y;
+    var b2x = b1x + d01x;
+    var b2y = b1y + d01y;
+    var b4x = b3x + d01x;
+    var b4y = b3y + d01y;
+    var b5x = b2x + d03x;
+    var b5y = b2y + d03y;
+    var b6x = b3x + d03x;
+    var b6y = b3y + d03y;
+    var b7x = b6x + d01x;
+    var b7y = b6y + d01y;
+    var b8x = b7x + d01x;
+    var b8y = b7y + d01y;
+    // c0     c1   c4     c5
+    //  |-----|     |-----|
+    //  |     |     |     |
+    //  |-----|     |-----|
+    // c2     c3   c6     c7
+    //
+    // c8     c9   c12   c13
+    //  |-----|     |-----|
+    //  |     |     |     |
+    //  |-----|     |-----|
+    // c10   c11   c14   c15
     var iv = (voffset << 1) - 1;
     vertices[++iv] = b0x;
     vertices[++iv] = b0y;
-    vertices[++iv] = b0x + d01x;
-    vertices[++iv] = b0y + d01y;
-    vertices[++iv] = b1x - d01x;
-    vertices[++iv] = b1y - d01y;
     vertices[++iv] = b1x;
     vertices[++iv] = b1y;
-    vertices[++iv] = b0x + d01x + d03x;
-    vertices[++iv] = b0y + d01y + d03y;
-    vertices[++iv] = b1x - d01x + d03x;
-    vertices[++iv] = b1y - d01y + d03y;
-    vertices[++iv] = b3x + d01x - d03x;
-    vertices[++iv] = b3y + d01y - d03y;
-    vertices[++iv] = b2x - d01x - d03x;
-    vertices[++iv] = b2y - d01y - d03y;
-    vertices[++iv] = b3x;
-    vertices[++iv] = b3y;
-    vertices[++iv] = b3x + d01x;
-    vertices[++iv] = b3y + d01y;
-    vertices[++iv] = b2x - d01x;
-    vertices[++iv] = b2y - d01y;
-    vertices[++iv] = b2x;
-    vertices[++iv] = b2y;
-    // 12               20
-    // |------|--|------|
-    // |      |  |      |
-    // 13----16--18-----21
-    // |      |  |      |
-    // 14----17--19-----22
-    // |      |  |      |
-    // |------|--|------|
-    // 15               23
-    vertices[++iv] = b0x;
-    vertices[++iv] = b0y;
-    vertices[++iv] = b0x + d03x;
-    vertices[++iv] = b0y + d03y;
-    vertices[++iv] = b3x - d03x;
-    vertices[++iv] = b3y - d03y;
     vertices[++iv] = b3x;
     vertices[++iv] = b3y;
-    vertices[++iv] = b0x + d03x + d01x;
-    vertices[++iv] = b0y + d03y + d01y;
-    vertices[++iv] = b3x - d03x + d01x;
-    vertices[++iv] = b3y - d03y + d01y;
-    vertices[++iv] = b1x + d03x - d01x;
-    vertices[++iv] = b1y + d03y - d01y;
-    vertices[++iv] = b2x - d03x - d01x;
-    vertices[++iv] = b2y - d03y - d01y;
+    vertices[++iv] = b4x;
+    vertices[++iv] = b4y;
     vertices[++iv] = b1x;
     vertices[++iv] = b1y;
-    vertices[++iv] = b1x + d03x;
-    vertices[++iv] = b1y + d03y;
-    vertices[++iv] = b2x - d03x;
-    vertices[++iv] = b2y - d03y;
     vertices[++iv] = b2x;
     vertices[++iv] = b2y;
+    vertices[++iv] = b4x;
+    vertices[++iv] = b4y;
+    vertices[++iv] = b5x;
+    vertices[++iv] = b5y;
+    vertices[++iv] = b3x;
+    vertices[++iv] = b3y;
+    vertices[++iv] = b4x;
+    vertices[++iv] = b4y;
+    vertices[++iv] = b6x;
+    vertices[++iv] = b6y;
+    vertices[++iv] = b7x;
+    vertices[++iv] = b7y;
+    vertices[++iv] = b4x;
+    vertices[++iv] = b4y;
+    vertices[++iv] = b5x;
+    vertices[++iv] = b5y;
+    vertices[++iv] = b7x;
+    vertices[++iv] = b7y;
+    vertices[++iv] = b8x;
+    vertices[++iv] = b8y;
+    // World size
+    worldSize[0] = toLength(b0x, b0y, b1x, b1y);
+    worldSize[1] = toLength(b0x, b0y, b3x, b3y);
 };
 export var buildRectangleStep = function (voffset, steps, strokeWidth, strokeSide, strokeStyle, worldSize) {
     var scaleInvariant = toScaleInvariant(strokeStyle);
-    var brx = worldSize[0];
-    var bry = worldSize[1];
-    var brxi = Math.max(0, 1 - brx);
-    var bryi = Math.max(0, 1 - bry);
-    var sx = worldSize[2];
-    var sy = worldSize[3];
-    var wt;
-    var bt;
-    if (strokeSide & EShapeStrokeSide.TOP) {
-        wt = +2;
-        bt = +1 + bryi;
-    }
-    else {
-        wt = -2;
-        bt = -1 - bryi;
-    }
-    var wr;
-    var br;
-    if (strokeSide & EShapeStrokeSide.RIGHT) {
-        wr = +2;
-        br = +1 + brxi;
-    }
-    else {
-        wr = -2;
-        br = -1 - brxi;
-    }
-    var wb;
-    var bb;
-    if (strokeSide & EShapeStrokeSide.BOTTOM) {
-        wb = +2;
-        bb = +1 + bryi;
-    }
-    else {
-        wb = -2;
-        bb = -1 - bryi;
-    }
-    var wl;
-    var bl;
-    if (strokeSide & EShapeStrokeSide.LEFT) {
-        wl = +2;
-        bl = +1 + brxi;
-    }
-    else {
-        wl = -2;
-        bl = -1 - brxi;
-    }
-    // 0 1 2 3
-    var is = (voffset - 1) * 6 - 1;
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wl, wt);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, bl, wt);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, br, wt);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wr, wt);
-    // 4 5
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, bl, bt);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, br, bt);
-    // 6 7
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, bl, bb);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, br, bb);
-    // 8 9 10 11
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wl, wb);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, bl, wb);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, br, wb);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wr, wb);
-    // ------------------------------
-    // 12 13 14 15
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wl, wt);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wl, bt);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wl, bb);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wl, wb);
-    // 16 17
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, bl, bt);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, bl, bb);
-    // 18 19
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, br, bt);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, br, bb);
-    // 20 21 22 23
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wr, wt);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wr, bt);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wr, bb);
-    fillRectangleStep(steps, (is += 6), strokeWidth, scaleInvariant, sx, sy, wr, wb);
-};
-var fillRectangleStep = function (steps, is, v0, v1, v2, v3, v4, v5) {
-    steps[++is] = v0;
-    steps[++is] = v1;
-    steps[++is] = v2;
-    steps[++is] = v3;
-    steps[++is] = v4;
-    steps[++is] = v5;
+    var ax = worldSize[0];
+    var ay = worldSize[1];
+    var wt = strokeSide & EShapeStrokeSide.TOP ? 1 : 0;
+    var wr = strokeSide & EShapeStrokeSide.RIGHT ? 1 : 0;
+    var wb = strokeSide & EShapeStrokeSide.BOTTOM ? 1 : 0;
+    var wl = strokeSide & EShapeStrokeSide.LEFT ? 1 : 0;
+    var elt = toPackedI4x64(0, scaleInvariant, wl, wt);
+    var ert = toPackedI4x64(0, scaleInvariant, wr, wt);
+    var elb = toPackedI4x64(0, scaleInvariant, wl, wb);
+    var erb = toPackedI4x64(0, scaleInvariant, wr, wb);
+    var c11 = toPackedF2x1024(1, 1);
+    var c01 = toPackedF2x1024(0, 1);
+    var c00 = toPackedF2x1024(0, 0);
+    var c10 = toPackedF2x1024(1, 0);
+    // c0     c1   c4     c5
+    //  |-----|     |-----|
+    //  |     |     |     |
+    //  |-----|     |-----|
+    // c2     c3   c6     c7
+    //
+    // c8     c9   c12   c13
+    //  |-----|     |-----|
+    //  |     |     |     |
+    //  |-----|     |-----|
+    // c10   c11   c14   c15
+    var is = voffset * 6 - 1;
+    steps[++is] = strokeWidth;
+    steps[++is] = elt;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c11;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = elt;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c01;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = elt;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c10;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = elt;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c00;
+    steps[++is] = 0;
+    //
+    steps[++is] = strokeWidth;
+    steps[++is] = ert;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c01;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = ert;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c11;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = ert;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c00;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = ert;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c10;
+    steps[++is] = 0;
+    //
+    steps[++is] = strokeWidth;
+    steps[++is] = elb;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c10;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = elb;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c00;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = elb;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c11;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = elb;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c01;
+    steps[++is] = 0;
+    //
+    steps[++is] = strokeWidth;
+    steps[++is] = erb;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c00;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = erb;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c10;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = erb;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c01;
+    steps[++is] = 0;
+    steps[++is] = strokeWidth;
+    steps[++is] = erb;
+    steps[++is] = ax;
+    steps[++is] = ay;
+    steps[++is] = c11;
+    steps[++is] = 0;
 };
-export var buildRectangleUv = function (uvs, voffset, textureUvs, worldSize) {
-    var x0 = textureUvs.x0;
-    var y0 = textureUvs.y0;
-    var y1 = textureUvs.y1;
-    var x1 = textureUvs.x1;
-    var y2 = textureUvs.y2;
-    var x2 = textureUvs.x2;
-    var y3 = textureUvs.y3;
-    var x3 = textureUvs.x3;
-    var brx = worldSize[0];
-    var bry = worldSize[1];
-    var d01x = brx * (x1 - x0) * 0.5;
-    var d01y = brx * (y1 - y0) * 0.5;
-    var d03x = bry * (x3 - x0) * 0.5;
-    var d03y = bry * (y3 - y0) * 0.5;
-    // UVs
+export var buildRectangleUv = function (uvs, voffset, textureUvs) {
+    // b0      b1      b2
+    // |-------|-------|
+    // |       |       |
+    // b3------b4------b5
+    // |       |       |
+    // |-------|-------|
+    // b6      b7      b8
+    var b0x = textureUvs.x0;
+    var b0y = textureUvs.y0;
+    var b2x = textureUvs.x1;
+    var b2y = textureUvs.y1;
+    var b8x = textureUvs.x2;
+    var b8y = textureUvs.y2;
+    var b6x = textureUvs.x3;
+    var b6y = textureUvs.y3;
+    var b1x = (b0x + b2x) * 0.5;
+    var b1y = (b0y + b2y) * 0.5;
+    var b3x = (b0x + b6x) * 0.5;
+    var b3y = (b0y + b6y) * 0.5;
+    var d01x = b1x - b0x;
+    var d01y = b1y - b0y;
+    var d03x = b3x - b0x;
+    var d03y = b3y - b0y;
+    var b4x = b3x + d01x;
+    var b4y = b3y + d01y;
+    var b5x = b2x + d03x;
+    var b5y = b2y + d03y;
+    var b7x = b6x + d01x;
+    var b7y = b6y + d01y;
+    // c0     c1   c4     c5
+    //  |-----|     |-----|
+    //  |     |     |     |
+    //  |-----|     |-----|
+    // c2     c3   c6     c7
+    //
+    // c8     c9   c12   c13
+    //  |-----|     |-----|
+    //  |     |     |     |
+    //  |-----|     |-----|
+    // c10   c11   c14   c15
     var iuv = (voffset << 1) - 1;
-    uvs[++iuv] = x0;
-    uvs[++iuv] = y0;
-    uvs[++iuv] = x0 + d01x;
-    uvs[++iuv] = y0 + d01y;
-    uvs[++iuv] = x1 - d01x;
-    uvs[++iuv] = y1 - d01y;
-    uvs[++iuv] = x1;
-    uvs[++iuv] = y1;
-    uvs[++iuv] = x0 + d01x + d03x;
-    uvs[++iuv] = y0 + d01y + d03y;
-    uvs[++iuv] = x1 - d01x + d03x;
-    uvs[++iuv] = y1 - d01y + d03y;
-    uvs[++iuv] = x3 + d01x - d03x;
-    uvs[++iuv] = y3 + d01y - d03y;
-    uvs[++iuv] = x2 - d01x - d03x;
-    uvs[++iuv] = y2 - d01y - d03y;
-    uvs[++iuv] = x3;
-    uvs[++iuv] = y3;
-    uvs[++iuv] = x3 + d01x;
-    uvs[++iuv] = y3 + d01y;
-    uvs[++iuv] = x2 - d01x;
-    uvs[++iuv] = y2 - d01y;
-    uvs[++iuv] = x2;
-    uvs[++iuv] = y2;
-    // ------------------------------
-    uvs[++iuv] = x0;
-    uvs[++iuv] = y0;
-    uvs[++iuv] = x0 + d03x;
-    uvs[++iuv] = y0 + d03y;
-    uvs[++iuv] = x3 - d03x;
-    uvs[++iuv] = y3 - d03y;
-    uvs[++iuv] = x3;
-    uvs[++iuv] = y3;
-    uvs[++iuv] = x0 + d03x + d01x;
-    uvs[++iuv] = y0 + d03y + d01y;
-    uvs[++iuv] = x3 - d03x + d01x;
-    uvs[++iuv] = y3 - d03y + d01y;
-    uvs[++iuv] = x1 + d03x - d01x;
-    uvs[++iuv] = y1 + d03y - d01y;
-    uvs[++iuv] = x2 - d03x - d01x;
-    uvs[++iuv] = y2 - d03y - d01y;
-    uvs[++iuv] = x1;
-    uvs[++iuv] = y1;
-    uvs[++iuv] = x1 + d03x;
-    uvs[++iuv] = y1 + d03y;
-    uvs[++iuv] = x2 - d03x;
-    uvs[++iuv] = y2 - d03y;
-    uvs[++iuv] = x2;
-    uvs[++iuv] = y2;
+    uvs[++iuv] = b0x;
+    uvs[++iuv] = b0y;
+    uvs[++iuv] = b1x;
+    uvs[++iuv] = b1y;
+    uvs[++iuv] = b3x;
+    uvs[++iuv] = b3y;
+    uvs[++iuv] = b4x;
+    uvs[++iuv] = b4y;
+    uvs[++iuv] = b1x;
+    uvs[++iuv] = b1y;
+    uvs[++iuv] = b2x;
+    uvs[++iuv] = b2y;
+    uvs[++iuv] = b4x;
+    uvs[++iuv] = b4y;
+    uvs[++iuv] = b5x;
+    uvs[++iuv] = b5y;
+    uvs[++iuv] = b3x;
+    uvs[++iuv] = b3y;
+    uvs[++iuv] = b4x;
+    uvs[++iuv] = b4y;
+    uvs[++iuv] = b6x;
+    uvs[++iuv] = b6y;
+    uvs[++iuv] = b7x;
+    uvs[++iuv] = b7y;
+    uvs[++iuv] = b4x;
+    uvs[++iuv] = b4y;
+    uvs[++iuv] = b5x;
+    uvs[++iuv] = b5y;
+    uvs[++iuv] = b7x;
+    uvs[++iuv] = b7y;
+    uvs[++iuv] = b8x;
+    uvs[++iuv] = b8y;
 };
 //# sourceMappingURL=build-rectangle.js.map