@luma.gl/webgl 9.0.0-beta.6 → 9.0.0-beta.7

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

@@ -23,12 +23,12 @@ export const DEFAULT_WEBGL_TEXTURE_PROPS = {
 export class WEBGLTexture extends Texture {
     // TODO - remove?
     static FACES = [
-        GL.TEXTURE_CUBE_MAP_POSITIVE_X,
-        GL.TEXTURE_CUBE_MAP_NEGATIVE_X,
-        GL.TEXTURE_CUBE_MAP_POSITIVE_Y,
-        GL.TEXTURE_CUBE_MAP_NEGATIVE_Y,
-        GL.TEXTURE_CUBE_MAP_POSITIVE_Z,
-        GL.TEXTURE_CUBE_MAP_NEGATIVE_Z
+        34069,
+        34070,
+        34071,
+        34072,
+        34073,
+        34074
     ];
     MAX_ATTRIBUTES;
     device;
@@ -66,7 +66,7 @@ export class WEBGLTexture extends Texture {
         this.gl = this.device.gl;
         this.handle = this.props.handle || this.gl.createTexture();
         this.device.setSpectorMetadata(this.handle, { ...this.props, data: typeof this.props.data }); // {name: this.props.id};
-        this.glFormat = GL.RGBA;
+        this.glFormat = 6408;
         this.target = getWebGLTextureTarget(this.props);
         // Program.draw() checks the loaded flag of all textures
         this.loaded = false;
@@ -89,6 +89,9 @@ export class WEBGLTexture extends Texture {
     toString() {
         return `Texture(${this.id},${this.width}x${this.height})`;
     }
+    createView(props) {
+        return new WEBGLTextureView(this.device, { ...props, texture: this });
+    }
     // eslint-disable-next-line max-statements
     initialize(props = {}) {
         // Cube textures
@@ -142,7 +145,7 @@ export class WEBGLTexture extends Texture {
         this.dataFormat = dataFormat;
         this.textureUnit = textureUnit;
         if (Number.isFinite(this.textureUnit)) {
-            this.gl.activeTexture(GL.TEXTURE0 + this.textureUnit);
+            this.gl.activeTexture(33984 + this.textureUnit);
             this.gl.bindTexture(this.target, this.handle);
         }
         this.mipmaps = mipmaps;
@@ -161,9 +164,8 @@ export class WEBGLTexture extends Texture {
         // Set texture sampler parameters
         this.setSampler(props.sampler);
         this._setSamplerParameters(parameters);
-        // @ts-ignore
-        this.view = new WEBGLTextureView(this.device, { ...this.props, texture: this });
-        if (mipmaps) {
+        this.view = this.createView({ ...this.props, mipLevelCount: 1, arrayLayerCount: 1 });
+        if (mipmaps && this.device.isTextureFormatFilterable(props.format)) {
             this.generateMipmap();
         }
         if (isVideo) {
@@ -309,9 +311,9 @@ export class WEBGLTexture extends Texture {
                     break;
                 case 'buffer':
                     // WebGL2 enables creating textures directly from a WebGL buffer
-                    this.device.gl.bindBuffer(GL.PIXEL_UNPACK_BUFFER, data.handle || data);
+                    this.device.gl.bindBuffer(35052, data.handle || data);
                     this.device.gl.texImage2D(target, level, glFormat, width, height, 0 /* border*/, dataFormat, type, offset);
-                    this.device.gl.bindBuffer(GL.PIXEL_UNPACK_BUFFER, null);
+                    this.device.gl.bindBuffer(35052, null);
                     break;
                 case 'browser-object':
                     gl.texImage2D(target, level, glFormat, width, height, 0 /* border*/, dataFormat, type, data);
@@ -381,9 +383,9 @@ export class WEBGLTexture extends Texture {
             else if (typeof WebGLBuffer !== 'undefined' && data instanceof WebGLBuffer) {
                 // WebGL2 allows us to create texture directly from a WebGL buffer
                 // This texImage2D signature uses currently bound GL.PIXEL_UNPACK_BUFFER
-                this.device.gl.bindBuffer(GL.PIXEL_UNPACK_BUFFER, data);
+                this.device.gl.bindBuffer(35052, data);
                 this.device.gl.texSubImage2D(target, level, x, y, width, height, dataFormat, type, offset);
-                this.device.gl.bindBuffer(GL.PIXEL_UNPACK_BUFFER, null);
+                this.device.gl.bindBuffer(35052, null);
             }
             else {
                 // Assume data is a browser supported object (ImageData, Canvas, ...)
@@ -405,13 +407,13 @@ export class WEBGLTexture extends Texture {
         return null;
     }
     getActiveUnit() {
-        return this.gl.getParameter(GL.ACTIVE_TEXTURE) - GL.TEXTURE0;
+        return this.gl.getParameter(34016) - 33984;
     }
     bind(textureUnit = this.textureUnit) {
         const { gl } = this;
         if (textureUnit !== undefined) {
             this.textureUnit = textureUnit;
-            gl.activeTexture(gl.TEXTURE0 + textureUnit);
+            gl.activeTexture(33984 + textureUnit);
         }
         gl.bindTexture(this.target, this.handle);
         return textureUnit;
@@ -420,7 +422,7 @@ export class WEBGLTexture extends Texture {
         const { gl } = this;
         if (textureUnit !== undefined) {
             this.textureUnit = textureUnit;
-            gl.activeTexture(gl.TEXTURE0 + textureUnit);
+            gl.activeTexture(33984 + textureUnit);
         }
         gl.bindTexture(this.target, null);
         return textureUnit;
@@ -491,7 +493,7 @@ export class WEBGLTexture extends Texture {
     /* eslint-disable max-statements, max-len */
     async setCubeMapImageData(options) {
         const { gl } = this;
-        const { width, height, pixels, data, format = GL.RGBA, type = GL.UNSIGNED_BYTE } = options;
+        const { width, height, pixels, data, format = 6408, type = 5121 } = options;
         const imageDataMap = pixels || data;
         // pixel data (imageDataMap) is an Object from Face to Image or Promise.
         // For example:
@@ -530,7 +532,7 @@ export class WEBGLTexture extends Texture {
     }
     /** @todo update this method to accept LODs */
     setImageDataForFace(options) {
-        const { face, width, height, pixels, data, format = GL.RGBA, type = GL.UNSIGNED_BYTE
+        const { face, width, height, pixels, data, format = 6408, type = 5121
         // generateMipmap = false // TODO
          } = options;
         const { gl } = this;
@@ -564,7 +566,7 @@ export class WEBGLTexture extends Texture {
                 data);
             }
             if (data instanceof WEBGLBuffer) {
-                this.gl.bindBuffer(GL.PIXEL_UNPACK_BUFFER, data.handle);
+                this.gl.bindBuffer(35052, data.handle);
                 this.gl.texImage3D(this.target, level, dataFormat, width, height, depth, 0 /* border, must be 0 */, format, type, offset);
             }
         });
@@ -595,8 +597,8 @@ export class WEBGLTexture extends Texture {
             // Apparently there are integer/float conversion issues requires two parameter setting functions in JavaScript.
             // For now, pick the float version for parameters specified as GLfloat.
             switch (param) {
-                case GL.TEXTURE_MIN_LOD:
-                case GL.TEXTURE_MAX_LOD:
+                case 33082:
+                case 33083:
                     this.gl.texParameterf(this.target, param, value);
                     break;
                 default:
@@ -613,14 +615,14 @@ function getWebGLTextureTarget(props) {
     switch (props.dimension) {
         // supported in WebGL
         case '2d':
-            return GL.TEXTURE_2D;
+            return 3553;
         case 'cube':
-            return GL.TEXTURE_CUBE_MAP;
+            return 34067;
         // supported in WebGL2
         case '2d-array':
-            return GL.TEXTURE_2D_ARRAY;
+            return 35866;
         case '3d':
-            return GL.TEXTURE_3D;
+            return 32879;
         // not supported in any WebGL version
         case '1d':
         case 'cube-array':

package/dist/adapter/resources/webgl-transform-feedback.js

@@ -37,7 +37,7 @@ export class WEBGLTransformFeedback extends TransformFeedback {
         super.destroy();
     }
     begin(topology = 'point-list') {
-        this.gl.bindTransformFeedback(GL.TRANSFORM_FEEDBACK, this.handle);
+        this.gl.bindTransformFeedback(36386, this.handle);
         if (this.bindOnUse) {
             this._bindBuffers();
         }
@@ -48,7 +48,7 @@ export class WEBGLTransformFeedback extends TransformFeedback {
         if (!this.bindOnUse) {
             this._unbindBuffers();
         }
-        this.gl.bindTransformFeedback(GL.TRANSFORM_FEEDBACK, null);
+        this.gl.bindTransformFeedback(36386, null);
     }
     // SUBCLASS
     setBuffers(buffers) {
@@ -84,16 +84,16 @@ export class WEBGLTransformFeedback extends TransformFeedback {
     }
     bind(funcOrHandle = this.handle) {
         if (typeof funcOrHandle !== 'function') {
-            this.gl.bindTransformFeedback(GL.TRANSFORM_FEEDBACK, funcOrHandle);
+            this.gl.bindTransformFeedback(36386, funcOrHandle);
             return this;
         }
         let value;
         if (!this._bound) {
-            this.gl.bindTransformFeedback(GL.TRANSFORM_FEEDBACK, this.handle);
+            this.gl.bindTransformFeedback(36386, this.handle);
             this._bound = true;
             value = funcOrHandle();
             this._bound = false;
-            this.gl.bindTransformFeedback(GL.TRANSFORM_FEEDBACK, null);
+            this.gl.bindTransformFeedback(36386, null);
         }
         else {
             value = funcOrHandle();
@@ -137,16 +137,16 @@ export class WEBGLTransformFeedback extends TransformFeedback {
     }
     _unbindBuffers() {
         for (const bufferIndex in this.buffers) {
-            this.gl.bindBufferBase(GL.TRANSFORM_FEEDBACK_BUFFER, Number(bufferIndex), null);
+            this.gl.bindBufferBase(35982, Number(bufferIndex), null);
         }
     }
     _bindBuffer(index, buffer, byteOffset = 0, byteLength) {
         const handle = buffer && buffer.handle;
         if (!handle || byteLength === undefined) {
-            this.gl.bindBufferBase(GL.TRANSFORM_FEEDBACK_BUFFER, index, handle);
+            this.gl.bindBufferBase(35982, index, handle);
         }
         else {
-            this.gl.bindBufferRange(GL.TRANSFORM_FEEDBACK_BUFFER, index, handle, byteOffset, byteLength);
+            this.gl.bindBufferRange(35982, index, handle, byteOffset, byteLength);
         }
     }
 }

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

@@ -41,7 +41,7 @@ export declare class WEBGLVertexArray extends VertexArray {
      */
     /** Get an accessor from the  */
     protected _getAccessor(location: number): {
-        size: 1 | 2 | 3 | 4;
+        size: 4 | 1 | 2 | 3;
         type: GL.BYTE | GL.UNSIGNED_BYTE | GL.SHORT | GL.UNSIGNED_SHORT | GL.INT | GL.UNSIGNED_INT | GL.FLOAT | GL.HALF_FLOAT;
         stride: number;
         offset: number;

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

@@ -49,13 +49,13 @@ export class WEBGLVertexArray extends VertexArray {
     setIndexBuffer(indexBuffer) {
         const buffer = indexBuffer;
         // Explicitly allow `null` to support clearing the index buffer
-        if (buffer && buffer.glTarget !== GL.ELEMENT_ARRAY_BUFFER) {
+        if (buffer && buffer.glTarget !== 34963) {
             throw new Error('Use .setBuffer()');
         }
         // 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(GL.ELEMENT_ARRAY_BUFFER, buffer ? buffer.handle : null);
+        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;
@@ -64,13 +64,13 @@ export class WEBGLVertexArray extends VertexArray {
     setBuffer(location, attributeBuffer) {
         const buffer = attributeBuffer;
         // Sanity check target
-        if (buffer.glTarget === GL.ELEMENT_ARRAY_BUFFER) {
+        if (buffer.glTarget === 34963) {
             throw new Error('Use .setIndexBuffer()');
         }
         const { size, type, stride, offset, normalized, integer, divisor } = this._getAccessor(location);
         this.device.gl.bindVertexArray(this.handle);
         // A non-zero buffer object must be bound to the GL_ARRAY_BUFFER target
-        this.device.gl.bindBuffer(GL.ARRAY_BUFFER, buffer.handle);
+        this.device.gl.bindBuffer(34962, buffer.handle);
         // WebGL2 supports *integer* data formats, i.e. GPU will see integer values
         if (integer) {
             this.device.gl.vertexAttribIPointer(location, size, type, stride, offset);
@@ -97,7 +97,7 @@ export class WEBGLVertexArray extends VertexArray {
         if (!this.init) {
             // log.log(1, `Binding vertex array ${this.id}`, this.indexBuffer?.id)();
             const webglBuffer = this.indexBuffer;
-            this.device.gl.bindBuffer(GL.ELEMENT_ARRAY_BUFFER, webglBuffer?.handle || null);
+            this.device.gl.bindBuffer(34963, webglBuffer?.handle || null);
             this.init = true;
         }
         this._applyConstantAttributes();

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

@@ -17,8 +17,10 @@ import { WEBGLTransformFeedback } from "./resources/webgl-transform-feedback.js"
 import { WEBGLQuerySet } from "./resources/webgl-query-set.js";
 /** WebGPU style Device API for a WebGL context */
 export declare class WebGLDevice extends Device {
-    static type: string;
-    static isSupported(): boolean;
+    /** type of this device */
+    static readonly type: string;
+    /** type of this device */
+    readonly type = "webgl";
     /** The underlying WebGL context */
     readonly handle: WebGL2RenderingContext;
     features: WebGLDeviceFeatures;
@@ -30,6 +32,8 @@ export declare class WebGLDevice extends Device {
         message: string;
     }>;
     private _resolveContextLost?;
+    /** Check if WebGL 2 is available */
+    static isSupported(): boolean;
     /**
      * Get a device instance from a GL context
      * Creates and instruments the device if not already created
@@ -64,7 +68,6 @@ export declare class WebGLDevice extends Device {
     createComputePipeline(props?: ComputePipelineProps): ComputePipeline;
     beginComputePass(props: ComputePassProps): ComputePass;
     private renderPass;
-    getDefaultRenderPass(): WEBGLRenderPass;
     createCommandEncoder(props?: CommandEncoderProps): WEBGLCommandEncoder;
     /**
      * Offscreen Canvas Support: Commit the frame

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

@@ -1 +1 @@
-{"version":3,"file":"webgl-device.d.ts","sourceRoot":"","sources":["../../src/adapter/webgl-device.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"webgl-device.d.ts","sourceRoot":"","sources":["../../src/adapter/webgl-device.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,MAAM,EACN,OAAO,EACP,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,MAAM,EAAE,aAAa,EAAmB,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAQrD,OAAO,EAAC,mBAAmB,EAAC,kDAA+C;AAC3E,OAAO,EAAC,iBAAiB,EAAC,gDAA6C;AACvE,OAAO,EAAC,kBAAkB,EAAC,kCAA+B;AAU1D,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EAEX,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EAEhB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EAEpB,eAAe,EACf,WAAW,EACX,gBAAgB,EAEhB,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACd,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAC,WAAW,EAAC,oCAAiC;AACrD,OAAO,EAAC,WAAW,EAAC,oCAAiC;AACrD,OAAO,EAAC,YAAY,EAAC,qCAAkC;AACvD,OAAO,EAAC,YAAY,EAAC,qCAAkC;AACvD,OAAO,EAAC,gBAAgB,EAAC,yCAAsC;AAC/D,OAAO,EAAC,eAAe,EAAC,yCAAsC;AAC9D,OAAO,EAAC,mBAAmB,EAAC,6CAA0C;AACtE,OAAO,EAAC,mBAAmB,EAAC,6CAA0C;AAEtE,OAAO,EAAC,sBAAsB,EAAC,gDAA6C;AAC5E,OAAO,EAAC,aAAa,EAAC,uCAAoC;AAU1D,kDAAkD;AAClD,qBAAa,WAAY,SAAQ,MAAM;IAKrC,0BAA0B;IAC1B,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAW;IAEvC,0BAA0B;IAC1B,QAAQ,CAAC,IAAI,WAAW;IAExB,mCAAmC;IACnC,QAAQ,CAAC,MAAM,EAAE,sBAAsB,CAAC;IACxC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAE1B,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,aAAa,EAAE,kBAAkB,CAAC;IAE3C,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAE/D,OAAO,CAAC,mBAAmB,CAAC,CAA0D;IAMtF,oCAAoC;IACpC,MAAM,CAAC,WAAW,IAAI,OAAO;IAI7B;;;;;OAKG;IACH,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,sBAAsB,GAAG,WAAW;WAelD,MAAM,CAAC,KAAK,GAAE,WAAgB,GAAG,OAAO,CAAC,WAAW,CAAC;gBAuDtD,KAAK,EAAE,WAAW;IAsE9B;;;OAGG;IACH,OAAO,IAAI,IAAI;IAEf,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC;IAI3B,wBAAwB,CAAC,MAAM,EAAE,aAAa,GAAG,OAAO;IAIxD,yBAAyB,CAAC,MAAM,EAAE,aAAa,GAAG,OAAO;IAIzD,yBAAyB,CAAC,MAAM,EAAE,aAAa,GAAG,OAAO;IAMzD,mBAAmB,CAAC,KAAK,CAAC,EAAE,kBAAkB,GAAG,aAAa;IAI9D,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,WAAW,GAAG,eAAe,GAAG,WAAW;IAK7E,cAAc,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY;IAIjD,qBAAqB,CAAC,KAAK,EAAE,oBAAoB,GAAG,eAAe;IAInE,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY;IAIhD,YAAY,CAAC,KAAK,EAAE,WAAW,GAAG,WAAW;IAI7C,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,GAAG,gBAAgB;IAI5D,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW;IAIvD,uBAAuB,CAAC,KAAK,EAAE,sBAAsB,GAAG,sBAAsB;IAI9E,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,aAAa;IAInD,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,GAAG,mBAAmB;IAIrE,eAAe,CAAC,KAAK,EAAE,eAAe,GAAG,eAAe;IAIxD,qBAAqB,CAAC,KAAK,CAAC,EAAE,oBAAoB,GAAG,eAAe;IAIpE,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW;IAItD,OAAO,CAAC,UAAU,CAAgC;IAEzC,oBAAoB,CAAC,KAAK,CAAC,EAAE,mBAAmB,GAAG,mBAAmB;IAI/E;;;;OAIG;IACH,MAAM,IAAI,IAAI;IAUd,+CAA+C;IACtC,sBAAsB,CAC7B,MAAM,EAAE,WAAW,GAAG,OAAO,EAC7B,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,MAAM,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC;QAEjD,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,GACA,UAAU,GAAG,WAAW,GAAG,YAAY;IAI1C,+CAA+C;IACtC,uBAAuB,CAC9B,MAAM,EAAE,WAAW,GAAG,OAAO,EAC7B,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAE1B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,GACA,MAAM;IAIA,kBAAkB,CAAC,UAAU,EAAE,GAAG,GAAG,IAAI;IAIzC,kBAAkB,CAAC,UAAU,EAAE,GAAG,GAAG,GAAG;IAIxC,mBAAmB,CAAC,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,GAAG,GAAG;IAIpD,UAAU,CAAC,OAAO,CAAC,EAAE;QAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;QAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,OAAO,CAAC,EAAE,GAAG,CAAC;KACf,GAAG,IAAI;IAQR,sBAAsB;IACtB,QAAQ,CAAC,EAAE,EAAE,sBAAsB,CAAC;IACpC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAS;IAEhC,iEAAiE;IACjE,QAAQ,CAAC,eAAe;;;;MAA0D;IAElF,uDAAuD;IACvD,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAM;IACxC,WAAW,EAAE,OAAO,CAAS;IAE7B,8CAA8C;IAC9C,SAAS,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACM,UAAU,IAAI,OAAO;IAgB9B,8DAA8D;IAC9D,SAAS,IAAI,IAAI;IAIjB,8CAA8C;IAC9C,QAAQ,IAAI,IAAI;IAIhB;;;OAGG;IACH,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAMlE;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAc7D,sBAAsB;IACtB,UAAU,EAAE,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC;IAElC;;;;;OAKG;IACH,yBAAyB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI;IA2BvE,gDAAgD;IAChD,YAAY,CAAC,IAAI,EAAE,MAAM,YAAY,GAAG,YAAY;CAIrD"}

package/dist/adapter/webgl-device.js

@@ -33,10 +33,10 @@ export class WebGLDevice extends Device {
     //
     // Public `Device` API
     //
+    /** type of this device */
     static type = 'webgl';
-    static isSupported() {
-        return typeof WebGL2RenderingContext !== 'undefined';
-    }
+    /** type of this device */
+    type = 'webgl';
     /** The underlying WebGL context */
     handle;
     features;
@@ -48,6 +48,10 @@ export class WebGLDevice extends Device {
     //
     // Static methods, expected to be present by `luma.createDevice()`
     //
+    /** Check if WebGL 2 is available */
+    static isSupported() {
+        return typeof WebGL2RenderingContext !== 'undefined';
+    }
     /**
      * Get a device instance from a GL context
      * Creates and instruments the device if not already created
@@ -85,16 +89,22 @@ export class WebGLDevice extends Device {
         }
         // Wait for all the loads to settle before creating the context.
         // The Device.create() functions are async, so in contrast to the constructor, we can `await` here.
-        await Promise.all(promises);
+        const results = await Promise.allSettled(promises);
+        for (const result of results) {
+            if (result.status === 'rejected') {
+                log.error(`Failed to initialize debug libraries ${result.reason}`)();
+            }
+        }
         log.probe(LOG_LEVEL + 1, 'DOM is loaded')();
         // @ts-expect-error
         if (props.gl?.device) {
+            log.warn('reattaching existing device')();
             return WebGLDevice.attach(props.gl);
         }
         const device = new WebGLDevice(props);
         // Log some debug info about the newly created context
         const message = `\
-Created ${device.info.type}${device.debug ? ' debug' : ''} context: \
+Created ${device.type}${device.debug ? ' debug' : ''} context: \
 ${device.info.vendor}, ${device.info.renderer} for canvas: ${device.canvasContext.id}`;
         log.probe(LOG_LEVEL, message)();
         log.table(LOG_LEVEL, device.info)();
@@ -135,8 +145,11 @@ ${device.info.vendor}, ${device.info.renderer} for canvas: ${device.canvasContex
         this.gl._version = 2; // Update GL context: Store WebGL version field on gl context (HACK to identify debug contexts)
         // luma Device fields
         this.info = getDeviceInfo(this.gl, this._extensions);
-        this.features = new WebGLDeviceFeatures(this.gl, this._extensions);
         this.limits = new WebGLDeviceLimits(this.gl);
+        this.features = new WebGLDeviceFeatures(this.gl, this._extensions, this.props.disabledFeatures);
+        if (this.props.initalizeFeatures) {
+            this.features.initializeFeatures();
+        }
         this.canvasContext.resize();
         // Install context state tracking
         // @ts-expect-error - hidden parameters
@@ -222,14 +235,6 @@ ${device.info.vendor}, ${device.info.renderer} for canvas: ${device.canvasContex
         throw new Error('ComputePass not supported in WebGL');
     }
     renderPass = null;
-    getDefaultRenderPass() {
-        this.renderPass =
-            this.renderPass ||
-                this.beginRenderPass({
-                    framebuffer: this.canvasContext.getCurrentFramebuffer()
-                });
-        return this.renderPass;
-    }
     createCommandEncoder(props) {
         return new WEBGLCommandEncoder(this, props);
     }
@@ -255,13 +260,13 @@ ${device.info.vendor}, ${device.info.renderer} for canvas: ${device.canvasContex
         return readPixelsToBuffer(source, options);
     }
     setParametersWebGL(parameters) {
-        setGLParameters(this, parameters);
+        setGLParameters(this.gl, parameters);
     }
     getParametersWebGL(parameters) {
-        return getGLParameters(this, parameters);
+        return getGLParameters(this.gl, parameters);
     }
     withParametersWebGL(parameters, func) {
-        withGLParameters(this, parameters, func);
+        withGLParameters(this.gl, parameters, func);
     }
     clearWebGL(options) {
         clear(this, options);

package/dist/classic/accessor.js

@@ -7,7 +7,7 @@ import { getTypedArrayFromGLType } from "./typed-array-utils.js";
 const DEFAULT_ACCESSOR_VALUES = {
     offset: 0,
     stride: 0,
-    type: GL.FLOAT,
+    type: 5126,
     size: 1,
     divisor: 0,
     normalized: false,
@@ -32,14 +32,14 @@ export class Accessor {
     static getBytesPerElement(accessor) {
         // TODO: using `FLOAT` when type is not specified,
         // ensure this assumption is valid or force API to specify type.
-        const ArrayType = getTypedArrayFromGLType(accessor.type || GL.FLOAT);
+        const ArrayType = getTypedArrayFromGLType(accessor.type || 5126);
         return ArrayType.BYTES_PER_ELEMENT;
     }
     static getBytesPerVertex(accessor) {
         assert(accessor.size);
         // TODO: using `FLOAT` when type is not specified,
         // ensure this assumption is valid or force API to specify type.
-        const ArrayType = getTypedArrayFromGLType(accessor.type || GL.FLOAT);
+        const ArrayType = getTypedArrayFromGLType(accessor.type || 5126);
         return ArrayType.BYTES_PER_ELEMENT * accessor.size;
     }
     // Combines (merges) a list of accessors. On top of default values
@@ -71,7 +71,7 @@ export class Accessor {
         if (props.type !== undefined) {
             this.type = props.type;
             // Auto-deduce integer type?
-            if (props.type === GL.INT || props.type === GL.UNSIGNED_INT) {
+            if (props.type === 5124 || props.type === 5125) {
                 this.integer = true;
             }
         }

package/dist/classic/clear.js

@@ -44,8 +44,8 @@ export function clear(device, options) {
     }
     assert(clearFlags !== 0, ERR_ARGUMENTS);
     // Temporarily set any clear "colors" and call clear
-    withGLParameters(device, parameters, () => {
-        const gl = device.gl;
+    const gl = device.gl;
+    withGLParameters(gl, parameters, () => {
         gl.clear(clearFlags);
     });
 }

package/dist/classic/copy-and-blit.js

@@ -17,7 +17,7 @@ import { glFormatToComponents, glTypeToBytes } from "./format-utils.js";
  * @returns pixel array,
  */
 export function readPixelsToArray(source, options) {
-    const { sourceX = 0, sourceY = 0, sourceFormat = GL.RGBA, sourceAttachment = GL.COLOR_ATTACHMENT0 // TODO - support gl.readBuffer
+    const { sourceX = 0, sourceY = 0, sourceFormat = 6408, sourceAttachment = 36064 // TODO - support gl.readBuffer
      } = options || {};
     let { target = null, 
     // following parameters are auto deduced if not provided
@@ -31,21 +31,20 @@ export function readPixelsToArray(source, options) {
     // if (sourceAttachment === GL.COLOR_ATTACHMENT0 && handle === null) {
     //   sourceAttachment = GL.FRONT;
     // }
-    const attachment = sourceAttachment - GL.COLOR_ATTACHMENT0;
+    const attachment = sourceAttachment - 36064;
     // assert(attachments[sourceAttachment]);
     // Deduce the type from color attachment if not provided.
     sourceType =
         sourceType ||
-            framebuffer.colorAttachments[attachment]?.texture?.type ||
-            GL.UNSIGNED_BYTE;
+            framebuffer.colorAttachments[attachment]?.texture?.type || 5121;
     // Deduce type and allocated pixelArray if needed
     target = getPixelArray(target, sourceType, sourceFormat, sourceWidth, sourceHeight);
     // Pixel array available, if necessary, deduce type from it.
     sourceType = sourceType || getGLTypeFromTypedArray(target);
-    const prevHandle = gl.bindFramebuffer(GL.FRAMEBUFFER, handle);
+    const prevHandle = gl.bindFramebuffer(36160, handle);
     gl.readPixels(sourceX, sourceY, sourceWidth, sourceHeight, sourceFormat, sourceType, target);
     // @ts-expect-error
-    gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);
+    gl.bindFramebuffer(36160, prevHandle || null);
     if (deleteFramebuffer) {
         framebuffer.destroy();
     }
@@ -59,7 +58,7 @@ export function readPixelsToArray(source, options) {
  * @param options
  */
 export function readPixelsToBuffer(source, options) {
-    const { target, sourceX = 0, sourceY = 0, sourceFormat = GL.RGBA, targetByteOffset = 0 } = options || {};
+    const { target, sourceX = 0, sourceY = 0, sourceFormat = 6408, targetByteOffset = 0 } = options || {};
     // following parameters are auto deduced if not provided
     let { sourceWidth, sourceHeight, sourceType } = options || {};
     const { framebuffer, deleteFramebuffer } = getFramebuffer(source);
@@ -69,7 +68,7 @@ export function readPixelsToBuffer(source, options) {
     // Asynchronous read (PIXEL_PACK_BUFFER) is WebGL2 only feature
     const webglFramebuffer = framebuffer;
     // deduce type if not available.
-    sourceType = sourceType || GL.UNSIGNED_BYTE;
+    sourceType = sourceType || 5121;
     let webglBufferTarget = target;
     if (!webglBufferTarget) {
         // Create new buffer with enough size
@@ -102,7 +101,7 @@ export function readPixelsToBuffer(source, options) {
 export function copyToTexture(source, target, options) {
     const { sourceX = 0, sourceY = 0, 
     // attachment = GL.COLOR_ATTACHMENT0, // TODO - support gl.readBuffer
-    targetMipmaplevel = 0, targetInternalFormat = GL.RGBA } = options || {};
+    targetMipmaplevel = 0, targetInternalFormat = 6408 } = options || {};
     let { targetX, targetY, targetZ, width, // defaults to target width
     height // defaults to target height
      } = options || {};
@@ -116,7 +115,7 @@ export function copyToTexture(source, target, options) {
     targetX = targetX || 0;
     targetY = targetY || 0;
     targetZ = targetZ || 0;
-    const prevHandle = device.gl.bindFramebuffer(GL.FRAMEBUFFER, handle);
+    const prevHandle = device.gl.bindFramebuffer(36160, handle);
     // TODO - support gl.readBuffer (WebGL2 only)
     // const prevBuffer = gl.readBuffer(attachment);
     assert(target);
@@ -137,12 +136,12 @@ export function copyToTexture(source, target, options) {
     }
     else {
         switch (textureTarget) {
-            case GL.TEXTURE_2D:
-            case GL.TEXTURE_CUBE_MAP:
+            case 3553:
+            case 34067:
                 device.gl.copyTexSubImage2D(textureTarget, targetMipmaplevel, targetX, targetY, sourceX, sourceY, width, height);
                 break;
-            case GL.TEXTURE_2D_ARRAY:
-            case GL.TEXTURE_3D:
+            case 35866:
+            case 32879:
                 device.gl.copyTexSubImage3D(textureTarget, targetMipmaplevel, targetX, targetY, targetZ, sourceX, sourceY, width, height);
                 break;
             default:
@@ -152,7 +151,7 @@ export function copyToTexture(source, target, options) {
         texture.unbind();
     }
     // @ts-expect-error
-    device.gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);
+    device.gl.bindFramebuffer(36160, prevHandle || null);
     if (deleteFramebuffer) {
         framebuffer.destroy();
     }
@@ -184,7 +183,7 @@ function getPixelArray(pixelArray, type, format, width, height) {
         return pixelArray;
     }
     // Allocate pixel array if not already available, using supplied type
-    type = type || GL.UNSIGNED_BYTE;
+    type = type || 5121;
     const ArrayType = getTypedArrayFromGLType(type, { clamped: false });
     const components = glFormatToComponents(format);
     // TODO - check for composite type (components = 1).

package/dist/classic/format-utils.d.ts

@@ -1,3 +1,3 @@
-export declare function glFormatToComponents(format: any): 1 | 2 | 3 | 4 | 0;
-export declare function glTypeToBytes(type: any): 1 | 2 | 4 | 0;
+export declare function glFormatToComponents(format: any): 0 | 1 | 4 | 2 | 3;
+export declare function glTypeToBytes(type: any): 0 | 1 | 4 | 2;
 //# sourceMappingURL=format-utils.d.ts.map

package/dist/classic/format-utils.js

@@ -6,18 +6,18 @@ import { GL } from '@luma.gl/constants';
 // Returns number of components in a specific readPixels WebGL format
 export function glFormatToComponents(format) {
     switch (format) {
-        case GL.ALPHA:
-        case GL.R32F:
-        case GL.RED:
+        case 6406:
+        case 33326:
+        case 6403:
             return 1;
-        case GL.RG32F:
-        case GL.RG:
+        case 33328:
+        case 33319:
             return 2;
-        case GL.RGB:
-        case GL.RGB32F:
+        case 6407:
+        case 34837:
             return 3;
-        case GL.RGBA:
-        case GL.RGBA32F:
+        case 6408:
+        case 34836:
             return 4;
         // TODO: Add support for additional WebGL2 formats
         default:
@@ -28,13 +28,13 @@ export function glFormatToComponents(format) {
 // Return byte count for given readPixels WebGL type
 export function glTypeToBytes(type) {
     switch (type) {
-        case GL.UNSIGNED_BYTE:
+        case 5121:
             return 1;
-        case GL.UNSIGNED_SHORT_5_6_5:
-        case GL.UNSIGNED_SHORT_4_4_4_4:
-        case GL.UNSIGNED_SHORT_5_5_5_1:
+        case 33635:
+        case 32819:
+        case 32820:
             return 2;
-        case GL.FLOAT:
+        case 5126:
             return 4;
         // TODO: Add support for additional WebGL2 types
         default: