@lightningjs/renderer 0.0.1

package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js

@@ -0,0 +1,82 @@
+/*
+ * If not stated otherwise in this file or this component's LICENSE file the
+ * following copyright and licenses apply:
+ *
+ * Copyright 2023 Comcast
+ *
+ * Licensed under the Apache License, Version 2.0 (the License);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { CoreRenderOp } from '../CoreRenderOp.js';
+import { WebGlCoreShader } from './WebGlCoreShader.js';
+const MAX_TEXTURES = 8; // TODO: get from gl
+/**
+ * Can render multiple quads with multiple textures (up to vertex shader texture limit)
+ *
+ */
+export class WebGlCoreRenderOp extends CoreRenderOp {
+    gl;
+    options;
+    buffers;
+    shader;
+    shaderProps;
+    dimensions;
+    bufferIdx;
+    zIndex;
+    length = 0;
+    numQuads = 0;
+    textures = [];
+    maxTextures;
+    constructor(gl, options, buffers, shader, shaderProps, dimensions, bufferIdx, zIndex) {
+        super();
+        this.gl = gl;
+        this.options = options;
+        this.buffers = buffers;
+        this.shader = shader;
+        this.shaderProps = shaderProps;
+        this.dimensions = dimensions;
+        this.bufferIdx = bufferIdx;
+        this.zIndex = zIndex;
+        this.gl = gl;
+        this.maxTextures = shader.supportsIndexedTextures
+            ? gl.getParameter(gl.MAX_VERTEX_TEXTURE_IMAGE_UNITS)
+            : 1;
+    }
+    addTexture(texture) {
+        const { textures, maxTextures } = this;
+        const existingIdx = textures.findIndex((t) => t === texture);
+        if (existingIdx !== -1) {
+            return existingIdx;
+        }
+        const newIdx = textures.length;
+        if (newIdx >= maxTextures) {
+            return 0xffffffff;
+        }
+        this.textures.push(texture);
+        return newIdx;
+    }
+    draw() {
+        const { gl, shader, shaderProps, options } = this;
+        // shaderOp.draw(this);
+        const { shManager } = options;
+        shManager.useShader(shader);
+        shader.bindRenderOp(this);
+        shader.bindProps(shaderProps);
+        // TODO: Reduce calculations required
+        const quadIdx = (this.bufferIdx / 24) * 6 * 2;
+        // TODO: Move these somewhere else?
+        gl.enable(gl.BLEND);
+        gl.blendFunc(gl.ONE, gl.ONE_MINUS_SRC_ALPHA);
+        gl.drawElements(gl.TRIANGLES, 6 * this.numQuads, gl.UNSIGNED_SHORT, quadIdx);
+    }
+}
+//# sourceMappingURL=WebGlCoreRenderOp.js.map

package/dist/src/core/renderers/webgl/WebGlCoreRenderOp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGlCoreRenderOp.js","sourceRoot":"","sources":["../../../../../src/core/renderers/webgl/WebGlCoreRenderOp.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAMvD,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,oBAAoB;AAE5C;;;GAGG;AACH,MAAM,OAAO,iBAAkB,SAAQ,YAAY;IAOtC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAbX,MAAM,GAAG,CAAC,CAAC;IACX,QAAQ,GAAG,CAAC,CAAC;IACb,QAAQ,GAA0B,EAAE,CAAC;IAC5B,WAAW,CAAS;IAE7B,YACW,EAAkD,EAClD,OAAiC,EACjC,OAAyB,EACzB,MAAuB,EACvB,WAAoC,EACpC,UAAsB,EACtB,SAAiB,EACjB,MAAc;QAEvB,KAAK,EAAE,CAAC;QATC,OAAE,GAAF,EAAE,CAAgD;QAClD,YAAO,GAAP,OAAO,CAA0B;QACjC,YAAO,GAAP,OAAO,CAAkB;QACzB,WAAM,GAAN,MAAM,CAAiB;QACvB,gBAAW,GAAX,WAAW,CAAyB;QACpC,eAAU,GAAV,UAAU,CAAY;QACtB,cAAS,GAAT,SAAS,CAAQ;QACjB,WAAM,GAAN,MAAM,CAAQ;QAGvB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,uBAAuB;YAC/C,CAAC,CAAE,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,8BAA8B,CAAY;YAChE,CAAC,CAAC,CAAC,CAAC;IACR,CAAC;IAED,UAAU,CAAC,OAA4B;QACrC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;QACvC,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;QAC7D,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE;YACtB,OAAO,WAAW,CAAC;SACpB;QACD,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC/B,IAAI,MAAM,IAAI,WAAW,EAAE;YACzB,OAAO,UAAU,CAAC;SACnB;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5B,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI;QACF,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAClD,uBAAuB;QAEvB,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;QAC9B,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAC5B,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAC1B,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAE9B,qCAAqC;QACrC,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAE9C,mCAAmC;QACnC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QACpB,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC;QAE7C,EAAE,CAAC,YAAY,CACb,EAAE,CAAC,SAAS,EACZ,CAAC,GAAG,IAAI,CAAC,QAAQ,EACjB,EAAE,CAAC,cAAc,EACjB,OAAO,CACR,CAAC;IACJ,CAAC;CACF"}

package/dist/src/core/renderers/webgl/WebGlCoreRenderer.d.ts

@@ -0,0 +1,100 @@
+import { CoreRenderer, type QuadOptions as QuadOptions } from '../CoreRenderer.js';
+import { WebGlCoreRenderOp } from './WebGlCoreRenderOp.js';
+import type { CoreContextTexture } from '../CoreContextTexture.js';
+import { type CoreWebGlParameters, type CoreWebGlExtensions } from './internal/RendererUtils.js';
+import { Texture } from '../../textures/Texture.js';
+import type { Stage } from '../../Stage.js';
+import type { CoreTextureManager } from '../../CoreTextureManager.js';
+import { CoreShaderManager } from '../../CoreShaderManager.js';
+import type { CoreShader } from '../CoreShader.js';
+import { BufferCollection } from './internal/BufferCollection.js';
+export interface WebGlCoreRendererOptions {
+    stage: Stage;
+    canvas: HTMLCanvasElement | OffscreenCanvas;
+    pixelRatio: number;
+    txManager: CoreTextureManager;
+    shManager: CoreShaderManager;
+    clearColor: number;
+    bufferMemory: number;
+}
+interface CoreWebGlSystem {
+    parameters: CoreWebGlParameters;
+    extensions: CoreWebGlExtensions;
+}
+export declare class WebGlCoreRenderer extends CoreRenderer {
+    gl: WebGLRenderingContext;
+    system: CoreWebGlSystem;
+    txManager: CoreTextureManager;
+    shManager: CoreShaderManager;
+    options: Required<WebGlCoreRendererOptions>;
+    quadBuffer: ArrayBuffer;
+    fQuadBuffer: Float32Array;
+    uiQuadBuffer: Uint32Array;
+    renderOps: WebGlCoreRenderOp[];
+    curBufferIdx: number;
+    curRenderOp: WebGlCoreRenderOp | null;
+    renderables: Array<QuadOptions | WebGlCoreRenderOp>;
+    defaultShader: CoreShader;
+    quadBufferCollection: BufferCollection;
+    /**
+     * White pixel texture used by default when no texture is specified.
+     */
+    defaultTexture: Texture;
+    constructor(options: WebGlCoreRendererOptions);
+    reset(): void;
+    getShaderManager(): CoreShaderManager;
+    createCtxTexture(textureSource: Texture): CoreContextTexture;
+    /**
+     * Add a renderable to the current set of renderables.
+     *
+     * @remarks
+     * If a {@link QuadOptions} structure is provided, this will ultimately result
+     * in a render ops being created, merged and added to the render ops list.
+     *
+     * If a direct {@link WebGlCoreRenderOp} instance is provided, it will be
+     * added to the render ops list as-is. Be sure to set the zIndex correctly of
+     * the render op to ensure proper rendering order.
+     *
+     * @param renderable
+     */
+    addRenderable(renderable: QuadOptions | WebGlCoreRenderOp): void;
+    private addQuad;
+    /**
+     * Replace the existing RenderOp with a new one that uses the specified Shader
+     * and starts at the specified buffer index.
+     *
+     * @param shader
+     * @param bufferIdx
+     */
+    private newRenderOp;
+    /**
+     * Add a texture to the current RenderOp. If the texture cannot be added to the
+     * current RenderOp, a new RenderOp will be created and the texture will be added
+     * to that one.
+     *
+     * If the texture cannot be added to the new RenderOp, an error will be thrown.
+     *
+     * @param texture
+     * @param bufferIdx
+     * @param recursive
+     * @returns Assigned Texture Index of the texture in the render op
+     */
+    private addTexture;
+    /**
+     * Sort renderable children and add them to the render ops.
+     * @todo:
+     * - move to merge sort to keep relative order
+     * - support z-index parent locking
+     *
+     */
+    sortRenderables(): void;
+    /**
+     * Render the current set of RenderOps to render to the specified surface.
+     *
+     * TODO: 'screen' is the only supported surface at the moment.
+     *
+     * @param surface
+     */
+    render(surface?: 'screen' | CoreContextTexture): void;
+}
+export {};

package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js

@@ -0,0 +1,372 @@
+/*
+ * If not stated otherwise in this file or this component's LICENSE file the
+ * following copyright and licenses apply:
+ *
+ * Copyright 2023 Comcast
+ *
+ * Licensed under the Apache License, Version 2.0 (the License);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { assertTruthy, createWebGLContext, mergeColorAlphaPremultiplied, } from '../../../utils.js';
+import { CoreRenderer, } from '../CoreRenderer.js';
+import { WebGlCoreRenderOp } from './WebGlCoreRenderOp.js';
+import { createIndexBuffer, getWebGlParameters, getWebGlExtensions, } from './internal/RendererUtils.js';
+import { WebGlCoreCtxTexture } from './WebGlCoreCtxTexture.js';
+import { Texture } from '../../textures/Texture.js';
+import { ColorTexture } from '../../textures/ColorTexture.js';
+import { SubTexture } from '../../textures/SubTexture.js';
+import { WebGlCoreCtxSubTexture } from './WebGlCoreCtxSubTexture.js';
+import { CoreShaderManager } from '../../CoreShaderManager.js';
+import { BufferCollection } from './internal/BufferCollection.js';
+import { getNormalizedRgbaComponents } from '../../lib/utils.js';
+import { WebGlCoreShader } from './WebGlCoreShader.js';
+const WORDS_PER_QUAD = 24;
+const BYTES_PER_QUAD = WORDS_PER_QUAD * 4;
+export class WebGlCoreRenderer extends CoreRenderer {
+    //// WebGL Native Context and Data
+    gl;
+    system;
+    //// Core Managers
+    txManager;
+    shManager;
+    //// Options
+    options;
+    //// Persistent data
+    quadBuffer = new ArrayBuffer(1024 * 1024 * 4);
+    fQuadBuffer = new Float32Array(this.quadBuffer);
+    uiQuadBuffer = new Uint32Array(this.quadBuffer);
+    renderOps = [];
+    //// Render Op / Buffer Filling State
+    curBufferIdx = 0;
+    curRenderOp = null;
+    renderables = [];
+    //// Default Shader
+    defaultShader;
+    quadBufferCollection;
+    /**
+     * White pixel texture used by default when no texture is specified.
+     */
+    defaultTexture;
+    constructor(options) {
+        super(options.stage);
+        const { canvas, clearColor, bufferMemory } = options;
+        this.options = options;
+        this.txManager = options.txManager;
+        this.shManager = options.shManager;
+        this.defaultTexture = new ColorTexture(this.txManager);
+        const gl = createWebGLContext(canvas);
+        if (!gl) {
+            throw new Error('Unable to create WebGL context');
+        }
+        this.gl = gl;
+        const color = getNormalizedRgbaComponents(clearColor);
+        gl.viewport(0, 0, canvas.width, canvas.height);
+        gl.clearColor(color[0], color[1], color[2], color[3]);
+        createIndexBuffer(gl, bufferMemory);
+        this.system = {
+            parameters: getWebGlParameters(gl),
+            extensions: getWebGlExtensions(gl),
+        };
+        this.shManager.renderer = this;
+        this.defaultShader = this.shManager.loadShader('DefaultShaderBatched').shader;
+        const quadBuffer = gl.createBuffer();
+        assertTruthy(quadBuffer);
+        const stride = 6 * Float32Array.BYTES_PER_ELEMENT;
+        this.quadBufferCollection = new BufferCollection([
+            {
+                buffer: quadBuffer,
+                attributes: {
+                    a_position: {
+                        name: 'a_position',
+                        size: 2,
+                        type: gl.FLOAT,
+                        normalized: false,
+                        stride,
+                        offset: 0, // start at the beginning of the buffer
+                    },
+                    a_textureCoordinate: {
+                        name: 'a_textureCoordinate',
+                        size: 2,
+                        type: gl.FLOAT,
+                        normalized: false,
+                        stride,
+                        offset: 2 * Float32Array.BYTES_PER_ELEMENT,
+                    },
+                    a_color: {
+                        name: 'a_color',
+                        size: 4,
+                        type: gl.UNSIGNED_BYTE,
+                        normalized: true,
+                        stride,
+                        offset: 4 * Float32Array.BYTES_PER_ELEMENT,
+                    },
+                    a_textureIndex: {
+                        name: 'a_textureIndex',
+                        size: 1,
+                        type: gl.FLOAT,
+                        normalized: false,
+                        stride,
+                        offset: 5 * Float32Array.BYTES_PER_ELEMENT,
+                    },
+                },
+            },
+        ]);
+    }
+    reset() {
+        this.curBufferIdx = 0;
+        this.curRenderOp = null;
+        this.renderOps.length = 0;
+        this.gl.clear(this.gl.COLOR_BUFFER_BIT);
+    }
+    getShaderManager() {
+        return this.shManager;
+    }
+    createCtxTexture(textureSource) {
+        if (textureSource instanceof SubTexture) {
+            return new WebGlCoreCtxSubTexture(this.gl, textureSource);
+        }
+        return new WebGlCoreCtxTexture(this.gl, textureSource);
+    }
+    /**
+     * Add a renderable to the current set of renderables.
+     *
+     * @remarks
+     * If a {@link QuadOptions} structure is provided, this will ultimately result
+     * in a render ops being created, merged and added to the render ops list.
+     *
+     * If a direct {@link WebGlCoreRenderOp} instance is provided, it will be
+     * added to the render ops list as-is. Be sure to set the zIndex correctly of
+     * the render op to ensure proper rendering order.
+     *
+     * @param renderable
+     */
+    addRenderable(renderable) {
+        this.renderables?.push(renderable);
+    }
+    addQuad(params) {
+        const { fQuadBuffer, uiQuadBuffer } = this;
+        const { width, height, colorTl, colorTr, colorBl, colorBr, textureOptions, shader, shaderProps, alpha, wpx, wpy, ta, tb, tc, td, } = params;
+        let { texture } = params;
+        texture = texture ?? this.defaultTexture;
+        assertTruthy(texture instanceof Texture, 'Invalid texture type');
+        let { curBufferIdx: bufferIdx, curRenderOp } = this;
+        const targetDims = {
+            width,
+            height,
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        };
+        const targetShader = shader || this.defaultShader;
+        if (curRenderOp) {
+            if (curRenderOp.shader !== targetShader) {
+                curRenderOp = null;
+            }
+            else if (curRenderOp.shader !== this.defaultShader &&
+                (curRenderOp.shaderProps !== shaderProps ||
+                    curRenderOp.dimensions !== targetDims)) {
+                curRenderOp = null;
+            }
+        }
+        assertTruthy(targetShader instanceof WebGlCoreShader);
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
+        if (!curRenderOp) {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+            this.newRenderOp(targetShader, shaderProps, targetDims, bufferIdx);
+            curRenderOp = this.curRenderOp;
+            assertTruthy(curRenderOp);
+        }
+        const flipX = textureOptions?.flipX ?? false;
+        const flipY = textureOptions?.flipY ?? false;
+        let texCoordX1 = 0;
+        let texCoordY1 = 0;
+        let texCoordX2 = 1;
+        let texCoordY2 = 1;
+        if (texture instanceof SubTexture) {
+            const { x: tx, y: ty, width: tw, height: th } = texture.props;
+            const { width: parentW = 0, height: parentH = 0 } = texture.parentTexture
+                .dimensions || { width: 0, height: 0 };
+            texCoordX1 = tx / parentW;
+            texCoordX2 = texCoordX1 + tw / parentW;
+            texCoordY1 = ty / parentH;
+            texCoordY2 = texCoordY1 + th / parentH;
+            texture = texture.parentTexture;
+        }
+        // Flip texture coordinates if dictated by texture options
+        if (flipX) {
+            [texCoordX1, texCoordX2] = [texCoordX2, texCoordX1];
+        }
+        if (flipY) {
+            [texCoordY1, texCoordY2] = [texCoordY2, texCoordY1];
+        }
+        const { txManager } = this.stage;
+        const ctxTexture = txManager.getCtxTexture(texture);
+        assertTruthy(ctxTexture instanceof WebGlCoreCtxTexture);
+        const textureIdx = this.addTexture(ctxTexture, bufferIdx);
+        curRenderOp = this.curRenderOp;
+        assertTruthy(curRenderOp);
+        // render quad advanced
+        if (tb !== 0 || tc !== 0) {
+            // Upper-Left
+            fQuadBuffer[bufferIdx++] = wpx; // vertexX
+            fQuadBuffer[bufferIdx++] = wpy; // vertexY
+            fQuadBuffer[bufferIdx++] = texCoordX1; // texCoordX
+            fQuadBuffer[bufferIdx++] = texCoordY1; // texCoordY
+            uiQuadBuffer[bufferIdx++] = mergeColorAlphaPremultiplied(colorTl, alpha, true); // color
+            fQuadBuffer[bufferIdx++] = textureIdx; // texIndex
+            // Upper-Right
+            fQuadBuffer[bufferIdx++] = wpx + width * ta;
+            fQuadBuffer[bufferIdx++] = wpy + width * tc;
+            fQuadBuffer[bufferIdx++] = texCoordX2;
+            fQuadBuffer[bufferIdx++] = texCoordY1;
+            uiQuadBuffer[bufferIdx++] = mergeColorAlphaPremultiplied(colorTr, alpha, true);
+            fQuadBuffer[bufferIdx++] = textureIdx;
+            // Lower-Left
+            fQuadBuffer[bufferIdx++] = wpx + height * tb;
+            fQuadBuffer[bufferIdx++] = wpy + height * td;
+            fQuadBuffer[bufferIdx++] = texCoordX1;
+            fQuadBuffer[bufferIdx++] = texCoordY2;
+            uiQuadBuffer[bufferIdx++] = mergeColorAlphaPremultiplied(colorBl, alpha, true);
+            fQuadBuffer[bufferIdx++] = textureIdx;
+            // Lower-Right
+            fQuadBuffer[bufferIdx++] = wpx + width * ta + height * tb;
+            fQuadBuffer[bufferIdx++] = wpy + width * tc + height * td;
+            fQuadBuffer[bufferIdx++] = texCoordX2;
+            fQuadBuffer[bufferIdx++] = texCoordY2;
+            uiQuadBuffer[bufferIdx++] = mergeColorAlphaPremultiplied(colorBr, alpha, true);
+            fQuadBuffer[bufferIdx++] = textureIdx;
+        }
+        else {
+            // Calculate the right corner of the quad
+            // multiplied by the scale
+            const rightCornerX = wpx + width * ta;
+            const rightCornerY = wpy + height * td;
+            // Upper-Left
+            fQuadBuffer[bufferIdx++] = wpx; // vertexX
+            fQuadBuffer[bufferIdx++] = wpy; // vertexY
+            fQuadBuffer[bufferIdx++] = texCoordX1; // texCoordX
+            fQuadBuffer[bufferIdx++] = texCoordY1; // texCoordY
+            uiQuadBuffer[bufferIdx++] = mergeColorAlphaPremultiplied(colorTl, alpha, true); // color
+            fQuadBuffer[bufferIdx++] = textureIdx; // texIndex
+            // Upper-Right
+            fQuadBuffer[bufferIdx++] = rightCornerX;
+            fQuadBuffer[bufferIdx++] = wpy;
+            fQuadBuffer[bufferIdx++] = texCoordX2;
+            fQuadBuffer[bufferIdx++] = texCoordY1;
+            uiQuadBuffer[bufferIdx++] = mergeColorAlphaPremultiplied(colorTr, alpha, true);
+            fQuadBuffer[bufferIdx++] = textureIdx;
+            // Lower-Left
+            fQuadBuffer[bufferIdx++] = wpx;
+            fQuadBuffer[bufferIdx++] = rightCornerY;
+            fQuadBuffer[bufferIdx++] = texCoordX1;
+            fQuadBuffer[bufferIdx++] = texCoordY2;
+            uiQuadBuffer[bufferIdx++] = mergeColorAlphaPremultiplied(colorBl, alpha, true);
+            fQuadBuffer[bufferIdx++] = textureIdx;
+            // Lower-Right
+            fQuadBuffer[bufferIdx++] = rightCornerX;
+            fQuadBuffer[bufferIdx++] = rightCornerY;
+            fQuadBuffer[bufferIdx++] = texCoordX2;
+            fQuadBuffer[bufferIdx++] = texCoordY2;
+            uiQuadBuffer[bufferIdx++] = mergeColorAlphaPremultiplied(colorBr, alpha, true);
+            fQuadBuffer[bufferIdx++] = textureIdx;
+        }
+        // Update the length of the current render op
+        curRenderOp.length += WORDS_PER_QUAD;
+        curRenderOp.numQuads++;
+        this.curBufferIdx = bufferIdx;
+    }
+    /**
+     * Replace the existing RenderOp with a new one that uses the specified Shader
+     * and starts at the specified buffer index.
+     *
+     * @param shader
+     * @param bufferIdx
+     */
+    newRenderOp(shader, shaderProps, dimensions, bufferIdx) {
+        const curRenderOp = new WebGlCoreRenderOp(this.gl, this.options, this.quadBufferCollection, shader, shaderProps, dimensions, bufferIdx, 0);
+        this.curRenderOp = curRenderOp;
+        this.renderOps.push(curRenderOp);
+    }
+    /**
+     * Add a texture to the current RenderOp. If the texture cannot be added to the
+     * current RenderOp, a new RenderOp will be created and the texture will be added
+     * to that one.
+     *
+     * If the texture cannot be added to the new RenderOp, an error will be thrown.
+     *
+     * @param texture
+     * @param bufferIdx
+     * @param recursive
+     * @returns Assigned Texture Index of the texture in the render op
+     */
+    addTexture(texture, bufferIdx, recursive) {
+        const { curRenderOp } = this;
+        assertTruthy(curRenderOp);
+        const textureIdx = curRenderOp.addTexture(texture);
+        // TODO: Refactor to be more DRY
+        if (textureIdx === 0xffffffff) {
+            if (recursive) {
+                throw new Error('Unable to add texture to render op');
+            }
+            const { shader, shaderProps, dimensions } = curRenderOp;
+            this.newRenderOp(shader, shaderProps, dimensions, bufferIdx);
+            return this.addTexture(texture, bufferIdx, true);
+        }
+        return textureIdx;
+    }
+    /**
+     * Sort renderable children and add them to the render ops.
+     * @todo:
+     * - move to merge sort to keep relative order
+     * - support z-index parent locking
+     *
+     */
+    sortRenderables() {
+        const { renderables } = this;
+        renderables.sort((a, b) => a.zIndex - b.zIndex);
+        renderables.forEach((renderable) => {
+            if (renderable instanceof WebGlCoreRenderOp) {
+                this.renderOps.push(renderable);
+                this.curRenderOp = null;
+            }
+            else {
+                this.addQuad(renderable);
+            }
+        });
+    }
+    /**
+     * Render the current set of RenderOps to render to the specified surface.
+     *
+     * TODO: 'screen' is the only supported surface at the moment.
+     *
+     * @param surface
+     */
+    render(surface = 'screen') {
+        const { gl, quadBuffer } = this;
+        const arr = new Float32Array(quadBuffer, 0, this.curBufferIdx);
+        const buffer = this.quadBufferCollection.getBuffer('a_position') ?? null;
+        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+        gl.bufferData(gl.ARRAY_BUFFER, arr, gl.DYNAMIC_DRAW);
+        const doLog = false; // idx++ % 100 === 0;
+        if (doLog) {
+            console.log('renderOps', this.renderOps.length);
+        }
+        this.renderOps.forEach((renderOp, i) => {
+            if (doLog) {
+                console.log('renderOp', i, renderOp.numQuads);
+            }
+            renderOp.draw();
+        });
+        // clean up
+        this.renderables = [];
+    }
+}
+const idx = 0;
+//# sourceMappingURL=WebGlCoreRenderer.js.map

package/dist/src/core/renderers/webgl/WebGlCoreRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGlCoreRenderer.js","sourceRoot":"","sources":["../../../../../src/core/renderers/webgl/WebGlCoreRenderer.ts"],"names":[],"mappings":"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"}

package/dist/src/core/renderers/webgl/WebGlCoreShader.d.ts

@@ -0,0 +1,39 @@
+import { CoreShader } from '../CoreShader.js';
+import type { WebGlCoreCtxTexture } from './WebGlCoreCtxTexture.js';
+import type { WebGlCoreRenderOp } from './WebGlCoreRenderOp.js';
+import type { WebGlCoreRenderer } from './WebGlCoreRenderer.js';
+import type { BufferCollection } from './internal/BufferCollection.js';
+import { type ShaderOptions, type UniformMethodMap, type ShaderProgramSources } from './internal/ShaderUtils.js';
+export declare abstract class WebGlCoreShader extends CoreShader {
+    protected boundBufferCollection: BufferCollection | null;
+    protected buffersBound: boolean;
+    protected program: WebGLProgram;
+    /**
+     * Vertex Array Object
+     *
+     * @remarks
+     * Used by WebGL2 Only
+     */
+    protected vao: WebGLVertexArrayObject | undefined;
+    protected renderer: WebGlCoreRenderer;
+    protected gl: WebGLRenderingContext;
+    protected attributeBuffers: Record<string, WebGLBuffer>;
+    protected attributeLocations: Record<string, number>;
+    protected attributeNames: string[];
+    protected uniformLocations: Record<string, WebGLUniformLocation>;
+    protected uniformTypes: Record<string, keyof UniformMethodMap>;
+    readonly supportsIndexedTextures: boolean;
+    constructor(options: ShaderOptions);
+    private bindBufferAttribute;
+    disableAttribute(location: number): void;
+    disableAttributes(): void;
+    bindRenderOp(renderOp: WebGlCoreRenderOp): void;
+    setUniform(name: string, value: any): void;
+    bindBufferCollection(buffer: BufferCollection): void;
+    bindProps(props: Record<string, unknown>): void;
+    bindTextures(textures: WebGlCoreCtxTexture[]): void;
+    bindUniforms(renderOp: WebGlCoreRenderOp): void;
+    attach(): void;
+    detach(): void;
+    protected static shaderSources?: ShaderProgramSources;
+}