excalibur 0.28.3 → 0.28.4

package/build/dist/Graphics/Context/circle-renderer/circle-renderer.js

@@ -0,0 +1,174 @@
+import { Color } from '../../../Color';
+import { vec } from '../../../Math/vector';
+import { GraphicsDiagnostics } from '../../GraphicsDiagnostics';
+import { pixelSnapEpsilon } from '../ExcaliburGraphicsContextWebGL';
+import { QuadIndexBuffer } from '../quad-index-buffer';
+import { Shader } from '../shader';
+import { VertexBuffer } from '../vertex-buffer';
+import { VertexLayout } from '../vertex-layout';
+import frag from './circle-renderer.frag.glsl';
+import vert from './circle-renderer.vert.glsl';
+export class CircleRenderer {
+    constructor() {
+        this.type = 'ex.circle';
+        this.priority = 0;
+        this._maxCircles = 10922; // max(uint16) / 6 verts
+        this._circleCount = 0;
+        this._vertexIndex = 0;
+    }
+    initialize(gl, context) {
+        this._gl = gl;
+        this._context = context;
+        this._shader = new Shader({
+            gl,
+            fragmentSource: frag,
+            vertexSource: vert
+        });
+        this._shader.compile();
+        // setup uniforms
+        this._shader.use();
+        this._shader.setUniformMatrix('u_matrix', context.ortho);
+        this._buffer = new VertexBuffer({
+            gl,
+            size: 14 * 4 * this._maxCircles,
+            type: 'dynamic'
+        });
+        this._layout = new VertexLayout({
+            gl,
+            shader: this._shader,
+            vertexBuffer: this._buffer,
+            attributes: [
+                ['a_position', 2],
+                ['a_uv', 2],
+                ['a_opacity', 1],
+                ['a_color', 4],
+                ['a_strokeColor', 4],
+                ['a_strokeThickness', 1]
+            ]
+        });
+        this._quads = new QuadIndexBuffer(gl, this._maxCircles, true);
+    }
+    _isFull() {
+        if (this._circleCount >= this._maxCircles) {
+            return true;
+        }
+        return false;
+    }
+    draw(pos, radius, color, stroke = Color.Transparent, strokeThickness = 0) {
+        if (this._isFull()) {
+            this.flush();
+        }
+        this._circleCount++;
+        // transform based on current context
+        const transform = this._context.getTransform();
+        const opacity = this._context.opacity;
+        const snapToPixel = this._context.snapToPixel;
+        const topLeft = transform.multiply(pos.add(vec(-radius, -radius)));
+        const topRight = transform.multiply(pos.add(vec(radius, -radius)));
+        const bottomRight = transform.multiply(pos.add(vec(radius, radius)));
+        const bottomLeft = transform.multiply(pos.add(vec(-radius, radius)));
+        if (snapToPixel) {
+            topLeft.x = ~~(topLeft.x + pixelSnapEpsilon);
+            topLeft.y = ~~(topLeft.y + pixelSnapEpsilon);
+            topRight.x = ~~(topRight.x + pixelSnapEpsilon);
+            topRight.y = ~~(topRight.y + pixelSnapEpsilon);
+            bottomLeft.x = ~~(bottomLeft.x + pixelSnapEpsilon);
+            bottomLeft.y = ~~(bottomLeft.y + pixelSnapEpsilon);
+            bottomRight.x = ~~(bottomRight.x + pixelSnapEpsilon);
+            bottomRight.y = ~~(bottomRight.y + pixelSnapEpsilon);
+        }
+        // TODO UV could be static vertex buffer
+        const uvx0 = 0;
+        const uvy0 = 0;
+        const uvx1 = 1;
+        const uvy1 = 1;
+        // update data
+        const vertexBuffer = this._layout.vertexBuffer.bufferData;
+        // (0, 0) - 0
+        vertexBuffer[this._vertexIndex++] = topLeft.x;
+        vertexBuffer[this._vertexIndex++] = topLeft.y;
+        vertexBuffer[this._vertexIndex++] = uvx0;
+        vertexBuffer[this._vertexIndex++] = uvy0;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = color.r / 255;
+        vertexBuffer[this._vertexIndex++] = color.g / 255;
+        vertexBuffer[this._vertexIndex++] = color.b / 255;
+        vertexBuffer[this._vertexIndex++] = color.a;
+        vertexBuffer[this._vertexIndex++] = stroke.r / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.g / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.b / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.a;
+        vertexBuffer[this._vertexIndex++] = strokeThickness / radius;
+        // (0, 1) - 1
+        vertexBuffer[this._vertexIndex++] = bottomLeft.x;
+        vertexBuffer[this._vertexIndex++] = bottomLeft.y;
+        vertexBuffer[this._vertexIndex++] = uvx0;
+        vertexBuffer[this._vertexIndex++] = uvy1;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = color.r / 255;
+        vertexBuffer[this._vertexIndex++] = color.g / 255;
+        vertexBuffer[this._vertexIndex++] = color.b / 255;
+        vertexBuffer[this._vertexIndex++] = color.a;
+        vertexBuffer[this._vertexIndex++] = stroke.r / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.g / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.b / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.a;
+        vertexBuffer[this._vertexIndex++] = strokeThickness / radius;
+        // (1, 0) - 2
+        vertexBuffer[this._vertexIndex++] = topRight.x;
+        vertexBuffer[this._vertexIndex++] = topRight.y;
+        vertexBuffer[this._vertexIndex++] = uvx1;
+        vertexBuffer[this._vertexIndex++] = uvy0;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = color.r / 255;
+        vertexBuffer[this._vertexIndex++] = color.g / 255;
+        vertexBuffer[this._vertexIndex++] = color.b / 255;
+        vertexBuffer[this._vertexIndex++] = color.a;
+        vertexBuffer[this._vertexIndex++] = stroke.r / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.g / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.b / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.a;
+        vertexBuffer[this._vertexIndex++] = strokeThickness / radius;
+        // (1, 1) - 3
+        vertexBuffer[this._vertexIndex++] = bottomRight.x;
+        vertexBuffer[this._vertexIndex++] = bottomRight.y;
+        vertexBuffer[this._vertexIndex++] = uvx1;
+        vertexBuffer[this._vertexIndex++] = uvy1;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = color.r / 255;
+        vertexBuffer[this._vertexIndex++] = color.g / 255;
+        vertexBuffer[this._vertexIndex++] = color.b / 255;
+        vertexBuffer[this._vertexIndex++] = color.a;
+        vertexBuffer[this._vertexIndex++] = stroke.r / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.g / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.b / 255;
+        vertexBuffer[this._vertexIndex++] = stroke.a;
+        vertexBuffer[this._vertexIndex++] = strokeThickness / radius;
+    }
+    hasPendingDraws() {
+        return this._circleCount !== 0;
+    }
+    flush() {
+        // nothing to draw early exit
+        if (this._circleCount === 0) {
+            return;
+        }
+        const gl = this._gl;
+        // Bind the shader
+        this._shader.use();
+        // Bind the memory layout and upload data
+        this._layout.use(true);
+        // Update ortho matrix uniform
+        this._shader.setUniformMatrix('u_matrix', this._context.ortho);
+        // Bind index buffer
+        this._quads.bind();
+        // Draw all the quads
+        gl.drawElements(gl.TRIANGLES, this._circleCount * 6, this._quads.bufferGlType, 0);
+        GraphicsDiagnostics.DrawnImagesCount += this._circleCount;
+        GraphicsDiagnostics.DrawCallCount++;
+        // Reset
+        this._circleCount = 0;
+        this._vertexIndex = 0;
+    }
+}
+//# sourceMappingURL=circle-renderer.js.map

package/build/dist/Graphics/Context/circle-renderer/circle-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle-renderer.js","sourceRoot":"","sources":["../../../../../src/engine/Graphics/Context/circle-renderer/circle-renderer.ts"],"names":[],"mappings":"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"}

package/build/dist/Graphics/Context/circle-renderer/circle-renderer.vert.glsl

@@ -1,38 +1,38 @@
-#version 300 es
-in vec2 a_position;
-
-// UV coordinate
-in vec2 a_uv;
-out vec2 v_uv;
-
-// Opacity 
-in float a_opacity;
-out float v_opacity;
-
-in vec4 a_color;
-out vec4 v_color;
-
-in vec4 a_strokeColor;
-out vec4 v_strokeColor;
-
-in float a_strokeThickness;
-out float v_strokeThickness;
-
-uniform mat4 u_matrix;
-
-
-void main() {
-   // Set the vertex position using the ortho transform matrix
-   gl_Position = u_matrix * vec4(a_position, 0.0, 1.0);
-
-   // Pass through UV coords
-   v_uv = a_uv;
-   // Pass through the Opacity to the fragment shader
-   v_opacity = a_opacity;
-   // Pass through the color to the fragment shader
-   v_color = a_color;
-   // Pass through the stroke color to the fragment shader
-   v_strokeColor = a_strokeColor;
-   // Pass through the stroke thickenss to the fragment shader
-   v_strokeThickness = a_strokeThickness;
+#version 300 es
+in vec2 a_position;
+
+// UV coordinate
+in vec2 a_uv;
+out vec2 v_uv;
+
+// Opacity 
+in float a_opacity;
+out float v_opacity;
+
+in vec4 a_color;
+out vec4 v_color;
+
+in vec4 a_strokeColor;
+out vec4 v_strokeColor;
+
+in float a_strokeThickness;
+out float v_strokeThickness;
+
+uniform mat4 u_matrix;
+
+
+void main() {
+   // Set the vertex position using the ortho transform matrix
+   gl_Position = u_matrix * vec4(a_position, 0.0, 1.0);
+
+   // Pass through UV coords
+   v_uv = a_uv;
+   // Pass through the Opacity to the fragment shader
+   v_opacity = a_opacity;
+   // Pass through the color to the fragment shader
+   v_color = a_color;
+   // Pass through the stroke color to the fragment shader
+   v_strokeColor = a_strokeColor;
+   // Pass through the stroke thickenss to the fragment shader
+   v_strokeThickness = a_strokeThickness;
 }

package/build/dist/Graphics/Context/debug-text.js

@@ -0,0 +1,47 @@
+import { ImageSource, SpriteFont, SpriteSheet } from '..';
+import debugFont from './debug-font.png';
+/**
+ * Internal debugtext helper
+ */
+export class DebugText {
+    constructor() {
+        /**
+         * base64 font
+         */
+        this.fontSheet = debugFont;
+        this.size = 16;
+        this.load();
+    }
+    load() {
+        this._imageSource = new ImageSource(this.fontSheet);
+        return this._imageSource.load().then(() => {
+            this._spriteSheet = SpriteSheet.fromImageSource({
+                image: this._imageSource,
+                grid: {
+                    rows: 4,
+                    columns: 16,
+                    spriteWidth: 16,
+                    spriteHeight: 16
+                }
+            });
+            this._spriteFont = new SpriteFont({
+                alphabet: '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ,!\'&."?-()+# ',
+                caseInsensitive: true,
+                spriteSheet: this._spriteSheet,
+                spacing: -6
+            });
+        });
+    }
+    /**
+     * Writes debug text using the built in sprint font
+     * @param ctx
+     * @param text
+     * @param pos
+     */
+    write(ctx, text, pos) {
+        if (this._imageSource.isLoaded()) {
+            this._spriteFont.render(ctx, text, null, pos.x, pos.y);
+        }
+    }
+}
+//# sourceMappingURL=debug-text.js.map

package/build/dist/Graphics/Context/debug-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-text.js","sourceRoot":"","sources":["../../../../src/engine/Graphics/Context/debug-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEpF,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC;;GAEG;AACH,MAAM,OAAO,SAAS;IACpB;QAIA;;WAEG;QACa,cAAS,GAAG,SAAS,CAAC;QAC/B,SAAI,GAAW,EAAE,CAAC;QAPvB,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAUM,IAAI;QACT,IAAI,CAAC,YAAY,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACpD,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC,eAAe,CAAC;gBAC9C,KAAK,EAAE,IAAI,CAAC,YAAY;gBACxB,IAAI,EAAE;oBACJ,IAAI,EAAE,CAAC;oBACP,OAAO,EAAE,EAAE;oBACX,WAAW,EAAE,EAAE;oBACf,YAAY,EAAE,EAAE;iBACjB;aACF,CAAC,CAAC;YACH,IAAI,CAAC,WAAW,GAAG,IAAI,UAAU,CAAC;gBAChC,QAAQ,EAAE,oDAAoD;gBAC9D,eAAe,EAAE,IAAI;gBACrB,WAAW,EAAE,IAAI,CAAC,YAAY;gBAC9B,OAAO,EAAE,CAAC,CAAC;aACZ,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACI,KAAK,CAAC,GAA6B,EAAE,IAAY,EAAE,GAAW;QACnE,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC;YACjC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;CACF"}

package/build/dist/Graphics/Context/draw-call.js

@@ -0,0 +1,16 @@
+import { AffineMatrix } from '../../Math/affine-matrix';
+import { Color } from '../../Color';
+export class DrawCall {
+    constructor() {
+        this.z = 0;
+        this.priority = 0;
+        this.transform = AffineMatrix.identity();
+        this.state = {
+            z: 0,
+            opacity: 1,
+            tint: Color.White,
+            material: null
+        };
+    }
+}
+//# sourceMappingURL=draw-call.js.map

package/build/dist/Graphics/Context/draw-call.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw-call.js","sourceRoot":"","sources":["../../../../src/engine/Graphics/Context/draw-call.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,MAAM,OAAO,QAAQ;IAArB;QACS,MAAC,GAAW,CAAC,CAAC;QACd,aAAQ,GAAW,CAAC,CAAC;QAErB,cAAS,GAAiB,YAAY,CAAC,QAAQ,EAAE,CAAC;QAClD,UAAK,GAAkC;YAC5C,CAAC,EAAE,CAAC;YACJ,OAAO,EAAE,CAAC;YACV,IAAI,EAAE,KAAK,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI;SACf,CAAC;IAEJ,CAAC;CAAA"}

package/build/dist/Graphics/Context/image-renderer/image-renderer.frag.glsl

@@ -1,33 +1,33 @@
-#version 300 es
-precision mediump float;
-
-// UV coord
-in vec2 v_texcoord;
-
-// Texture index
-in lowp float v_textureIndex;
-
-// Textures in the current draw
-uniform sampler2D u_textures[%%count%%];
-
-// Opacity
-in float v_opacity;
-
-in vec4 v_tint;
-
-out vec4 fragColor;
-
-void main() {
-   // In order to support the most efficient sprite batching, we have multiple
-   // textures loaded into the gpu (usually 8) this picker logic skips over textures
-   // that do not apply to a particular sprite.
-
-   vec4 color = vec4(1.0, 0, 0, 1.0);
-
-   // GLSL is templated out to pick the right texture and set the vec4 color
-   %%texture_picker%%
-
-   color.rgb = color.rgb * v_opacity;
-   color.a = color.a * v_opacity;
-   fragColor = color * v_tint;
+#version 300 es
+precision mediump float;
+
+// UV coord
+in vec2 v_texcoord;
+
+// Texture index
+in lowp float v_textureIndex;
+
+// Textures in the current draw
+uniform sampler2D u_textures[%%count%%];
+
+// Opacity
+in float v_opacity;
+
+in vec4 v_tint;
+
+out vec4 fragColor;
+
+void main() {
+   // In order to support the most efficient sprite batching, we have multiple
+   // textures loaded into the gpu (usually 8) this picker logic skips over textures
+   // that do not apply to a particular sprite.
+
+   vec4 color = vec4(1.0, 0, 0, 1.0);
+
+   // GLSL is templated out to pick the right texture and set the vec4 color
+   %%texture_picker%%
+
+   color.rgb = color.rgb * v_opacity;
+   color.a = color.a * v_opacity;
+   fragColor = color * v_tint;
 }

package/build/dist/Graphics/Context/image-renderer/image-renderer.js

@@ -0,0 +1,246 @@
+import { vec } from '../../../Math/vector';
+import { ImageFiltering } from '../../Filtering';
+import { GraphicsDiagnostics } from '../../GraphicsDiagnostics';
+import { pixelSnapEpsilon } from '../ExcaliburGraphicsContextWebGL';
+import { QuadIndexBuffer } from '../quad-index-buffer';
+import { Shader } from '../shader';
+import { VertexBuffer } from '../vertex-buffer';
+import { VertexLayout } from '../vertex-layout';
+import frag from './image-renderer.frag.glsl';
+import vert from './image-renderer.vert.glsl';
+export class ImageRenderer {
+    constructor() {
+        this.type = 'ex.image';
+        this.priority = 0;
+        this._maxImages = 10922; // max(uint16) / 6 verts
+        this._maxTextures = 0;
+        // Per flush vars
+        this._imageCount = 0;
+        this._textures = [];
+        this._vertexIndex = 0;
+    }
+    initialize(gl, context) {
+        this._gl = gl;
+        this._context = context;
+        // Transform shader source
+        // FIXME: PIXEL 6 complains `ERROR: Expression too complex.` if we use it's reported max texture units, 125 seems to work for now...
+        this._maxTextures = Math.min(gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS), 125);
+        const transformedFrag = this._transformFragmentSource(frag, this._maxTextures);
+        // Compile shader
+        this._shader = new Shader({
+            gl,
+            fragmentSource: transformedFrag,
+            vertexSource: vert
+        });
+        this._shader.compile();
+        // setup uniforms
+        this._shader.use();
+        this._shader.setUniformMatrix('u_matrix', context.ortho);
+        // Initialize texture slots to [0, 1, 2, 3, 4, .... maxGPUTextures]
+        this._shader.setUniformIntArray('u_textures', [...Array(this._maxTextures)].map((_, i) => i));
+        // Setup memory layout
+        this._buffer = new VertexBuffer({
+            gl,
+            size: 10 * 4 * this._maxImages, // 10 components * 4 verts
+            type: 'dynamic'
+        });
+        this._layout = new VertexLayout({
+            gl,
+            shader: this._shader,
+            vertexBuffer: this._buffer,
+            attributes: [
+                ['a_position', 2],
+                ['a_opacity', 1],
+                ['a_texcoord', 2],
+                ['a_textureIndex', 1],
+                ['a_tint', 4]
+            ]
+        });
+        // Setup index buffer
+        this._quads = new QuadIndexBuffer(gl, this._maxImages, true);
+    }
+    _transformFragmentSource(source, maxTextures) {
+        let newSource = source.replace('%%count%%', maxTextures.toString());
+        let texturePickerBuilder = '';
+        for (let i = 0; i < maxTextures; i++) {
+            if (i === 0) {
+                texturePickerBuilder += `if (v_textureIndex <= ${i}.5) {\n`;
+            }
+            else {
+                texturePickerBuilder += `   else if (v_textureIndex <= ${i}.5) {\n`;
+            }
+            texturePickerBuilder += `      color = texture(u_textures[${i}], v_texcoord);\n`;
+            texturePickerBuilder += `   }\n`;
+        }
+        newSource = newSource.replace('%%texture_picker%%', texturePickerBuilder);
+        return newSource;
+    }
+    _addImageAsTexture(image) {
+        const maybeFiltering = image.getAttribute('filtering');
+        let filtering = null;
+        if (maybeFiltering === ImageFiltering.Blended ||
+            maybeFiltering === ImageFiltering.Pixel) {
+            filtering = maybeFiltering;
+        }
+        const force = image.getAttribute('forceUpload') === 'true' ? true : false;
+        const texture = this._context.textureLoader.load(image, filtering, force);
+        // remove force attribute after upload
+        image.removeAttribute('forceUpload');
+        if (this._textures.indexOf(texture) === -1) {
+            this._textures.push(texture);
+        }
+    }
+    _bindTextures(gl) {
+        // Bind textures in the correct order
+        for (let i = 0; i < this._maxTextures; i++) {
+            gl.activeTexture(gl.TEXTURE0 + i);
+            gl.bindTexture(gl.TEXTURE_2D, this._textures[i] || this._textures[0]);
+        }
+    }
+    _getTextureIdForImage(image) {
+        if (image) {
+            const maybeTexture = this._context.textureLoader.get(image);
+            return this._textures.indexOf(maybeTexture);
+        }
+        return -1;
+    }
+    _isFull() {
+        if (this._imageCount >= this._maxImages) {
+            return true;
+        }
+        if (this._textures.length >= this._maxTextures) {
+            return true;
+        }
+        return false;
+    }
+    draw(image, sx, sy, swidth, sheight, dx, dy, dwidth, dheight) {
+        var _a, _b, _c, _d;
+        // Force a render if the batch is full
+        if (this._isFull()) {
+            this.flush();
+        }
+        this._imageCount++;
+        // This creates and uploads the texture if not already done
+        this._addImageAsTexture(image);
+        let width = (image === null || image === void 0 ? void 0 : image.width) || swidth || 0;
+        let height = (image === null || image === void 0 ? void 0 : image.height) || sheight || 0;
+        let view = [0, 0, (_a = swidth !== null && swidth !== void 0 ? swidth : image === null || image === void 0 ? void 0 : image.width) !== null && _a !== void 0 ? _a : 0, (_b = sheight !== null && sheight !== void 0 ? sheight : image === null || image === void 0 ? void 0 : image.height) !== null && _b !== void 0 ? _b : 0];
+        let dest = [sx !== null && sx !== void 0 ? sx : 1, sy !== null && sy !== void 0 ? sy : 1];
+        // If destination is specified, update view and dest
+        if (dx !== undefined && dy !== undefined && dwidth !== undefined && dheight !== undefined) {
+            view = [sx !== null && sx !== void 0 ? sx : 1, sy !== null && sy !== void 0 ? sy : 1, (_c = swidth !== null && swidth !== void 0 ? swidth : image === null || image === void 0 ? void 0 : image.width) !== null && _c !== void 0 ? _c : 0, (_d = sheight !== null && sheight !== void 0 ? sheight : image === null || image === void 0 ? void 0 : image.height) !== null && _d !== void 0 ? _d : 0];
+            dest = [dx, dy];
+            width = dwidth;
+            height = dheight;
+        }
+        sx = view[0];
+        sy = view[1];
+        const sw = view[2];
+        const sh = view[3];
+        // transform based on current context
+        const transform = this._context.getTransform();
+        const opacity = this._context.opacity;
+        const snapToPixel = this._context.snapToPixel;
+        let topLeft = vec(dest[0], dest[1]);
+        let topRight = vec(dest[0] + width, dest[1]);
+        let bottomLeft = vec(dest[0], dest[1] + height);
+        let bottomRight = vec(dest[0] + width, dest[1] + height);
+        topLeft = transform.multiply(topLeft);
+        topRight = transform.multiply(topRight);
+        bottomLeft = transform.multiply(bottomLeft);
+        bottomRight = transform.multiply(bottomRight);
+        if (snapToPixel) {
+            topLeft.x = ~~(topLeft.x + pixelSnapEpsilon);
+            topLeft.y = ~~(topLeft.y + pixelSnapEpsilon);
+            topRight.x = ~~(topRight.x + pixelSnapEpsilon);
+            topRight.y = ~~(topRight.y + pixelSnapEpsilon);
+            bottomLeft.x = ~~(bottomLeft.x + pixelSnapEpsilon);
+            bottomLeft.y = ~~(bottomLeft.y + pixelSnapEpsilon);
+            bottomRight.x = ~~(bottomRight.x + pixelSnapEpsilon);
+            bottomRight.y = ~~(bottomRight.y + pixelSnapEpsilon);
+        }
+        const tint = this._context.tint;
+        const textureId = this._getTextureIdForImage(image);
+        const imageWidth = image.width || width;
+        const imageHeight = image.height || height;
+        const uvx0 = (sx) / imageWidth;
+        const uvy0 = (sy) / imageHeight;
+        const uvx1 = (sx + sw - 0.01) / imageWidth;
+        const uvy1 = (sy + sh - 0.01) / imageHeight;
+        // update data
+        const vertexBuffer = this._layout.vertexBuffer.bufferData;
+        // (0, 0) - 0
+        vertexBuffer[this._vertexIndex++] = topLeft.x;
+        vertexBuffer[this._vertexIndex++] = topLeft.y;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = uvx0;
+        vertexBuffer[this._vertexIndex++] = uvy0;
+        vertexBuffer[this._vertexIndex++] = textureId;
+        vertexBuffer[this._vertexIndex++] = tint.r / 255;
+        vertexBuffer[this._vertexIndex++] = tint.g / 255;
+        vertexBuffer[this._vertexIndex++] = tint.b / 255;
+        vertexBuffer[this._vertexIndex++] = tint.a;
+        // (0, 1) - 1
+        vertexBuffer[this._vertexIndex++] = bottomLeft.x;
+        vertexBuffer[this._vertexIndex++] = bottomLeft.y;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = uvx0;
+        vertexBuffer[this._vertexIndex++] = uvy1;
+        vertexBuffer[this._vertexIndex++] = textureId;
+        vertexBuffer[this._vertexIndex++] = tint.r / 255;
+        vertexBuffer[this._vertexIndex++] = tint.g / 255;
+        vertexBuffer[this._vertexIndex++] = tint.b / 255;
+        vertexBuffer[this._vertexIndex++] = tint.a;
+        // (1, 0) - 2
+        vertexBuffer[this._vertexIndex++] = topRight.x;
+        vertexBuffer[this._vertexIndex++] = topRight.y;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = uvx1;
+        vertexBuffer[this._vertexIndex++] = uvy0;
+        vertexBuffer[this._vertexIndex++] = textureId;
+        vertexBuffer[this._vertexIndex++] = tint.r / 255;
+        vertexBuffer[this._vertexIndex++] = tint.g / 255;
+        vertexBuffer[this._vertexIndex++] = tint.b / 255;
+        vertexBuffer[this._vertexIndex++] = tint.a;
+        // (1, 1) - 3
+        vertexBuffer[this._vertexIndex++] = bottomRight.x;
+        vertexBuffer[this._vertexIndex++] = bottomRight.y;
+        vertexBuffer[this._vertexIndex++] = opacity;
+        vertexBuffer[this._vertexIndex++] = uvx1;
+        vertexBuffer[this._vertexIndex++] = uvy1;
+        vertexBuffer[this._vertexIndex++] = textureId;
+        vertexBuffer[this._vertexIndex++] = tint.r / 255;
+        vertexBuffer[this._vertexIndex++] = tint.g / 255;
+        vertexBuffer[this._vertexIndex++] = tint.b / 255;
+        vertexBuffer[this._vertexIndex++] = tint.a;
+    }
+    hasPendingDraws() {
+        return this._imageCount !== 0;
+    }
+    flush() {
+        // nothing to draw early exit
+        if (this._imageCount === 0) {
+            return;
+        }
+        const gl = this._gl;
+        // Bind the shader
+        this._shader.use();
+        // Bind the memory layout and upload data
+        this._layout.use(true, 4 * 10 * this._imageCount);
+        // Update ortho matrix uniform
+        this._shader.setUniformMatrix('u_matrix', this._context.ortho);
+        // Bind textures to
+        this._bindTextures(gl);
+        // Bind index buffer
+        this._quads.bind();
+        // Draw all the quads
+        gl.drawElements(gl.TRIANGLES, this._imageCount * 6, this._quads.bufferGlType, 0);
+        GraphicsDiagnostics.DrawnImagesCount += this._imageCount;
+        GraphicsDiagnostics.DrawCallCount++;
+        // Reset
+        this._imageCount = 0;
+        this._vertexIndex = 0;
+        this._textures.length = 0;
+    }
+}
+//# sourceMappingURL=image-renderer.js.map