@luma.gl/webgl 9.0.5 → 9.0.7

package/dist/adapter/converters/device-parameters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"device-parameters.d.ts","sourceRoot":"","sources":["../../../src/adapter/converters/device-parameters.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAgD,MAAM,eAAe,CAAC;AAClG,OAAO,EAAC,MAAM,EAAsB,UAAU,EAA+B,MAAM,eAAe,CAAC;AAEnG,OAAO,KAAK,EAGV,UAAU,EACV,YAAY,EAIb,MAAM,oBAAoB,CAAC;AAO5B;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,GAAG,OAAO,EACnD,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,GAC3B,CAAC,CAgBH;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,GAAG,OAAO,EAC1C,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,YAAY,EACxB,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,GAC3B,CAAC,CAeH;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,OAAO,EAC9C,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,GAC3B,CAAC,CAgBH;AAED,kCAAkC;AAClC,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,QAsMzE;AAyBD,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,GAAG,UAAU,CAW5F;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,eAAe,CAW9F"}
+{"version":3,"file":"device-parameters.d.ts","sourceRoot":"","sources":["../../../src/adapter/converters/device-parameters.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,eAAe,EAAgD,MAAM,eAAe,CAAC;AAClG,OAAO,EAAC,MAAM,EAAsB,UAAU,EAA+B,MAAM,eAAe,CAAC;AAEnG,OAAO,KAAK,EAGV,UAAU,EACV,YAAY,EAIb,MAAM,oBAAoB,CAAC;AAO5B;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,GAAG,OAAO,EACnD,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,GAC3B,CAAC,CAgBH;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,GAAG,OAAO,EAC1C,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,YAAY,EACxB,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,GAC3B,CAAC,CAeH;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,OAAO,EAC9C,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,GAC3B,CAAC,CAgBH;AAED,kCAAkC;AAClC,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,QAuMzE;AAyBD,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,GAAG,UAAU,CAW5F;AAED,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,eAAe,CAW9F"}

package/dist/adapter/converters/device-parameters.js

@@ -120,10 +120,10 @@ export function setDeviceParameters(device, parameters) {
     //   // Handled by depthBias
     // },
     // WEBGL EXTENSIONS
-    if (device.features.has('provoking-vertex-webgl')) {
-        const extensions = webglDevice.getExtension('WEBGL_provoking_vertex');
-        const ext = extensions.WEBGL_provoking_vertex;
-        if (parameters.provokingVertex) {
+    if (parameters.provokingVertex) {
+        if (device.features.has('provoking-vertex-webgl')) {
+            const extensions = webglDevice.getExtension('WEBGL_provoking_vertex');
+            const ext = extensions.WEBGL_provoking_vertex;
             const vertex = map('provokingVertex', parameters.provokingVertex, {
                 first: 36429,
                 last: 36430
@@ -131,19 +131,21 @@ export function setDeviceParameters(device, parameters) {
             ext?.provokingVertexWEBGL(vertex);
         }
     }
-    if (device.features.has('polygon-mode-webgl')) {
-        const extensions = webglDevice.getExtension('WEBGL_polygon_mode');
-        const ext = extensions.WEBGL_polygon_mode;
-        if (parameters.polygonMode) {
-            const mode = map('polygonMode', parameters.polygonMode, {
-                fill: 6914,
-                line: 6913
-            });
-            ext?.polygonModeWEBGL(1028, mode);
-            ext?.polygonModeWEBGL(1029, mode);
-        }
-        if (parameters.polygonOffsetLine) {
-            gl.enable(10754);
+    if (parameters.polygonMode || parameters.polygonOffsetLine) {
+        if (device.features.has('polygon-mode-webgl')) {
+            if (parameters.polygonMode) {
+                const extensions = webglDevice.getExtension('WEBGL_polygon_mode');
+                const ext = extensions.WEBGL_polygon_mode;
+                const mode = map('polygonMode', parameters.polygonMode, {
+                    fill: 6914,
+                    line: 6913
+                });
+                ext?.polygonModeWEBGL(1028, mode);
+                ext?.polygonModeWEBGL(1029, mode);
+            }
+            if (parameters.polygonOffsetLine) {
+                gl.enable(10754);
+            }
         }
     }
     if (device.features.has('shader-clip-cull-distance-webgl')) {

package/dist/adapter/resources/webgl-render-pass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgl-render-pass.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-render-pass.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAC5C,OAAO,EAAK,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAapD,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAE7B,8DAA8D;IAC9D,YAAY,EAAE,YAAY,CAAC;gBAEf,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe;IAYvD,GAAG,IAAI,IAAI;IAQX,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IACxC,aAAa,IAAI,IAAI;IACrB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAO5C;;OAEG;IACH,aAAa,CAAC,UAAU,GAAE,oBAAyB,GAAG,IAAI;IA+C1D,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAKpC,iBAAiB,IAAI,IAAI;IAOlC;;OAEG;IACH,SAAS,CAAC,KAAK,IAAI,IAAI;IA+BvB;;OAEG;IACH,SAAS,CAAC,gBAAgB,CAAC,UAAU,GAAE,MAAU,EAAE,KAAK,GAAE,WAA0B;CAwCrF"}
+{"version":3,"file":"webgl-render-pass.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-render-pass.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAC5C,OAAO,EAAK,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAcpD,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAE7B,8DAA8D;IAC9D,YAAY,EAAE,YAAY,CAAC;gBAEf,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe;IAYvD,GAAG,IAAI,IAAI;IAQX,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IACxC,aAAa,IAAI,IAAI;IACrB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAO5C;;OAEG;IACH,aAAa,CAAC,UAAU,GAAE,oBAAyB,GAAG,IAAI;IAqD1D,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAKpC,iBAAiB,IAAI,IAAI;IAOlC;;OAEG;IACH,SAAS,CAAC,KAAK,IAAI,IAAI;IA+BvB;;OAEG;IACH,SAAS,CAAC,gBAAgB,CAAC,UAAU,GAAE,MAAU,EAAE,KAAK,GAAE,WAA0B;CAwCrF"}

package/dist/adapter/resources/webgl-render-pass.js

@@ -11,6 +11,7 @@ const GL_DEPTH_BUFFER_BIT = 0x00000100;
 const GL_STENCIL_BUFFER_BIT = 0x00000400;
 const GL_COLOR_BUFFER_BIT = 0x00004000;
 const GL_COLOR = 0x1800;
+const COLOR_CHANNELS = [0x1, 0x2, 0x4, 0x8]; // GPUColorWrite RED, GREEN, BLUE, ALPHA
 export class WEBGLRenderPass extends RenderPass {
     device;
     /** Parameters that should be applied before each draw call */
@@ -77,6 +78,9 @@ export class WEBGLRenderPass extends RenderPass {
             // Does this work?
             parameters[2967] = parameters.stencilReference;
         }
+        if (parameters.colorMask) {
+            glParameters.colorMask = COLOR_CHANNELS.map(channel => Boolean(channel & parameters.colorMask));
+        }
         this.glParameters = glParameters;
         setGLParameters(this.device.gl, glParameters);
     }

package/dist/adapter/resources/webgl-render-pipeline.d.ts

@@ -1,5 +1,5 @@
-import type { UniformValue, RenderPipelineProps, Binding } from '@luma.gl/core';
-import type { ShaderLayout } from '@luma.gl/core';
+import type { RenderPipelineProps, RenderPipelineParameters, PrimitiveTopology } from '@luma.gl/core';
+import type { ShaderLayout, UniformValue, Binding } from '@luma.gl/core';
 import type { RenderPass, VertexArray } from '@luma.gl/core';
 import { RenderPipeline } from '@luma.gl/core';
 import { WebGLDevice } from "../webgl-device.js";
@@ -40,7 +40,8 @@ export declare class WEBGLRenderPipeline extends RenderPipeline {
      */
     draw(options: {
         renderPass: RenderPass;
-        /** vertex attributes */
+        parameters?: RenderPipelineParameters;
+        topology?: PrimitiveTopology;
         vertexArray: VertexArray;
         vertexCount?: number;
         indexCount?: number;

package/dist/adapter/resources/webgl-render-pipeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgl-render-pipeline.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-render-pipeline.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,YAAY,EAAE,mBAAmB,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAC,UAAU,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,cAAc,EAAsC,MAAM,eAAe,CAAC;AAUlF,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAE5C,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAK3C,OAAO,EAAC,sBAAsB,EAAC,sCAAmC;AAKlE,oCAAoC;AACpC,qBAAa,mBAAoB,SAAQ,cAAc;IACrD,yDAAyD;IACzD,MAAM,EAAE,WAAW,CAAC;IACpB,yCAAyC;IACzC,MAAM,EAAE,YAAY,CAAC;IACrB,oBAAoB;IACpB,EAAE,EAAE,WAAW,CAAC;IAChB,sBAAsB;IACtB,EAAE,EAAE,WAAW,CAAC;IAChB,mEAAmE;IACnE,kBAAkB,EAAE,YAAY,CAAC;IAEjC,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAM;IAC5C,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;IACvC,qBAAqB;IACrB,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAQ;IAEjC,aAAa,EAAE,MAAM,CAAK;IAC1B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;gBAEnC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,mBAAmB;IAyClD,OAAO,IAAI,IAAI;IAQxB;;;OAGG;IACH,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE;QAAC,eAAe,CAAC,EAAE,OAAO,CAAA;KAAC,GAAG,IAAI;IAyD3F;;;OAGG;IACH,IAAI,CAAC,OAAO,EAAE;QACZ,UAAU,EAAE,UAAU,CAAC;QACvB,wBAAwB;QACxB,WAAW,EAAE,WAAW,CAAC;QACzB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;KAC5C,GAAG,OAAO;IAgGF,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;cAkBhD,YAAY;IA2B5B,wFAAwF;IACxF,iBAAiB,CAAC,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY;IAmB9D;;;;OAIG;IACH,cAAc,IAAI,SAAS,GAAG,SAAS,GAAG,YAAY;IAmBtD,6DAA6D;IACvD,oBAAoB,IAAI,OAAO,CAAC,IAAI,CAAC;IAoB3C;;;;OAIG;IACH,sBAAsB;IAatB,iDAAiD;IACjD,cAAc;IAyFd;;;OAGG;IACH,cAAc;CASf"}
+{"version":3,"file":"webgl-render-pipeline.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-render-pipeline.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,mBAAmB,EAAE,wBAAwB,EAAE,iBAAiB,EAAC,MAAM,eAAe,CAAC;AACpG,OAAO,KAAK,EAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC;AACvE,OAAO,KAAK,EAAC,UAAU,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,cAAc,EAAsC,MAAM,eAAe,CAAC;AAUlF,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAE5C,OAAO,EAAC,WAAW,EAAC,0BAAuB;AAK3C,OAAO,EAAC,sBAAsB,EAAC,sCAAmC;AAKlE,oCAAoC;AACpC,qBAAa,mBAAoB,SAAQ,cAAc;IACrD,yDAAyD;IACzD,MAAM,EAAE,WAAW,CAAC;IACpB,yCAAyC;IACzC,MAAM,EAAE,YAAY,CAAC;IACrB,oBAAoB;IACpB,EAAE,EAAE,WAAW,CAAC;IAChB,sBAAsB;IACtB,EAAE,EAAE,WAAW,CAAC;IAChB,mEAAmE;IACnE,kBAAkB,EAAE,YAAY,CAAC;IAEjC,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAM;IAC5C,iCAAiC;IACjC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;IACvC,qBAAqB;IACrB,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAQ;IAEjC,aAAa,EAAE,MAAM,CAAK;IAC1B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;gBAEnC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,mBAAmB;IAyClD,OAAO,IAAI,IAAI;IAQxB;;;OAGG;IACH,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE;QAAC,eAAe,CAAC,EAAE,OAAO,CAAA;KAAC,GAAG,IAAI;IAyD3F;;;OAGG;IACH,IAAI,CAAC,OAAO,EAAE;QACZ,UAAU,EAAE,UAAU,CAAC;QACvB,UAAU,CAAC,EAAE,wBAAwB,CAAC;QACtC,QAAQ,CAAC,EAAE,iBAAiB,CAAC;QAC7B,WAAW,EAAE,WAAW,CAAC;QACzB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;KAC5C,GAAG,OAAO;IA6FF,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC;cAkBhD,YAAY;IA2B5B,wFAAwF;IACxF,iBAAiB,CAAC,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY;IAmB9D;;;;OAIG;IACH,cAAc,IAAI,SAAS,GAAG,SAAS,GAAG,YAAY;IAmBtD,6DAA6D;IACvD,oBAAoB,IAAI,OAAO,CAAC,IAAI,CAAC;IAoB3C;;;;OAIG;IACH,sBAAsB;IAatB,iDAAiD;IACjD,cAAc;IAyFd;;;OAGG;IACH,cAAc;CASf"}

package/dist/adapter/resources/webgl-render-pipeline.js

@@ -92,7 +92,7 @@ export class WEBGLRenderPipeline extends RenderPipeline {
                 const validBindings = this.shaderLayout.bindings
                     .map(binding => `"${binding.name}"`)
                     .join(', ');
-                if (options?.disableWarnings) {
+                if (!options?.disableWarnings) {
                     log.warn(`Unknown binding "${name}" in render pipeline "${this.id}", expected one of ${validBindings}`)();
                 }
                 continue; // eslint-disable-line no-continue
@@ -128,14 +128,14 @@ export class WEBGLRenderPipeline extends RenderPipeline {
      * This function unifies those ways into a single call using common parameters with sane defaults
      */
     draw(options) {
-        const { renderPass, vertexArray, vertexCount, 
+        const { renderPass, parameters = this.props.parameters, topology = this.props.topology, vertexArray, vertexCount, 
         // indexCount,
         instanceCount, firstVertex = 0, 
         // firstIndex,
         // firstInstance,
         // baseVertex,
         transformFeedback } = options;
-        const glDrawMode = getGLDrawMode(this.props.topology);
+        const glDrawMode = getGLDrawMode(topology);
         const isIndexed = Boolean(vertexArray.indexBuffer);
         const glIndexType = vertexArray.indexBuffer?.glIndexType;
         const isInstanced = Number(instanceCount) > 0;
@@ -167,7 +167,7 @@ export class WEBGLRenderPipeline extends RenderPipeline {
         this._applyBindings();
         this._applyUniforms();
         const webglRenderPass = renderPass;
-        withDeviceAndGLParameters(this.device, this.props.parameters, webglRenderPass.glParameters, () => {
+        withDeviceAndGLParameters(this.device, parameters, webglRenderPass.glParameters, () => {
             if (isIndexed && isInstanced) {
                 this.device.gl.drawElementsInstanced(glDrawMode, vertexCount || 0, // indexCount?
                 glIndexType, firstVertex, instanceCount || 0);

package/dist/adapter/resources/webgl-shader.js

@@ -62,11 +62,11 @@ export class WEBGLShader extends Shader {
         // Sync case - slower, but advantage is that it throws in the constructor, making break on error more useful
         if (!this.device.features.has('compilation-status-async-webgl')) {
             this._getCompilationStatus();
+            // The `Shader` base class will determine if debug window should be opened based on this.compilationStatus
+            this.debugShader();
             if (this.compilationStatus === 'error') {
                 throw new Error(`GLSL compilation errors in ${this.props.stage} shader ${this.props.id}`);
             }
-            // The `Shader` base class will determine if debug window should be opened based on this.compilationStatus
-            this.debugShader();
             return;
         }
         // async case

package/dist/dist.dev.js

@@ -2311,10 +2311,10 @@ var __exports__ = (() => {
     if (parameters.depthBias !== void 0) {
       gl.polygonOffset(parameters.depthBias, parameters.depthBiasSlopeScale || 0);
     }
-    if (device.features.has("provoking-vertex-webgl")) {
-      const extensions = webglDevice.getExtension("WEBGL_provoking_vertex");
-      const ext = extensions.WEBGL_provoking_vertex;
-      if (parameters.provokingVertex) {
+    if (parameters.provokingVertex) {
+      if (device.features.has("provoking-vertex-webgl")) {
+        const extensions = webglDevice.getExtension("WEBGL_provoking_vertex");
+        const ext = extensions.WEBGL_provoking_vertex;
         const vertex = map(
           "provokingVertex",
           parameters.provokingVertex,
@@ -2326,19 +2326,21 @@ var __exports__ = (() => {
         ext?.provokingVertexWEBGL(vertex);
       }
     }
-    if (device.features.has("polygon-mode-webgl")) {
-      const extensions = webglDevice.getExtension("WEBGL_polygon_mode");
-      const ext = extensions.WEBGL_polygon_mode;
-      if (parameters.polygonMode) {
-        const mode = map("polygonMode", parameters.polygonMode, {
-          fill: 6914 /* FILL_WEBGL */,
-          line: 6913 /* LINE_WEBGL */
-        });
-        ext?.polygonModeWEBGL(1028 /* FRONT */, mode);
-        ext?.polygonModeWEBGL(1029 /* BACK */, mode);
-      }
-      if (parameters.polygonOffsetLine) {
-        gl.enable(10754 /* POLYGON_OFFSET_LINE_WEBGL */);
+    if (parameters.polygonMode || parameters.polygonOffsetLine) {
+      if (device.features.has("polygon-mode-webgl")) {
+        if (parameters.polygonMode) {
+          const extensions = webglDevice.getExtension("WEBGL_polygon_mode");
+          const ext = extensions.WEBGL_polygon_mode;
+          const mode = map("polygonMode", parameters.polygonMode, {
+            fill: 6914 /* FILL_WEBGL */,
+            line: 6913 /* LINE_WEBGL */
+          });
+          ext?.polygonModeWEBGL(1028 /* FRONT */, mode);
+          ext?.polygonModeWEBGL(1029 /* BACK */, mode);
+        }
+        if (parameters.polygonOffsetLine) {
+          gl.enable(10754 /* POLYGON_OFFSET_LINE_WEBGL */);
+        }
       }
     }
     if (device.features.has("shader-clip-cull-distance-webgl")) {
@@ -3971,10 +3973,10 @@ ${source2}`;
       }
       if (!this.device.features.has("compilation-status-async-webgl")) {
         this._getCompilationStatus();
+        this.debugShader();
         if (this.compilationStatus === "error") {
           throw new Error(`GLSL compilation errors in ${this.props.stage} shader ${this.props.id}`);
         }
-        this.debugShader();
         return;
       }
       import_core14.log.once(1, "Shader compilation is asynchronous")();
@@ -4016,6 +4018,7 @@ ${source2}`;
   var GL_STENCIL_BUFFER_BIT = 1024;
   var GL_COLOR_BUFFER_BIT = 16384;
   var GL_COLOR = 6144;
+  var COLOR_CHANNELS = [1, 2, 4, 8];
   var WEBGLRenderPass = class extends import_core15.RenderPass {
     device;
     /** Parameters that should be applied before each draw call */
@@ -4074,6 +4077,11 @@ ${source2}`;
         console.warn("RenderPassParameters.stencilReference not yet implemented in WebGL");
         parameters[2967 /* STENCIL_REF */] = parameters.stencilReference;
       }
+      if (parameters.colorMask) {
+        glParameters.colorMask = COLOR_CHANNELS.map(
+          (channel) => Boolean(channel & parameters.colorMask)
+        );
+      }
       this.glParameters = glParameters;
       setGLParameters(this.device.gl, glParameters);
     }
@@ -4815,7 +4823,7 @@ ${source2}`;
         const binding = this.shaderLayout.bindings.find((binding2) => binding2.name === name) || this.shaderLayout.bindings.find((binding2) => binding2.name === `${name}Uniforms`);
         if (!binding) {
           const validBindings = this.shaderLayout.bindings.map((binding2) => `"${binding2.name}"`).join(", ");
-          if (options?.disableWarnings) {
+          if (!options?.disableWarnings) {
             import_core17.log.warn(
               `Unknown binding "${name}" in render pipeline "${this.id}", expected one of ${validBindings}`
             )();
@@ -4852,6 +4860,8 @@ ${source2}`;
     draw(options) {
       const {
         renderPass,
+        parameters = this.props.parameters,
+        topology = this.props.topology,
         vertexArray,
         vertexCount,
         // indexCount,
@@ -4862,7 +4872,7 @@ ${source2}`;
         // baseVertex,
         transformFeedback
       } = options;
-      const glDrawMode = getGLDrawMode(this.props.topology);
+      const glDrawMode = getGLDrawMode(topology);
       const isIndexed = Boolean(vertexArray.indexBuffer);
       const glIndexType = vertexArray.indexBuffer?.glIndexType;
       const isInstanced = Number(instanceCount) > 0;
@@ -4886,37 +4896,32 @@ ${source2}`;
       this._applyBindings();
       this._applyUniforms();
       const webglRenderPass = renderPass;
-      withDeviceAndGLParameters(
-        this.device,
-        this.props.parameters,
-        webglRenderPass.glParameters,
-        () => {
-          if (isIndexed && isInstanced) {
-            this.device.gl.drawElementsInstanced(
-              glDrawMode,
-              vertexCount || 0,
-              // indexCount?
-              glIndexType,
-              firstVertex,
-              instanceCount || 0
-            );
-          } else if (isIndexed) {
-            this.device.gl.drawElements(glDrawMode, vertexCount || 0, glIndexType, firstVertex);
-          } else if (isInstanced) {
-            this.device.gl.drawArraysInstanced(
-              glDrawMode,
-              firstVertex,
-              vertexCount || 0,
-              instanceCount || 0
-            );
-          } else {
-            this.device.gl.drawArrays(glDrawMode, firstVertex, vertexCount || 0);
-          }
-          if (transformFeedback) {
-            transformFeedback.end();
-          }
+      withDeviceAndGLParameters(this.device, parameters, webglRenderPass.glParameters, () => {
+        if (isIndexed && isInstanced) {
+          this.device.gl.drawElementsInstanced(
+            glDrawMode,
+            vertexCount || 0,
+            // indexCount?
+            glIndexType,
+            firstVertex,
+            instanceCount || 0
+          );
+        } else if (isIndexed) {
+          this.device.gl.drawElements(glDrawMode, vertexCount || 0, glIndexType, firstVertex);
+        } else if (isInstanced) {
+          this.device.gl.drawArraysInstanced(
+            glDrawMode,
+            firstVertex,
+            vertexCount || 0,
+            instanceCount || 0
+          );
+        } else {
+          this.device.gl.drawArrays(glDrawMode, firstVertex, vertexCount || 0);
         }
-      );
+        if (transformFeedback) {
+          transformFeedback.end();
+        }
+      });
       vertexArray.unbindAfterRender(renderPass);
       return true;
     }