@codexo/exojs-tilemap 0.13.0

package/dist/esm/webgl2/WebGl2TileChunkRenderer.d.ts

@@ -0,0 +1,39 @@
+import type { WebGl2Backend } from '@codexo/exojs/rendering';
+import { AbstractWebGl2Renderer } from '@codexo/exojs/rendering';
+import type { TileChunkNode } from '../TileChunkNode';
+/**
+ * Instanced WebGL2 renderer for {@link TileChunkNode}. Each tile is one
+ * instanced quad; tiles are batched by `(shader, tileset texture)` and one
+ * `drawArraysInstanced` is issued per batch. Per-chunk transforms ride on the
+ * shared transform buffer (one row per chunk node), so the chunk geometry is
+ * orientation-neutral and never re-uploaded for a camera pan.
+ * @internal
+ */
+export declare class WebGl2TileChunkRenderer extends AbstractWebGl2Renderer<TileChunkNode> {
+    private readonly _shader;
+    private readonly _batchSize;
+    private readonly _instanceData;
+    private readonly _instanceFloat32;
+    private readonly _instanceUint32;
+    private readonly _transformUnitScratch;
+    private _quadIndex;
+    private _maxNodeIndex;
+    private _currentBlendMode;
+    private _currentTexture;
+    private _currentView;
+    private _currentViewId;
+    private _instanceBuffer;
+    private _vao;
+    private _connection;
+    constructor(batchSize: number);
+    render(node: TileChunkNode): void;
+    private _renderPage;
+    private _writeRun;
+    flush(): void;
+    protected onConnect(backend: WebGl2Backend): void;
+    protected onDisconnect(): void;
+    destroy(): void;
+    private _createConnection;
+    private _createBufferRuntime;
+    private _createVaoRuntime;
+}

package/dist/esm/webgl2/WebGl2TileChunkRenderer.js

@@ -0,0 +1,339 @@
+import { AbstractWebGl2Renderer, Shader, RenderingPrimitives, createWebGl2ShaderProgram, WebGl2RenderBuffer, BufferTypes, BufferUsage, WebGl2VertexArrayObject } from '@codexo/exojs/rendering';
+
+// One instance = one tile quad. Layout matches the engine's instanced-quad
+// convention (NineSlice/Repeating): float32x4 local rect, unorm16x4 UV bounds,
+// unorm8x4 tint, uint32 tile word (transform row + diagonal bit).
+const instanceStrideBytes = 32;
+const wordsPerInstance = instanceStrideBytes / Uint32Array.BYTES_PER_ELEMENT;
+const transformTextureUnit = 1;
+// Tile word packing: transform-buffer row in the low 29 bits, diagonal flip in
+// bit 29. flipX/flipY are baked into the UV bounds at write time; the shader
+// only needs the diagonal axis swap.
+const TILE_ROW_MASK = 0x1fffffff;
+const TILE_DIAGONAL_BIT = 0x20000000;
+const tileVertexSource = `#version 300 es
+precision highp float;
+precision highp int;
+
+// Per-instance attributes (divisor = 1). One entry per tile quad.
+// gl_VertexID 0..3 selects which corner of the quad this invocation computes.
+layout(location = 0) in vec4 a_quadBounds;   // x0, y0, x1, y1 (chunk-local)
+layout(location = 1) in vec4 a_uvBounds;     // uMin, vMin, uMax, vMax (flipX/Y + texture flipY baked)
+layout(location = 2) in vec4 a_color;        // RGBA tint (layer opacity in alpha)
+layout(location = 3) in uint a_tileWord;     // transform row (bits 0..28) | diagonal (bit 29)
+
+uniform mat3 u_projection;
+uniform sampler2D u_transforms;              // shared per-frame transform buffer (2 texels/row)
+
+out vec2 v_texcoord;
+out vec4 v_color;
+
+void main(void) {
+    // gl_VertexID 0..3 -> corner: 0=TL, 1=TR, 2=BL, 3=BR (TRIANGLE_STRIP order)
+    int vid = gl_VertexID;
+    int cornerX = vid & 1;
+    int cornerY = (vid >> 1) & 1;
+
+    float localX = (cornerX == 0) ? a_quadBounds.x : a_quadBounds.z;
+    float localY = (cornerY == 0) ? a_quadBounds.y : a_quadBounds.w;
+
+    int row = int(a_tileWord & ${TILE_ROW_MASK}u);
+    bool diagonal = (a_tileWord & ${TILE_DIAGONAL_BIT}u) != 0u;
+
+    vec4 m0 = texelFetch(u_transforms, ivec2(0, row), 0); // a, b, c, d
+    vec4 m1 = texelFetch(u_transforms, ivec2(1, row), 0); // tx, ty, 0, 0
+
+    float worldX = (m0.x * localX) + (m0.y * localY) + m1.x;
+    float worldY = (m0.z * localX) + (m0.w * localY) + m1.y;
+
+    gl_Position = vec4((u_projection * vec3(worldX, worldY, 1.0)).xy, 0.0, 1.0);
+
+    // Tile orientation: the diagonal flip transposes the corner-coordinate axes
+    // before the UV corner is selected; flipX/flipY are already baked into the
+    // (uMin,uMax)/(vMin,vMax) ordering by the CPU writer.
+    int su = cornerX;
+    int sv = cornerY;
+    if (diagonal) { int t = su; su = sv; sv = t; }
+
+    float u = (su == 0) ? a_uvBounds.x : a_uvBounds.z;
+    float v = (sv == 0) ? a_uvBounds.y : a_uvBounds.w;
+    v_texcoord = vec2(u, v);
+
+    v_color = vec4(a_color.rgb * a_color.a, a_color.a);
+}`;
+const tileFragmentSource = `#version 300 es
+precision highp float;
+
+uniform sampler2D u_texture;
+
+in vec2 v_texcoord;
+in vec4 v_color;
+
+layout(location = 0) out vec4 fragColor;
+
+void main(void) {
+    vec4 sampleColor = texture(u_texture, v_texcoord);
+    fragColor = sampleColor * v_color;
+}`;
+/**
+ * Instanced WebGL2 renderer for {@link TileChunkNode}. Each tile is one
+ * instanced quad; tiles are batched by `(shader, tileset texture)` and one
+ * `drawArraysInstanced` is issued per batch. Per-chunk transforms ride on the
+ * shared transform buffer (one row per chunk node), so the chunk geometry is
+ * orientation-neutral and never re-uploaded for a camera pan.
+ * @internal
+ */
+class WebGl2TileChunkRenderer extends AbstractWebGl2Renderer {
+    _shader;
+    _batchSize;
+    _instanceData;
+    _instanceFloat32;
+    _instanceUint32;
+    _transformUnitScratch = new Int32Array([transformTextureUnit]);
+    _quadIndex = 0;
+    _maxNodeIndex = 0;
+    _currentBlendMode = null;
+    _currentTexture = null;
+    _currentView = null;
+    _currentViewId = -1;
+    _instanceBuffer = null;
+    _vao = null;
+    _connection = null;
+    constructor(batchSize) {
+        super();
+        this._batchSize = batchSize;
+        this._shader = new Shader(tileVertexSource, tileFragmentSource);
+        this._instanceData = new ArrayBuffer(batchSize * instanceStrideBytes);
+        this._instanceFloat32 = new Float32Array(this._instanceData);
+        this._instanceUint32 = new Uint32Array(this._instanceData);
+    }
+    render(node) {
+        const pages = node.pages;
+        if (pages.length === 0) {
+            return;
+        }
+        const backend = this.getBackend();
+        const blendMode = node.blendMode;
+        const tintRgba = node.tint.toRgba();
+        const command = backend.activeDrawCommand;
+        const nodeIndex = command !== null ? command.nodeIndex : backend._pushTransform(node);
+        for (const page of pages) {
+            this._renderPage(backend, page.texture, page.quads, blendMode, tintRgba, nodeIndex);
+        }
+    }
+    _renderPage(backend, texture, quads, blendMode, tintRgba, nodeIndex) {
+        if (quads.length === 0) {
+            return;
+        }
+        const textureChanged = this._currentTexture !== null && texture !== this._currentTexture;
+        const blendModeChanged = blendMode !== this._currentBlendMode;
+        if (this._quadIndex > 0 && (blendModeChanged || textureChanged || this._quadIndex + quads.length > this._batchSize)) {
+            this.flush();
+        }
+        if (this._currentBlendMode === null || this._currentBlendMode !== blendMode) {
+            this._currentBlendMode = blendMode;
+            backend.setBlendMode(blendMode);
+        }
+        if (this._currentTexture !== texture) {
+            this._currentTexture = texture;
+            backend.bindTexture(texture, 0);
+        }
+        const flipY = texture.flipY;
+        // A chunk page may hold more tiles than the fixed batch buffer; write in
+        // batch-sized runs, flushing (and re-establishing state) between runs.
+        let offset = 0;
+        while (offset < quads.length) {
+            const remaining = quads.length - offset;
+            const runSize = Math.min(remaining, this._batchSize);
+            this._writeRun(quads, offset, runSize, flipY, tintRgba, nodeIndex);
+            offset += runSize;
+            if (offset < quads.length) {
+                this.flush();
+                this._currentBlendMode = blendMode;
+                backend.setBlendMode(blendMode);
+                this._currentTexture = texture;
+                backend.bindTexture(texture, 0);
+            }
+        }
+    }
+    _writeRun(quads, offset, count, flipY, tintRgba, nodeIndex) {
+        const f32 = this._instanceFloat32;
+        const u32 = this._instanceUint32;
+        const baseWord = nodeIndex & TILE_ROW_MASK;
+        for (let i = 0; i < count; i++) {
+            const q = quads[offset + i];
+            const idx = this._quadIndex * wordsPerInstance;
+            f32[idx + 0] = q.x0;
+            f32[idx + 1] = q.y0;
+            f32[idx + 2] = q.x1;
+            f32[idx + 3] = q.y1;
+            // Bake flipX/flipY into the UV corner ordering; the diagonal axis swap is
+            // resolved in the shader. Texture flipY (uploaded-flipped atlases) is an
+            // additional vertical swap that composes with the tile flipY.
+            const flipX = (q.orient & 1) !== 0;
+            const tileFlipY = (q.orient & 2) !== 0;
+            const diagonal = (q.orient & 4) !== 0;
+            const uA = flipX ? q.u1 : q.u0;
+            const uB = flipX ? q.u0 : q.u1;
+            let vA = tileFlipY ? q.v1 : q.v0;
+            let vB = tileFlipY ? q.v0 : q.v1;
+            if (flipY) {
+                const swap = vA;
+                vA = vB;
+                vB = swap;
+            }
+            const uMin = (uA * 0xffff) & 0xffff;
+            const vMin = (vA * 0xffff) & 0xffff;
+            const uMax = (uB * 0xffff) & 0xffff;
+            const vMax = (vB * 0xffff) & 0xffff;
+            u32[idx + 4] = uMin | (vMin << 16);
+            u32[idx + 5] = uMax | (vMax << 16);
+            u32[idx + 6] = tintRgba;
+            u32[idx + 7] = (diagonal ? baseWord | TILE_DIAGONAL_BIT : baseWord) >>> 0;
+            this._quadIndex++;
+        }
+        if (nodeIndex > this._maxNodeIndex) {
+            this._maxNodeIndex = nodeIndex;
+        }
+    }
+    flush() {
+        const backend = this.getBackendOrNull();
+        const instanceBuffer = this._instanceBuffer;
+        const vao = this._vao;
+        if (this._quadIndex === 0 || backend === null || instanceBuffer === null || vao === null) {
+            this._quadIndex = 0;
+            this._maxNodeIndex = 0;
+            return;
+        }
+        const view = backend.view;
+        if (this._currentView !== view || this._currentViewId !== view.updateId) {
+            this._currentView = view;
+            this._currentViewId = view.updateId;
+            this._shader.getUniform('u_projection').setValue(view.getTransform().toArray(false));
+        }
+        if (this._currentTexture !== null) {
+            this._shader.getUniform('u_texture').setValue(new Int32Array([0]));
+        }
+        backend.bindTransformBufferTexture(transformTextureUnit, this._maxNodeIndex + 1);
+        this._shader.getUniform('u_transforms').setValue(this._transformUnitScratch);
+        this._shader.sync();
+        backend.bindVertexArrayObject(vao);
+        instanceBuffer.upload(this._instanceFloat32.subarray(0, this._quadIndex * wordsPerInstance));
+        vao.drawInstanced(4, 0, this._quadIndex, RenderingPrimitives.TriangleStrip);
+        backend.stats.batches++;
+        backend.stats.drawCalls++;
+        this._quadIndex = 0;
+        this._maxNodeIndex = 0;
+    }
+    onConnect(backend) {
+        const gl = backend.context;
+        this._shader.connect(createWebGl2ShaderProgram(gl));
+        this._connection = this._createConnection(gl);
+        this._instanceBuffer = new WebGl2RenderBuffer(BufferTypes.ArrayBuffer, this._instanceData, BufferUsage.DynamicDraw).connect(this._createBufferRuntime(this._connection));
+        this._shader.sync();
+        this._vao = new WebGl2VertexArrayObject(RenderingPrimitives.TriangleStrip)
+            .addAttribute(this._instanceBuffer, this._shader.getAttribute('a_quadBounds'), gl.FLOAT, false, instanceStrideBytes, 0, false, 1)
+            .addAttribute(this._instanceBuffer, this._shader.getAttribute('a_uvBounds'), gl.UNSIGNED_SHORT, true, instanceStrideBytes, 16, false, 1)
+            .addAttribute(this._instanceBuffer, this._shader.getAttribute('a_color'), gl.UNSIGNED_BYTE, true, instanceStrideBytes, 24, false, 1)
+            .addAttribute(this._instanceBuffer, this._shader.getAttribute('a_tileWord'), gl.UNSIGNED_INT, false, instanceStrideBytes, 28, true, 1)
+            .connect(this._createVaoRuntime(this._connection));
+    }
+    onDisconnect() {
+        this._shader.disconnect();
+        this._instanceBuffer?.destroy();
+        this._instanceBuffer = null;
+        this._vao?.destroy();
+        this._vao = null;
+        this._connection = null;
+        this._currentBlendMode = null;
+        this._currentTexture = null;
+        this._currentView = null;
+        this._currentViewId = -1;
+        this._quadIndex = 0;
+        this._maxNodeIndex = 0;
+    }
+    destroy() {
+        this.disconnect();
+        this._shader.destroy();
+    }
+    _createConnection(gl) {
+        const vaoHandle = gl.createVertexArray();
+        if (vaoHandle === null) {
+            throw new Error('WebGl2TileChunkRenderer: could not create vertex array object.');
+        }
+        return { gl, buffers: new Map(), vaoHandle };
+    }
+    _createBufferRuntime(connection) {
+        const handle = connection.gl.createBuffer();
+        if (handle === null) {
+            throw new Error('WebGl2TileChunkRenderer: could not create render buffer.');
+        }
+        return {
+            bind: (buffer) => {
+                connection.gl.bindBuffer(buffer.type, handle);
+            },
+            upload: (buffer, offset) => {
+                const gl = connection.gl;
+                const data = buffer.data;
+                const state = connection.buffers.get(buffer);
+                gl.bindBuffer(buffer.type, handle);
+                if (state && state.dataByteLength >= data.byteLength) {
+                    gl.bufferSubData(buffer.type, offset, data);
+                    state.dataByteLength = data.byteLength;
+                }
+                else {
+                    gl.bufferData(buffer.type, data, buffer.usage);
+                    connection.buffers.set(buffer, { handle, dataByteLength: data.byteLength });
+                }
+            },
+            destroy: (buffer) => {
+                connection.gl.deleteBuffer(handle);
+                connection.buffers.delete(buffer);
+                buffer.disconnect();
+            },
+        };
+    }
+    _createVaoRuntime(connection) {
+        let appliedVersion = -1;
+        return {
+            bind: (vao) => {
+                const gl = connection.gl;
+                gl.bindVertexArray(connection.vaoHandle);
+                if (appliedVersion !== vao.version) {
+                    let lastBuffer = null;
+                    for (const attribute of vao.attributes) {
+                        if (lastBuffer !== attribute.buffer) {
+                            attribute.buffer.bind();
+                            lastBuffer = attribute.buffer;
+                        }
+                        if (attribute.integer) {
+                            gl.vertexAttribIPointer(attribute.location, attribute.size, attribute.type, attribute.stride, attribute.start);
+                        }
+                        else {
+                            gl.vertexAttribPointer(attribute.location, attribute.size, attribute.type, attribute.normalized, attribute.stride, attribute.start);
+                        }
+                        gl.enableVertexAttribArray(attribute.location);
+                        gl.vertexAttribDivisor(attribute.location, attribute.divisor);
+                    }
+                    appliedVersion = vao.version;
+                }
+            },
+            unbind: () => {
+                connection.gl.bindVertexArray(null);
+            },
+            draw: (_vao, size, start, type) => {
+                connection.gl.drawArrays(type, start, size);
+            },
+            drawInstanced: (_vao, count, start, instanceCount, type) => {
+                connection.gl.drawArraysInstanced(type, start, count, instanceCount);
+            },
+            destroy: (vao) => {
+                connection.gl.deleteVertexArray(connection.vaoHandle);
+                vao.disconnect();
+            },
+        };
+    }
+}
+
+export { WebGl2TileChunkRenderer };
+//# sourceMappingURL=WebGl2TileChunkRenderer.js.map

package/dist/esm/webgl2/WebGl2TileChunkRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebGl2TileChunkRenderer.js","sources":["../../../../src/webgl2/WebGl2TileChunkRenderer.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/webgpu/WebGpuTileChunkRenderer.d.ts

@@ -0,0 +1,42 @@
+import type { WebGpuBackend } from '@codexo/exojs/rendering';
+import { AbstractWebGpuRenderer } from '@codexo/exojs/rendering';
+import type { TileChunkNode } from '../TileChunkNode';
+/**
+ * Instanced WebGPU renderer for {@link TileChunkNode}, the parity counterpart of
+ * the WebGL2 renderer. Same instance layout and orientation handling; per-chunk
+ * transforms ride on the backend's shared transform storage buffer, and the
+ * instance buffer grows on demand rather than flushing in fixed runs.
+ * @internal
+ */
+export declare class WebGpuTileChunkRenderer extends AbstractWebGpuRenderer<TileChunkNode> {
+    private readonly _projectionData;
+    private _device;
+    private _shaderModule;
+    private _uniformBindGroupLayout;
+    private _textureBindGroupLayout;
+    private _pipelineLayout;
+    private _uniformBuffer;
+    private _transformBindGroup;
+    private _transformStorageBuffer;
+    private _indexBuffer;
+    private _instanceBuffer;
+    private _instanceCapacity;
+    private _instanceData;
+    private _instanceFloat32;
+    private _instanceUint32;
+    private readonly _pipelines;
+    private _quadIndex;
+    private _maxNodeIndex;
+    private _currentBlendMode;
+    private _currentTexture;
+    protected onConnect(backend: WebGpuBackend): void;
+    protected onDisconnect(): void;
+    render(node: TileChunkNode): void;
+    private _renderPage;
+    flush(): void;
+    destroy(): void;
+    private _getOrCreateTransformBindGroup;
+    private _createTextureBindGroup;
+    private _getPipeline;
+    private _ensureInstanceCapacity;
+}