@luma.gl/webgl 9.0.0-beta.9 → 9.0.3

package/dist/adapter/device-helpers/webgl-device-features.d.ts

@@ -14,6 +14,7 @@ export declare class WebGLDeviceFeatures extends DeviceFeatures {
     [Symbol.iterator](): IterableIterator<DeviceFeature>;
     has(feature: DeviceFeature): boolean;
     initializeFeatures(): void;
+    getFeatures(): DeviceFeature[];
     /** Extract all WebGL features */
     protected getWebGLFeature(feature: DeviceFeature): boolean;
 }

package/dist/adapter/device-helpers/webgl-device-features.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgl-device-features.d.ts","sourceRoot":"","sources":["../../../src/adapter/device-helpers/webgl-device-features.ts"],"names":[],"mappings":"AAOA,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AA8BhD;;;;;GAKG;AACH,qBAAa,mBAAoB,SAAQ,cAAc;IACrD,SAAS,CAAC,EAAE,EAAE,sBAAsB,CAAC;IACrC,SAAS,CAAC,UAAU,EAAE,YAAY,CAAC;IACnC,SAAS,CAAC,cAAc,qBAA4B;gBAGlD,EAAE,EAAE,sBAAsB,EAC1B,UAAU,EAAE,YAAY,EACxB,gBAAgB,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAU1D,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,gBAAgB,CAAC,aAAa,CAAC;IAc5C,GAAG,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO;IAuB7C,kBAAkB;IAUlB,iCAAiC;IACjC,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO;CAU3D"}
+{"version":3,"file":"webgl-device-features.d.ts","sourceRoot":"","sources":["../../../src/adapter/device-helpers/webgl-device-features.ts"],"names":[],"mappings":"AAOA,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AA8BhD;;;;;GAKG;AACH,qBAAa,mBAAoB,SAAQ,cAAc;IACrD,SAAS,CAAC,EAAE,EAAE,sBAAsB,CAAC;IACrC,SAAS,CAAC,UAAU,EAAE,YAAY,CAAC;IACnC,SAAS,CAAC,cAAc,qBAA4B;gBAGlD,EAAE,EAAE,sBAAsB,EAC1B,UAAU,EAAE,YAAY,EACxB,gBAAgB,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;IAU1D,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,gBAAgB,CAAC,aAAa,CAAC;IAU5C,GAAG,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO;IAuB7C,kBAAkB;IAWlB,WAAW;IAIX,iCAAiC;IACjC,SAAS,CAAC,eAAe,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO;CAU3D"}

package/dist/adapter/device-helpers/webgl-device-features.js

@@ -48,12 +48,8 @@ export class WebGLDeviceFeatures extends DeviceFeatures {
         getWebGLExtension(gl, 'EXT_color_buffer_float', extensions);
     }
     *[Symbol.iterator]() {
-        for (const feature of Object.keys(WEBGL_FEATURES)) {
-            if (this.has(feature)) {
-                yield feature;
-            }
-        }
-        for (const feature of Object.keys(TEXTURE_FEATURES)) {
+        const features = this.getFeatures();
+        for (const feature of features) {
             if (this.has(feature)) {
                 yield feature;
             }
@@ -79,13 +75,17 @@ export class WebGLDeviceFeatures extends DeviceFeatures {
     }
     // FOR DEVICE
     initializeFeatures() {
-        // @ts-expect-error
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        for (const feature of this) {
-            // WebGL extensions are initialized by requesting them
+        // Initialize all features by checking them.
+        // Except WEBGL_polygon_mode since Chrome logs ugly console warnings
+        const features = this.getFeatures().filter(feature => feature !== 'polygon-mode-webgl');
+        for (const feature of features) {
+            this.has(feature);
         }
     }
     // IMPLEMENTATION
+    getFeatures() {
+        return [...Object.keys(WEBGL_FEATURES), ...Object.keys(TEXTURE_FEATURES)];
+    }
     /** Extract all WebGL features */
     getWebGLFeature(feature) {
         const featureInfo = WEBGL_FEATURES[feature];

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

@@ -31,7 +31,9 @@ export declare class WEBGLRenderPipeline extends RenderPipeline {
      * Bindings include: textures, samplers and uniform buffers
      * @todo needed for portable model
      */
-    setBindings(bindings: Record<string, Binding>): void;
+    setBindings(bindings: Record<string, Binding>, options?: {
+        disableWarnings?: boolean;
+    }): void;
     /** @todo needed for portable model
      * @note The WebGL API is offers many ways to draw things
      * This function unifies those ways into a single call using common parameters with sane defaults

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,GAAG,IAAI;IAuDpD;;;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,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"}

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

@@ -52,9 +52,9 @@ export class WEBGLRenderPipeline extends RenderPipeline {
             this.device.gl.transformFeedbackVaryings(this.handle, varyings, bufferMode);
         }
         this._linkShaders();
-        log.time(0, `RenderPipeline ${this.id} - shaderLayout introspection`)();
+        log.time(1, `RenderPipeline ${this.id} - shaderLayout introspection`)();
         this.introspectedLayout = getShaderLayout(this.device.gl, this.handle);
-        log.timeEnd(0, `RenderPipeline ${this.id} - shaderLayout introspection`)();
+        log.timeEnd(1, `RenderPipeline ${this.id} - shaderLayout introspection`)();
         // Merge provided layout with introspected layout
         this.shaderLayout = mergeShaderLayout(this.introspectedLayout, props.shaderLayout);
         // WebGPU has more restrictive topology support than WebGL
@@ -77,7 +77,7 @@ export class WEBGLRenderPipeline extends RenderPipeline {
      * Bindings include: textures, samplers and uniform buffers
      * @todo needed for portable model
      */
-    setBindings(bindings) {
+    setBindings(bindings, options) {
         // if (log.priority >= 2) {
         //   checkUniformValues(uniforms, this.id, this._uniformSetters);
         // }
@@ -92,7 +92,9 @@ export class WEBGLRenderPipeline extends RenderPipeline {
                 const validBindings = this.shaderLayout.bindings
                     .map(binding => `"${binding.name}"`)
                     .join(', ');
-                log.warn(`Unknown binding "${name}" in render pipeline "${this.id}", expected one of ${validBindings}`)();
+                if (options?.disableWarnings) {
+                    log.warn(`Unknown binding "${name}" in render pipeline "${this.id}", expected one of ${validBindings}`)();
+                }
                 continue; // eslint-disable-line no-continue
             }
             if (!value) {
@@ -349,9 +351,9 @@ export class WEBGLRenderPipeline extends RenderPipeline {
                         texture = value;
                     }
                     else if (value instanceof WEBGLFramebuffer &&
-                        value.colorAttachments[0] instanceof WEBGLTexture) {
+                        value.colorAttachments[0] instanceof WEBGLTextureView) {
                         log.warn('Passing framebuffer in texture binding may be deprecated. Use fbo.colorAttachments[0] instead')();
-                        texture = value.colorAttachments[0];
+                        texture = value.colorAttachments[0].texture;
                     }
                     else {
                         throw new Error('No texture');

package/dist/adapter/resources/webgl-vertex-array.d.ts

@@ -25,7 +25,6 @@ export declare class WEBGLVertexArray extends VertexArray {
     setBuffer(location: number, attributeBuffer: Buffer): void;
     /** Set a location in vertex attributes array to a constant value, disables the location */
     setConstantWebGL(location: number, value: TypedArray): void;
-    init: boolean;
     bindBeforeRender(): void;
     unbindAfterRender(): void;
     /**

package/dist/adapter/resources/webgl-vertex-array.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgl-vertex-array.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-vertex-array.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAc,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,WAAW,EAA6B,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,EAAE,EAAC,MAAM,oBAAoB,CAAC;AAGtC,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAO5C,gCAAgC;AAChC,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,IAAa,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,MAAM,CAE1C;IAED,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAExC,kCAAkC;IAClC,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,WAAW,CAAQ;IAE3B,6EAA6E;IAC7E,MAAM,CAAC,gCAAgC,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;gBAKpD,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,gBAAgB;IAMhD,OAAO,IAAI,IAAI;IAexB;;;;;OAKG;IACH,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAgBhD,gGAAgG;IAChG,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,IAAI;IA6B1D,2FAA2F;IAClF,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI;IAKpE,IAAI,UAAS;IAEJ,gBAAgB,IAAI,IAAI;IAYxB,iBAAiB,IAAI,IAAI;IAUlC;;;;;OAKG;IACH,SAAS,CAAC,wBAAwB,IAAI,IAAI;IAU1C;;;OAGG;IAcH,gCAAgC;IAChC,SAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM;;;;;;;;;IAsBvC;;;;;OAKG;IACH,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,UAAO,GAAG,IAAI;IAiBxD;;;;;OAKG;IACH,iBAAiB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM;CA8BnE"}
+{"version":3,"file":"webgl-vertex-array.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-vertex-array.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,UAAU,EAAc,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,WAAW,EAA6B,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,EAAE,EAAC,MAAM,oBAAoB,CAAC;AAGtC,OAAO,EAAC,WAAW,EAAC,2BAAwB;AAO5C,gCAAgC;AAChC,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,IAAa,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,MAAM,CAE1C;IAED,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAExC,kCAAkC;IAClC,OAAO,CAAC,MAAM,CAA4B;IAC1C,OAAO,CAAC,WAAW,CAAQ;IAE3B,6EAA6E;IAC7E,MAAM,CAAC,gCAAgC,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;gBAKpD,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,gBAAgB;IAMhD,OAAO,IAAI,IAAI;IAexB;;;;;OAKG;IACH,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAgBhD,gGAAgG;IAChG,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,IAAI;IAgC1D,2FAA2F;IAClF,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI;IAK3D,gBAAgB,IAAI,IAAI;IAKxB,iBAAiB,IAAI,IAAI;IAOlC;;;;;OAKG;IACH,SAAS,CAAC,wBAAwB,IAAI,IAAI;IAU1C;;;OAGG;IAcH,gCAAgC;IAChC,SAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM;;;;;;;;;IAsBvC;;;;;OAKG;IACH,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,UAAO,GAAG,IAAI;IAiBxD;;;;;OAKG;IACH,iBAAiB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,MAAM;CA8BnE"}

package/dist/adapter/resources/webgl-vertex-array.js

@@ -54,11 +54,10 @@ export class WEBGLVertexArray extends VertexArray {
         }
         // In WebGL The GL.ELEMENT_ARRAY_BUFFER_BINDING is stored on the VertexArrayObject
         this.device.gl.bindVertexArray(this.handle);
-        // TODO - this initial binding does not seem to take effect? see bindBeforeRender()
         this.device.gl.bindBuffer(34963, buffer ? buffer.handle : null);
-        // log.log(1, 'VertexArray.setIndexBuffer', indexBuffer)();
-        // log.log(1, `Binding vertex array ${this.id}`, buffer?.id)();
         this.indexBuffer = buffer;
+        // Unbind to prevent unintended changes to the VAO.
+        this.device.gl.bindVertexArray(null);
     }
     /** Set a location in vertex attributes array to a buffer, enables the location, sets divisor */
     setBuffer(location, attributeBuffer) {
@@ -84,30 +83,21 @@ export class WEBGLVertexArray extends VertexArray {
         // Set the step mode 0=vertex, 1=instance
         this.device.gl.vertexAttribDivisor(location, divisor || 0);
         this.attributes[location] = buffer;
+        // Unbind to prevent unintended changes to the VAO.
+        this.device.gl.bindVertexArray(null);
     }
     /** Set a location in vertex attributes array to a constant value, disables the location */
     setConstantWebGL(location, value) {
         this._enable(location, false);
         this.attributes[location] = value;
     }
-    init = false;
     bindBeforeRender() {
         this.device.gl.bindVertexArray(this.handle);
-        // TODO - the initial bind does not seem to take effect.
-        if (!this.init) {
-            // log.log(1, `Binding vertex array ${this.id}`, this.indexBuffer?.id)();
-            const webglBuffer = this.indexBuffer;
-            this.device.gl.bindBuffer(34963, webglBuffer?.handle || null);
-            this.init = true;
-        }
         this._applyConstantAttributes();
     }
     unbindAfterRender() {
-        // log.log(1, `Unbinding vertex array ${this.id}`)();
-        // TODO technically this is not necessary, but we might be interfacing
-        // with code that does not use vertex array objects
+        // Unbind to prevent unintended changes to the VAO.
         this.device.gl.bindVertexArray(null);
-        // this.device.gl.bindBuffer(GL.ELEMENT_ARRAY_BUFFER, null);
     }
     // Internal methods
     /**

package/dist/dist.dev.js

@@ -2060,12 +2060,8 @@ var __exports__ = (() => {
       getWebGLExtension(gl, "EXT_color_buffer_float", extensions);
     }
     *[Symbol.iterator]() {
-      for (const feature of Object.keys(WEBGL_FEATURES)) {
-        if (this.has(feature)) {
-          yield feature;
-        }
-      }
-      for (const feature of Object.keys(TEXTURE_FEATURES)) {
+      const features = this.getFeatures();
+      for (const feature of features) {
         if (this.has(feature)) {
           yield feature;
         }
@@ -2089,10 +2085,15 @@ var __exports__ = (() => {
     }
     // FOR DEVICE
     initializeFeatures() {
-      for (const feature of this) {
+      const features = this.getFeatures().filter((feature) => feature !== "polygon-mode-webgl");
+      for (const feature of features) {
+        this.has(feature);
       }
     }
     // IMPLEMENTATION
+    getFeatures() {
+      return [...Object.keys(WEBGL_FEATURES), ...Object.keys(TEXTURE_FEATURES)];
+    }
     /** Extract all WebGL features */
     getWebGLFeature(feature) {
       const featureInfo = WEBGL_FEATURES[feature];
@@ -3699,43 +3700,35 @@ var __exports__ = (() => {
   // src/context/debug/webgl-developer-tools.ts
   var import_core13 = __toESM(require_core(), 1);
 
+  // ../../node_modules/@probe.gl/env/dist/lib/globals.js
+  var document_ = globalThis.document || {};
+  var process_ = globalThis.process || {};
+  var console_ = globalThis.console;
+  var navigator_ = globalThis.navigator || {};
+
   // ../../node_modules/@probe.gl/env/dist/lib/is-electron.js
   function isElectron(mockUserAgent) {
-    if (typeof window !== "undefined" && typeof window.process === "object" && // @ts-expect-error
-    window.process.type === "renderer") {
+    if (typeof window !== "undefined" && window.process?.type === "renderer") {
       return true;
     }
-    if (typeof process !== "undefined" && typeof process.versions === "object" && // eslint-disable-next-line
-    Boolean(process.versions["electron"])) {
+    if (typeof process !== "undefined" && Boolean(process.versions?.["electron"])) {
       return true;
     }
-    const realUserAgent = typeof navigator === "object" && typeof navigator.userAgent === "string" && navigator.userAgent;
+    const realUserAgent = typeof navigator !== "undefined" && navigator.userAgent;
     const userAgent = mockUserAgent || realUserAgent;
-    if (userAgent && userAgent.indexOf("Electron") >= 0) {
-      return true;
-    }
-    return false;
+    return Boolean(userAgent && userAgent.indexOf("Electron") >= 0);
   }
 
   // ../../node_modules/@probe.gl/env/dist/lib/is-browser.js
   function isBrowser() {
     const isNode = (
       // @ts-expect-error
-      typeof process === "object" && String(process) === "[object process]" && !process.browser
+      typeof process === "object" && String(process) === "[object process]" && !process?.browser
     );
     return !isNode || isElectron();
   }
 
-  // ../../node_modules/@probe.gl/env/dist/lib/globals.js
-  var self_ = globalThis.self || globalThis.window || globalThis.global;
-  var window_ = globalThis.window || globalThis.self || globalThis.global;
-  var document_ = globalThis.document || {};
-  var process_ = globalThis.process || {};
-  var console_ = globalThis.console;
-  var navigator_ = globalThis.navigator || {};
-
   // ../../node_modules/@probe.gl/env/dist/lib/get-browser.js
-  var window2 = globalThis;
   function getBrowser(mockUserAgent) {
     if (!mockUserAgent && !isBrowser()) {
       return "Node";
@@ -3747,18 +3740,13 @@ var __exports__ = (() => {
     if (userAgent.indexOf("Edge") > -1) {
       return "Edge";
     }
-    const isMSIE = userAgent.indexOf("MSIE ") !== -1;
-    const isTrident = userAgent.indexOf("Trident/") !== -1;
-    if (isMSIE || isTrident) {
-      return "IE";
-    }
-    if (window2.chrome) {
+    if (globalThis.chrome) {
       return "Chrome";
     }
-    if (window2.safari) {
+    if (globalThis.safari) {
       return "Safari";
     }
-    if (window2.mozInnerScreenX) {
+    if (globalThis.mozInnerScreenX) {
       return "Firefox";
     }
     return "Unknown";
@@ -4778,9 +4766,9 @@ ${source2}`;
         this.device.gl.transformFeedbackVaryings(this.handle, varyings, bufferMode);
       }
       this._linkShaders();
-      import_core17.log.time(0, `RenderPipeline ${this.id} - shaderLayout introspection`)();
+      import_core17.log.time(1, `RenderPipeline ${this.id} - shaderLayout introspection`)();
       this.introspectedLayout = getShaderLayout(this.device.gl, this.handle);
-      import_core17.log.timeEnd(0, `RenderPipeline ${this.id} - shaderLayout introspection`)();
+      import_core17.log.timeEnd(1, `RenderPipeline ${this.id} - shaderLayout introspection`)();
       this.shaderLayout = (0, import_core18.mergeShaderLayout)(this.introspectedLayout, props.shaderLayout);
       switch (this.props.topology) {
         case "triangle-fan-webgl":
@@ -4802,14 +4790,16 @@ ${source2}`;
      * Bindings include: textures, samplers and uniform buffers
      * @todo needed for portable model
      */
-    setBindings(bindings) {
+    setBindings(bindings, options) {
       for (const [name, value] of Object.entries(bindings)) {
         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(", ");
-          import_core17.log.warn(
-            `Unknown binding "${name}" in render pipeline "${this.id}", expected one of ${validBindings}`
-          )();
+          if (options?.disableWarnings) {
+            import_core17.log.warn(
+              `Unknown binding "${name}" in render pipeline "${this.id}", expected one of ${validBindings}`
+            )();
+          }
           continue;
         }
         if (!value) {
@@ -5062,11 +5052,11 @@ ${source2}`;
               texture = value.texture;
             } else if (value instanceof WEBGLTexture) {
               texture = value;
-            } else if (value instanceof WEBGLFramebuffer && value.colorAttachments[0] instanceof WEBGLTexture) {
+            } else if (value instanceof WEBGLFramebuffer && value.colorAttachments[0] instanceof WEBGLTextureView) {
               import_core17.log.warn(
                 "Passing framebuffer in texture binding may be deprecated. Use fbo.colorAttachments[0] instead"
               )();
-              texture = value.colorAttachments[0];
+              texture = value.colorAttachments[0].texture;
             } else {
               throw new Error("No texture");
             }
@@ -5363,8 +5353,8 @@ ${source2}`;
     /**
     // Set (bind/unbind) an elements buffer, for indexed rendering.
     // Must be a Buffer bound to GL.ELEMENT_ARRAY_BUFFER or null. Constants not supported
-     * 
-     * @param elementBuffer 
+     *
+     * @param elementBuffer
      */
     setIndexBuffer(indexBuffer) {
       const buffer = indexBuffer;
@@ -5374,6 +5364,7 @@ ${source2}`;
       this.device.gl.bindVertexArray(this.handle);
       this.device.gl.bindBuffer(34963 /* ELEMENT_ARRAY_BUFFER */, buffer ? buffer.handle : null);
       this.indexBuffer = buffer;
+      this.device.gl.bindVertexArray(null);
     }
     /** Set a location in vertex attributes array to a buffer, enables the location, sets divisor */
     setBuffer(location, attributeBuffer) {
@@ -5392,20 +5383,15 @@ ${source2}`;
       this.device.gl.enableVertexAttribArray(location);
       this.device.gl.vertexAttribDivisor(location, divisor || 0);
       this.attributes[location] = buffer;
+      this.device.gl.bindVertexArray(null);
     }
     /** Set a location in vertex attributes array to a constant value, disables the location */
     setConstantWebGL(location, value) {
       this._enable(location, false);
       this.attributes[location] = value;
     }
-    init = false;
     bindBeforeRender() {
       this.device.gl.bindVertexArray(this.handle);
-      if (!this.init) {
-        const webglBuffer = this.indexBuffer;
-        this.device.gl.bindBuffer(34963 /* ELEMENT_ARRAY_BUFFER */, webglBuffer?.handle || null);
-        this.init = true;
-      }
       this._applyConstantAttributes();
     }
     unbindAfterRender() {