@luma.gl/webgl 9.0.0-alpha.3 → 9.0.0-alpha.30

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

@@ -1,75 +1,51 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Framebuffer, Texture, log, assert } from '@luma.gl/api';
-import GL from '@luma.gl/constants';
-import WebGLTexture from './webgl-texture';
-import Renderbuffer from '../objects/webgl-renderbuffer';
-import { getWebGLTextureFormat, getWebGLDepthStencilAttachment } from '../converters/texture-formats';
-export default class WEBGLFramebuffer extends Framebuffer {
+import { Framebuffer, assert } from '@luma.gl/core';
+import { GL } from '@luma.gl/constants';
+import { WEBGLTexture } from "./webgl-texture.js";
+import { WEBGLRenderbuffer } from "../objects/webgl-renderbuffer.js";
+import { getDepthStencilAttachmentWebGL } from "../converters/texture-formats.js";
+export class WEBGLFramebuffer extends Framebuffer {
   get texture() {
     return this.colorAttachments[0];
   }
-
   constructor(device, props) {
     super(device, props);
-
     _defineProperty(this, "device", void 0);
-
     _defineProperty(this, "gl", void 0);
-
     _defineProperty(this, "handle", void 0);
-
-    _defineProperty(this, "colorAttachments", []);
-
-    _defineProperty(this, "depthStencilAttachment", undefined);
-
-    _defineProperty(this, "_ownResources", []);
-
+    const isDefaultFramebuffer = props.handle === null;
     this.device = device;
     this.gl = device.gl;
-    this.handle = this.props.handle !== undefined ? this.props.handle : this.gl.createFramebuffer();
-
-    if (this.handle) {
-      this.handle.__SPECTOR_Metadata = {
+    this.handle = this.props.handle || isDefaultFramebuffer ? this.props.handle : this.gl.createFramebuffer();
+    if (!isDefaultFramebuffer) {
+      device.setSpectorMetadata(this.handle, {
         id: this.props.id,
         props: this.props
-      };
-    }
-
-    this.colorAttachments = this._createColorAttachments();
-    this.depthStencilAttachment = this._createDepthStencilAttachment();
-    const prevHandle = this.gl.bindFramebuffer(GL.FRAMEBUFFER, this.handle);
-
-    for (let i = 0; i < this.colorAttachments.length; ++i) {
-      const attachment = this.colorAttachments[i];
-      const attachmentPoint = GL.COLOR_ATTACHMENT0 + i;
-
-      if (attachment) {
-        this._attachOne(attachmentPoint, attachment);
+      });
+      this.autoCreateAttachmentTextures();
+      this.gl.bindFramebuffer(GL.FRAMEBUFFER, this.handle);
+      for (let i = 0; i < this.colorAttachments.length; ++i) {
+        const attachment = this.colorAttachments[i];
+        const attachmentPoint = GL.COLOR_ATTACHMENT0 + i;
+        if (attachment) {
+          this._attachOne(attachmentPoint, attachment);
+        }
       }
+      if (this.depthStencilAttachment) {
+        this._attachOne(getDepthStencilAttachmentWebGL(this.depthStencilAttachment.format), this.depthStencilAttachment);
+      }
+      this.gl.bindFramebuffer(GL.FRAMEBUFFER, null);
     }
-
-    if (this.props.depthStencilAttachment) {
-      this._attachOne(getWebGLDepthStencilAttachment(this.depthStencilAttachment.format), this.depthStencilAttachment);
-    }
-
-    this.gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);
-
     if (props.check !== false) {
       this._checkStatus();
     }
   }
-
   destroy() {
-    if (this.handle !== null) {
-      for (const resource of this._ownResources) {
-        resource.destroy();
-      }
-
+    super.destroy();
+    if (!this.destroyed && this.handle !== null) {
       this.gl.deleteFramebuffer(this.handle);
-      this.handle = null;
     }
   }
-
   _checkStatus() {
     const {
       gl
@@ -77,187 +53,103 @@ export default class WEBGLFramebuffer extends Framebuffer {
     const prevHandle = gl.bindFramebuffer(GL.FRAMEBUFFER, this.handle);
     const status = gl.checkFramebufferStatus(GL.FRAMEBUFFER);
     gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);
-
     if (status !== gl.FRAMEBUFFER_COMPLETE) {
       throw new Error("Framebuffer ".concat(_getFrameBufferStatus(status)));
     }
   }
-
-  _createColorAttachments() {
-    return this.props.colorAttachments.map(colorAttachment => {
-      if (!colorAttachment) {
-        return undefined;
-      }
-
-      if (colorAttachment instanceof WebGLTexture) {
-        return colorAttachment;
-      }
-
-      return this._createColorAttachment(colorAttachment, this.width, this.height);
-    });
-  }
-
-  _createColorAttachment(format, width, height) {
-    const texture = this.device._createTexture({
-      id: "".concat(this.id, "-color"),
-      data: null,
-      format,
-      width,
-      height,
-      mipmaps: false,
-      sampler: {
-        minFilter: 'linear',
-        magFilter: 'linear',
-        addressModeU: 'clamp-to-edge',
-        addressModeV: 'clamp-to-edge'
-      }
-    });
-
-    this._ownResources.push(texture);
-
-    return texture;
-  }
-
-  _createDepthStencilAttachment() {
-    if (!this.props.depthStencilAttachment) {
-      return undefined;
-    }
-
-    if (this.props.depthStencilAttachment instanceof Renderbuffer) {
-      return this.props.depthStencilAttachment;
-    }
-
-    if (this.props.depthStencilAttachment instanceof Texture) {
-      return this.props.depthStencilAttachment;
-    }
-
-    const format = this.props.depthStencilAttachment;
-    const webglFormat = getWebGLTextureFormat(this.gl, format);
-    const texture = new Renderbuffer(this.device, {
+  createDepthStencilTexture(format) {
+    return new WEBGLRenderbuffer(this.device, {
       id: "".concat(this.id, "-depth-stencil"),
-      format: webglFormat,
+      format,
       width: this.width,
       height: this.height
     });
-
-    this._ownResources.push(texture);
-
-    return texture;
   }
-
-  _resizeAttachments(width, height) {
-    var _this$depthStencilAtt;
-
+  resizeAttachments(width, height) {
     if (this.handle === null) {
       this.width = this.gl.drawingBufferWidth;
       this.height = this.gl.drawingBufferHeight;
       return this;
     }
-
     if (width === undefined) {
       width = this.gl.drawingBufferWidth;
     }
-
     if (height === undefined) {
       height = this.gl.drawingBufferHeight;
     }
-
-    if (width !== this.width && height !== this.height) {
-      log.log(2, "Resizing framebuffer ".concat(this.id, " to ").concat(width, "x").concat(height))();
-    }
-
     for (const colorAttachment of this.colorAttachments) {
       colorAttachment.resize({
         width,
         height
       });
     }
-
-    (_this$depthStencilAtt = this.depthStencilAttachment) === null || _this$depthStencilAtt === void 0 ? void 0 : _this$depthStencilAtt.resize({
-      width,
-      height
-    });
+    if (this.depthStencilAttachment) {
+      this.depthStencilAttachment.resize({
+        width,
+        height
+      });
+    }
     return this;
   }
-
   _attachOne(attachmentPoint, attachment) {
-    if (attachment instanceof Renderbuffer) {
-      this._attachRenderbuffer(attachmentPoint, attachment);
-
+    if (attachment instanceof WEBGLRenderbuffer) {
+      this._attachWEBGLRenderbuffer(attachmentPoint, attachment);
       return attachment;
     } else if (Array.isArray(attachment)) {
       const [texture, layer = 0, level = 0] = attachment;
-
       this._attachTexture(attachmentPoint, texture, layer, level);
-
       return texture;
-    } else if (attachment instanceof WebGLTexture) {
+    } else if (attachment instanceof WEBGLTexture) {
       this._attachTexture(attachmentPoint, attachment, 0, 0);
-
       return attachment;
     }
+    throw new Error('attach');
   }
-
-  _attachRenderbuffer(attachment, renderbuffer) {
+  _attachWEBGLRenderbuffer(attachment, renderbuffer) {
     this.gl.framebufferRenderbuffer(GL.FRAMEBUFFER, attachment, GL.RENDERBUFFER, renderbuffer.handle);
   }
-
   _attachTexture(attachment, texture, layer, level) {
     const {
       gl,
       gl2
     } = this.device;
     gl.bindTexture(texture.target, texture.handle);
-
     switch (texture.target) {
       case GL.TEXTURE_2D_ARRAY:
       case GL.TEXTURE_3D:
         this.device.assertWebGL2();
-        gl2.framebufferTextureLayer(GL.FRAMEBUFFER, attachment, texture.target, level, layer);
+        gl2 === null || gl2 === void 0 ? void 0 : gl2.framebufferTextureLayer(GL.FRAMEBUFFER, attachment, texture.target, level, layer);
         break;
-
       case GL.TEXTURE_CUBE_MAP:
         const face = mapIndexToCubeMapFace(layer);
         gl.framebufferTexture2D(GL.FRAMEBUFFER, attachment, face, texture.handle, level);
         break;
-
       case GL.TEXTURE_2D:
         gl.framebufferTexture2D(GL.FRAMEBUFFER, attachment, GL.TEXTURE_2D, texture.handle, level);
         break;
-
       default:
         assert(false, 'Illegal texture type');
     }
-
     gl.bindTexture(texture.target, null);
   }
-
 }
-
 function mapIndexToCubeMapFace(layer) {
   return layer < GL.TEXTURE_CUBE_MAP_POSITIVE_X ? layer + GL.TEXTURE_CUBE_MAP_POSITIVE_X : layer;
 }
-
 function _getFrameBufferStatus(status) {
   switch (status) {
     case GL.FRAMEBUFFER_COMPLETE:
       return 'success';
-
     case GL.FRAMEBUFFER_INCOMPLETE_ATTACHMENT:
       return 'Mismatched attachments';
-
     case GL.FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT:
       return 'No attachments';
-
     case GL.FRAMEBUFFER_INCOMPLETE_DIMENSIONS:
       return 'Height/width mismatch';
-
     case GL.FRAMEBUFFER_UNSUPPORTED:
       return 'Unsupported or split attachments';
-
     case GL.FRAMEBUFFER_INCOMPLETE_MULTISAMPLE:
       return 'Samples mismatch';
-
     default:
       return "".concat(status);
   }

package/dist/adapter/resources/webgl-framebuffer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgl-framebuffer.ts"],"names":["Framebuffer","Texture","log","assert","GL","WebGLTexture","Renderbuffer","getWebGLTextureFormat","getWebGLDepthStencilAttachment","WEBGLFramebuffer","texture","colorAttachments","constructor","device","props","undefined","gl","handle","createFramebuffer","__SPECTOR_Metadata","id","_createColorAttachments","depthStencilAttachment","_createDepthStencilAttachment","prevHandle","bindFramebuffer","FRAMEBUFFER","i","length","attachment","attachmentPoint","COLOR_ATTACHMENT0","_attachOne","format","check","_checkStatus","destroy","resource","_ownResources","deleteFramebuffer","status","checkFramebufferStatus","FRAMEBUFFER_COMPLETE","Error","_getFrameBufferStatus","map","colorAttachment","_createColorAttachment","width","height","_createTexture","data","mipmaps","sampler","minFilter","magFilter","addressModeU","addressModeV","push","webglFormat","_resizeAttachments","drawingBufferWidth","drawingBufferHeight","resize","_attachRenderbuffer","Array","isArray","layer","level","_attachTexture","renderbuffer","framebufferRenderbuffer","RENDERBUFFER","gl2","bindTexture","target","TEXTURE_2D_ARRAY","TEXTURE_3D","assertWebGL2","framebufferTextureLayer","TEXTURE_CUBE_MAP","face","mapIndexToCubeMapFace","framebufferTexture2D","TEXTURE_2D","TEXTURE_CUBE_MAP_POSITIVE_X","FRAMEBUFFER_INCOMPLETE_ATTACHMENT","FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT","FRAMEBUFFER_INCOMPLETE_DIMENSIONS","FRAMEBUFFER_UNSUPPORTED","FRAMEBUFFER_INCOMPLETE_MULTISAMPLE"],"mappings":"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","sourcesContent":["import type {FramebufferProps, DepthStencilTextureFormat, ColorTextureFormat} from '@luma.gl/api';\nimport {Framebuffer, Texture, log, assert} from '@luma.gl/api';\nimport GL from '@luma.gl/constants';\nimport WebGLDevice from '../webgl-device';\nimport WebGLTexture from './webgl-texture';\nimport Renderbuffer from '../objects/webgl-renderbuffer';\nimport {getWebGLTextureFormat, getWebGLDepthStencilAttachment} from '../converters/texture-formats';\n\nexport type TextureAttachment = [Texture, number?, number?];\nexport type Attachment = WebGLTexture | Renderbuffer | TextureAttachment;\n\n/** luma.gl Framebuffer, WebGL implementation  */\nexport default class WEBGLFramebuffer extends Framebuffer {\n  device: WebGLDevice;\n  gl: WebGLRenderingContext;\n  handle: WebGLFramebuffer;\n\n  get texture() { return this.colorAttachments[0]; }\n  readonly colorAttachments: WebGLTexture[] = [];\n  readonly depthStencilAttachment: WebGLTexture | undefined = undefined;\n  protected _ownResources: (WebGLTexture | Renderbuffer)[] = [];\n\n  constructor(device: WebGLDevice, props: FramebufferProps) {\n    super(device, props);\n    this.device = device;\n    this.gl = device.gl;\n    this.handle = this.props.handle !== undefined ? this.props.handle : this.gl.createFramebuffer();\n\n    if (this.handle) { // default framebuffer is null...\n      // @ts-expect-error Per SPECTOR docs\n      this.handle.__SPECTOR_Metadata = {id: this.props.id, props: this.props};\n    }\n\n    this.colorAttachments = this._createColorAttachments();\n    // @ts-expect-error\n    this.depthStencilAttachment = this._createDepthStencilAttachment();\n\n    /** Attach from a map of attachments */\n    const prevHandle = this.gl.bindFramebuffer(GL.FRAMEBUFFER, this.handle);\n\n    // Walk the attachments\n    for (let i = 0; i < this.colorAttachments.length; ++i) {\n      const attachment = this.colorAttachments[i];\n      const attachmentPoint = GL.COLOR_ATTACHMENT0 + i;\n      if (attachment) {\n        this._attachOne(attachmentPoint, attachment);\n      }\n    }\n\n    if (this.props.depthStencilAttachment) {\n      this._attachOne(getWebGLDepthStencilAttachment(this.depthStencilAttachment.format), this.depthStencilAttachment);\n    }\n\n    // @ts-expect-error\n    this.gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);\n\n    // @ts-expect-error\n    if (props.check !== false) {\n      this._checkStatus();\n    }\n  }\n\n  destroy() {\n    if (this.handle !== null) {\n      for (const resource of this._ownResources) {\n        resource.destroy();\n      }\n      this.gl.deleteFramebuffer(this.handle);\n      this.handle = null;\n    }\n  }\n\n  // PRIVATE\n\n  /** Check the status */\n  protected _checkStatus(): void {\n    const {gl} = this;\n    const prevHandle = gl.bindFramebuffer(GL.FRAMEBUFFER, this.handle);\n    const status = gl.checkFramebufferStatus(GL.FRAMEBUFFER);\n    // @ts-expect-error\n    gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);\n    if (status !== gl.FRAMEBUFFER_COMPLETE) {\n      throw new Error(`Framebuffer ${_getFrameBufferStatus(status)}`);\n    }\n  }\n\n  _createColorAttachments(): WebGLTexture[] {\n    return this.props.colorAttachments.map(colorAttachment => {\n      if (!colorAttachment) {\n        return undefined;\n      }\n      if (colorAttachment instanceof WebGLTexture) {\n        return colorAttachment;\n      }\n      // if (typeof colorAttachment === 'default') {\n      //   return this._createColorAttachment('rgba8unorm', this.width, this.height);\n      // }\n      // @ts-expect-error\n      return this._createColorAttachment(colorAttachment, this.width, this.height);\n    });\n  }\n\n  /** Create a color attachment */\n  protected _createColorAttachment(format: ColorTextureFormat, width: number, height: number): WebGLTexture {\n    const texture = this.device._createTexture({\n      id: `${this.id}-color`,\n      data: null, // reserves texture memory, but texels are undefined\n      format,\n      // type: GL.UNSIGNED_BYTE,\n      width,\n      height,\n      // Note: Mipmapping can be disabled by texture resource when we resize the texture\n      // to a non-power-of-two dimenstion (NPOT texture) under WebGL1. To have consistant\n      // behavior we always disable mipmaps.\n      mipmaps: false,\n      // Set MIN and MAG filtering parameters so mipmaps are not used in sampling.\n      // Use LINEAR so subpixel algos like fxaa work.\n      // Set WRAP modes that support NPOT textures too.\n      sampler: {\n        minFilter: 'linear',\n        magFilter: 'linear',\n        addressModeU: 'clamp-to-edge',\n        addressModeV: 'clamp-to-edge'\n      },\n      // parameters: {\n      //   [GL.TEXTURE_MIN_FILTER]: GL.LINEAR,\n      //   [GL.TEXTURE_MAG_FILTER]: GL.LINEAR,\n      //   [GL.TEXTURE_WRAP_S]: GL.CLAMP_TO_EDGE,\n      //   [GL.TEXTURE_WRAP_T]: GL.CLAMP_TO_EDGE\n      // }\n    }) as WebGLTexture;\n    this._ownResources.push(texture);\n    return texture;\n  }\n\n  /** Create a depth stencil attachment GL.DEPTH24_STENCIL8 */\n  protected _createDepthStencilAttachment(): Renderbuffer | WebGLTexture {\n    if (!this.props.depthStencilAttachment) {\n      return undefined;\n    }\n    if (this.props.depthStencilAttachment instanceof Renderbuffer) {\n      return this.props.depthStencilAttachment;\n    }\n    if (this.props.depthStencilAttachment instanceof Texture) {\n      return this.props.depthStencilAttachment as unknown as WebGLTexture;\n    }\n    const format = this.props.depthStencilAttachment;\n    const webglFormat = getWebGLTextureFormat(this.gl, format);\n\n    const texture = new Renderbuffer(this.device, {\n      id: `${this.id}-depth-stencil`, // TODO misleading if not depth and stencil?\n      format: webglFormat,\n      // dataFormat: GL.DEPTH_STENCIL,\n      // type: GL.UNSIGNED_INT_24_8,\n      width: this.width,\n      height: this.height\n    });\n    this._ownResources.push(texture);\n    return texture;\n  }\n\n  /** Attachment resize is expected to be a noop if size is same */\n  protected _resizeAttachments(width: number, height: number): this {\n    // for default framebuffer, just update the stored size\n    if (this.handle === null) {\n      // assert(width === undefined && height === undefined);\n      this.width = this.gl.drawingBufferWidth;\n      this.height = this.gl.drawingBufferHeight;\n      return this;\n    }\n    if (width === undefined) {\n      width = this.gl.drawingBufferWidth;\n    }\n    if (height === undefined) {\n      height = this.gl.drawingBufferHeight;\n    }\n\n    if (width !== this.width && height !== this.height) {\n      log.log(2, `Resizing framebuffer ${this.id} to ${width}x${height}`)();\n    }\n\n    for (const colorAttachment of this.colorAttachments) {\n      colorAttachment.resize({width, height});\n    }\n    this.depthStencilAttachment?.resize({width, height});\n    return this;\n  }\n\n  /** Attach one attachment */\n  protected _attachOne(attachmentPoint: GL, attachment: Attachment): WebGLTexture | Renderbuffer {\n    if (attachment instanceof Renderbuffer) {\n      this._attachRenderbuffer(attachmentPoint, attachment);\n      return attachment;\n    } else if (Array.isArray(attachment)) {\n      const [texture, layer = 0, level = 0] = attachment;\n      this._attachTexture(attachmentPoint, texture as unknown as WebGLTexture, layer, level);\n      return texture as unknown as WebGLTexture;\n    } else if (attachment instanceof WebGLTexture) {\n      this._attachTexture(attachmentPoint, attachment, 0, 0);\n      return attachment;\n    }\n  }\n\n  protected _attachRenderbuffer(attachment: GL, renderbuffer: Renderbuffer): void {\n    this.gl.framebufferRenderbuffer(\n      GL.FRAMEBUFFER,\n      attachment,\n      GL.RENDERBUFFER,\n      renderbuffer.handle\n    );\n  }\n\n  /**\n   * @param attachment\n   * @param texture\n   * @param layer = 0 - index into WebGLTextureArray and Texture3D or face for `TextureCubeMap`\n   * @param level  = 0 - mipmapLevel (must be 0 in WebGL1)\n   */\n   protected _attachTexture(attachment: GL, texture: WebGLTexture, layer: number, level: number): void {\n    const {gl, gl2} = this.device;\n    gl.bindTexture(texture.target, texture.handle);\n\n    switch (texture.target) {\n      case GL.TEXTURE_2D_ARRAY:\n      case GL.TEXTURE_3D:\n        this.device.assertWebGL2();\n        gl2.framebufferTextureLayer(GL.FRAMEBUFFER, attachment, texture.target, level, layer);\n        break;\n\n      case GL.TEXTURE_CUBE_MAP:\n        // layer must be a cubemap face (or if index, converted to cube map face)\n        const face = mapIndexToCubeMapFace(layer);\n        gl.framebufferTexture2D(GL.FRAMEBUFFER, attachment, face, texture.handle, level);\n        break;\n\n      case GL.TEXTURE_2D:\n        gl.framebufferTexture2D(GL.FRAMEBUFFER, attachment, GL.TEXTURE_2D, texture.handle, level);\n        break;\n\n      default:\n        assert(false, 'Illegal texture type');\n    }\n\n    gl.bindTexture(texture.target, null);\n  }\n}\n\n// Helper functions\n\n// Map an index to a cube map face constant\nfunction mapIndexToCubeMapFace(layer) {\n  // TEXTURE_CUBE_MAP_POSITIVE_X is a big value (0x8515)\n  // if smaller assume layer is index, otherwise assume it is already a cube map face constant\n  return layer < GL.TEXTURE_CUBE_MAP_POSITIVE_X ? layer + GL.TEXTURE_CUBE_MAP_POSITIVE_X : layer;\n}\n\n// Helper METHODS\n// Get a string describing the framebuffer error if installed\nfunction _getFrameBufferStatus(status) {\n  switch (status) {\n    case GL.FRAMEBUFFER_COMPLETE:\n      return 'success';\n    case GL.FRAMEBUFFER_INCOMPLETE_ATTACHMENT:\n      return 'Mismatched attachments';\n    case GL.FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT:\n      return 'No attachments';\n    case GL.FRAMEBUFFER_INCOMPLETE_DIMENSIONS:\n      return 'Height/width mismatch';\n    case GL.FRAMEBUFFER_UNSUPPORTED:\n      return 'Unsupported or split attachments';\n    // WebGL2\n    case GL.FRAMEBUFFER_INCOMPLETE_MULTISAMPLE:\n      return 'Samples mismatch';\n    // OVR_multiview2 extension\n    // case GL.FRAMEBUFFER_INCOMPLETE_VIEW_TARGETS_OVR: return 'baseViewIndex mismatch';\n    default:\n      return `${status}`;\n  }\n}\n"],"file":"webgl-framebuffer.js"}
+{"version":3,"file":"webgl-framebuffer.js","names":["Framebuffer","assert","GL","WEBGLTexture","WEBGLRenderbuffer","getDepthStencilAttachmentWebGL","WEBGLFramebuffer","texture","colorAttachments","constructor","device","props","_defineProperty","isDefaultFramebuffer","handle","gl","createFramebuffer","setSpectorMetadata","id","autoCreateAttachmentTextures","bindFramebuffer","FRAMEBUFFER","i","length","attachment","attachmentPoint","COLOR_ATTACHMENT0","_attachOne","depthStencilAttachment","format","check","_checkStatus","destroy","destroyed","deleteFramebuffer","prevHandle","status","checkFramebufferStatus","FRAMEBUFFER_COMPLETE","Error","concat","_getFrameBufferStatus","createDepthStencilTexture","width","height","resizeAttachments","drawingBufferWidth","drawingBufferHeight","undefined","colorAttachment","resize","_attachWEBGLRenderbuffer","Array","isArray","layer","level","_attachTexture","renderbuffer","framebufferRenderbuffer","RENDERBUFFER","gl2","bindTexture","target","TEXTURE_2D_ARRAY","TEXTURE_3D","assertWebGL2","framebufferTextureLayer","TEXTURE_CUBE_MAP","face","mapIndexToCubeMapFace","framebufferTexture2D","TEXTURE_2D","TEXTURE_CUBE_MAP_POSITIVE_X","FRAMEBUFFER_INCOMPLETE_ATTACHMENT","FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT","FRAMEBUFFER_INCOMPLETE_DIMENSIONS","FRAMEBUFFER_UNSUPPORTED","FRAMEBUFFER_INCOMPLETE_MULTISAMPLE"],"sources":["../../../src/adapter/resources/webgl-framebuffer.ts"],"sourcesContent":["// luma.gl, MIT license\n\nimport type {FramebufferProps, TextureFormat} from '@luma.gl/core';\nimport {Framebuffer, Texture, assert} from '@luma.gl/core';\nimport {GL} from '@luma.gl/constants';\nimport {WebGLDevice} from '../webgl-device';\nimport {WEBGLTexture} from './webgl-texture';\nimport {WEBGLRenderbuffer} from '../objects/webgl-renderbuffer';\nimport {getDepthStencilAttachmentWebGL} from '../converters/texture-formats';\n\nexport type TextureAttachment = [Texture, number?, number?];\nexport type Attachment = WEBGLTexture | WEBGLRenderbuffer | TextureAttachment;\n\n/** luma.gl Framebuffer, WebGL implementation  */\nexport class WEBGLFramebuffer extends Framebuffer {\n  device: WebGLDevice;\n  gl: WebGLRenderingContext;\n  handle: WebGLFramebuffer;\n\n  get texture() {\n    return this.colorAttachments[0];\n  }\n\n  constructor(device: WebGLDevice, props: FramebufferProps) {\n    super(device, props);\n\n    // WebGL default framebuffer handle is null\n    const isDefaultFramebuffer = props.handle === null;\n\n    this.device = device;\n    this.gl = device.gl;\n    this.handle =\n      this.props.handle || isDefaultFramebuffer ? this.props.handle : this.gl.createFramebuffer();\n\n    if (!isDefaultFramebuffer) {\n      // default framebuffer handle is null, so we can't set spector metadata...\n      device.setSpectorMetadata(this.handle, {id: this.props.id, props: this.props});\n\n      // Auto create textures for attachments if needed\n      this.autoCreateAttachmentTextures();\n\n      /** Attach from a map of attachments */\n      this.gl.bindFramebuffer(GL.FRAMEBUFFER, this.handle);\n\n      // Walk the attachments\n      for (let i = 0; i < this.colorAttachments.length; ++i) {\n        const attachment = this.colorAttachments[i];\n        const attachmentPoint = GL.COLOR_ATTACHMENT0 + i;\n        if (attachment) {\n          this._attachOne(attachmentPoint, attachment as WEBGLTexture);\n        }\n      }\n\n      if (this.depthStencilAttachment) {\n        this._attachOne(\n          getDepthStencilAttachmentWebGL(this.depthStencilAttachment.format),\n          this.depthStencilAttachment as WEBGLTexture\n        );\n      }\n\n      this.gl.bindFramebuffer(GL.FRAMEBUFFER, null);\n    }\n\n    // @ts-expect-error\n    if (props.check !== false) {\n      this._checkStatus();\n    }\n  }\n\n  /** destroys any auto created resources etc. */\n  override destroy(): void {\n    super.destroy(); // destroys owned resources etc.\n    if (!this.destroyed && this.handle !== null) {\n      this.gl.deleteFramebuffer(this.handle);\n      // this.handle = null;\n    }\n  }\n\n  // PRIVATE\n\n  /** Check the status */\n  protected _checkStatus(): void {\n    const {gl} = this;\n    // TODO - should we really rely on this trick? \n    const prevHandle = gl.bindFramebuffer(GL.FRAMEBUFFER, this.handle) as unknown as WebGLFramebuffer;\n    const status = gl.checkFramebufferStatus(GL.FRAMEBUFFER);\n    gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);\n    if (status !== gl.FRAMEBUFFER_COMPLETE) {\n      throw new Error(`Framebuffer ${_getFrameBufferStatus(status)}`);\n    }\n  }\n\n  /** In WebGL we must use renderbuffers for depth/stencil attachments (unless we have extensions) */\n  protected override createDepthStencilTexture(format: TextureFormat): Texture {\n    return new WEBGLRenderbuffer(this.device, {\n      id: `${this.id}-depth-stencil`, // TODO misleading if not depth and stencil?\n      format,\n      // dataFormat: GL.DEPTH_STENCIL,\n      // type: GL.UNSIGNED_INT_24_8,\n      width: this.width,\n      height: this.height\n    }) as unknown as WEBGLTexture;\n  }\n\n  /** \n   * Attachment resize is expected to be a noop if size is same \n   */\n  protected override resizeAttachments(width: number, height: number): this {\n    // for default framebuffer, just update the stored size\n    if (this.handle === null) {\n      // assert(width === undefined && height === undefined);\n      this.width = this.gl.drawingBufferWidth;\n      this.height = this.gl.drawingBufferHeight;\n      return this;\n    }\n\n    if (width === undefined) {\n      width = this.gl.drawingBufferWidth;\n    }\n    if (height === undefined) {\n      height = this.gl.drawingBufferHeight;\n    }\n\n    // TODO Not clear that this is better than default destroy/create implementation\n\n    for (const colorAttachment of this.colorAttachments) {\n      (colorAttachment as WEBGLTexture).resize({width, height});\n    }\n    if (this.depthStencilAttachment) {\n      (this.depthStencilAttachment as WEBGLTexture).resize({width, height});\n    }\n    return this;\n  }\n\n  /** Attach one attachment */\n  protected _attachOne(\n    attachmentPoint: GL,\n    attachment: Attachment\n  ): WEBGLTexture | WEBGLRenderbuffer {\n    if (attachment instanceof WEBGLRenderbuffer) {\n      this._attachWEBGLRenderbuffer(attachmentPoint, attachment);\n      return attachment;\n    } else if (Array.isArray(attachment)) {\n      const [texture, layer = 0, level = 0] = attachment;\n      this._attachTexture(attachmentPoint, texture as unknown as WEBGLTexture, layer, level);\n      return texture as unknown as WEBGLTexture;\n    } else if (attachment instanceof WEBGLTexture) {\n      this._attachTexture(attachmentPoint, attachment, 0, 0);\n      return attachment;\n    }\n    throw new Error('attach');\n  }\n\n  protected _attachWEBGLRenderbuffer(attachment: GL, renderbuffer: WEBGLRenderbuffer): void {\n    this.gl.framebufferRenderbuffer(\n      GL.FRAMEBUFFER,\n      attachment,\n      GL.RENDERBUFFER,\n      renderbuffer.handle\n    );\n  }\n\n  /**\n   * @param attachment\n   * @param texture\n   * @param layer = 0 - index into WEBGLTextureArray and Texture3D or face for `TextureCubeMap`\n   * @param level  = 0 - mipmapLevel (must be 0 in WebGL1)\n   */\n  protected _attachTexture(\n    attachment: GL,\n    texture: WEBGLTexture,\n    layer: number,\n    level: number\n  ): void {\n    const {gl, gl2} = this.device;\n    gl.bindTexture(texture.target, texture.handle);\n\n    switch (texture.target) {\n      case GL.TEXTURE_2D_ARRAY:\n      case GL.TEXTURE_3D:\n        this.device.assertWebGL2();\n        gl2?.framebufferTextureLayer(GL.FRAMEBUFFER, attachment, texture.target, level, layer);\n        break;\n\n      case GL.TEXTURE_CUBE_MAP:\n        // layer must be a cubemap face (or if index, converted to cube map face)\n        const face = mapIndexToCubeMapFace(layer);\n        gl.framebufferTexture2D(GL.FRAMEBUFFER, attachment, face, texture.handle, level);\n        break;\n\n      case GL.TEXTURE_2D:\n        gl.framebufferTexture2D(GL.FRAMEBUFFER, attachment, GL.TEXTURE_2D, texture.handle, level);\n        break;\n\n      default:\n        assert(false, 'Illegal texture type');\n    }\n\n    gl.bindTexture(texture.target, null);\n  }\n}\n\n// Helper functions\n\n// Map an index to a cube map face constant\nfunction mapIndexToCubeMapFace(layer: number | GL): GL {\n  // TEXTURE_CUBE_MAP_POSITIVE_X is a big value (0x8515)\n  // if smaller assume layer is index, otherwise assume it is already a cube map face constant\n  return layer < GL.TEXTURE_CUBE_MAP_POSITIVE_X ? layer + GL.TEXTURE_CUBE_MAP_POSITIVE_X : layer;\n}\n\n// Helper METHODS\n// Get a string describing the framebuffer error if installed\nfunction _getFrameBufferStatus(status: GL) {\n  switch (status) {\n    case GL.FRAMEBUFFER_COMPLETE:\n      return 'success';\n    case GL.FRAMEBUFFER_INCOMPLETE_ATTACHMENT:\n      return 'Mismatched attachments';\n    case GL.FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT:\n      return 'No attachments';\n    case GL.FRAMEBUFFER_INCOMPLETE_DIMENSIONS:\n      return 'Height/width mismatch';\n    case GL.FRAMEBUFFER_UNSUPPORTED:\n      return 'Unsupported or split attachments';\n    // WebGL2\n    case GL.FRAMEBUFFER_INCOMPLETE_MULTISAMPLE:\n      return 'Samples mismatch';\n    // OVR_multiview2 extension\n    // case GL.FRAMEBUFFER_INCOMPLETE_VIEW_TARGETS_OVR: return 'baseViewIndex mismatch';\n    default:\n      return `${status}`;\n  }\n}\n"],"mappings":"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"}

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

@@ -1,11 +1,26 @@
-import { RenderPass, RenderPassProps } from '@luma.gl/api';
-import WebGLDevice from '../webgl-device';
-export default class WEBGLRenderPass extends RenderPass {
+import { RenderPass, RenderPassProps, NumericArray, RenderPassParameters } from '@luma.gl/core';
+import { WebGLDevice } from '../webgl-device';
+import { GLParameters } from '@luma.gl/constants';
+export declare class WEBGLRenderPass extends RenderPass {
     readonly device: WebGLDevice;
+    /** Parameters that should be applied before each draw call */
+    glParameters: GLParameters;
     constructor(device: WebGLDevice, props: RenderPassProps);
-    endPass(): void;
+    end(): void;
     pushDebugGroup(groupLabel: string): void;
     popDebugGroup(): void;
     insertDebugMarker(markerLabel: string): void;
+    /**
+     * Maps RenderPass parameters to GL parameters
+     */
+    setParameters(parameters?: RenderPassParameters): void;
+    /**
+     * Optionally clears depth, color and stencil buffers based on parameters
+     */
+    protected clear(): void;
+    /**
+     * WebGL2 - clear a specific color buffer
+     */
+    protected clearColorBuffer(drawBuffer?: number, value?: NumericArray): void;
 }
 //# sourceMappingURL=webgl-render-pass.d.ts.map

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":"AAAA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,cAAc,CAAC;AACzD,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAE1C,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAU;IACrD,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;gBAEjB,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe;IAIvD,OAAO,IAAI,IAAI;IAEf,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IACxC,aAAa,IAAI,IAAI;IACrB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;CAQ7C"}
+{"version":3,"file":"webgl-render-pass.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-render-pass.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAC9F,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAK,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAWpD,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;IAWvD,GAAG,IAAI,IAAI;IAIX,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IACxC,aAAa,IAAI,IAAI;IACrB,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAS5C;;OAEG;IACH,aAAa,CAAC,UAAU,GAAE,oBAAyB,GAAG,IAAI;IA+C1D;;OAEG;IACH,SAAS,CAAC,KAAK,IAAI,IAAI;IA+BvB;;OAEG;IACH,SAAS,CAAC,gBAAgB,CAAC,UAAU,GAAE,MAAU,EAAE,KAAK,GAAE,YAA2B;CAwCtF"}

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

@@ -1,19 +1,98 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { RenderPass } from '@luma.gl/api';
-export default class WEBGLRenderPass extends RenderPass {
+import { RenderPass } from '@luma.gl/core';
+import { GL } from '@luma.gl/constants';
+import { withParameters } from "../../context/state-tracker/with-parameters.js";
+const GL_DEPTH_BUFFER_BIT = 0x00000100;
+const GL_STENCIL_BUFFER_BIT = 0x00000400;
+const GL_COLOR_BUFFER_BIT = 0x00004000;
+const GL_COLOR = 0x1800;
+export class WEBGLRenderPass extends RenderPass {
   constructor(device, props) {
     super(device, props);
-
     _defineProperty(this, "device", void 0);
+    _defineProperty(this, "glParameters", void 0);
+    this.device = device;
+    this.setParameters(this.props.parameters);
+    this.clear();
   }
-
-  endPass() {}
-
+  end() {}
   pushDebugGroup(groupLabel) {}
-
   popDebugGroup() {}
-
   insertDebugMarker(markerLabel) {}
-
+  setParameters() {
+    let parameters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const glParameters = {};
+    if (this.props.framebuffer) {
+      glParameters.framebuffer = this.props.framebuffer;
+    }
+    if (this.props.depthReadOnly) {
+      glParameters.depthMask = !this.props.depthReadOnly;
+    }
+    glParameters.stencilMask = this.props.stencilReadOnly ? 0 : 1;
+    glParameters[GL.RASTERIZER_DISCARD] = this.props.discard;
+    if (parameters.viewport) {
+      if (parameters.viewport.length >= 6) {
+        glParameters.viewport = parameters.viewport.slice(0, 4);
+        glParameters.depthRange = [parameters.viewport[4], parameters.viewport[5]];
+      } else {
+        glParameters.viewport = parameters.viewport;
+      }
+    }
+    glParameters.scissorTest = Boolean(parameters.scissorRect);
+    if (parameters.scissorRect) {
+      glParameters.scissor = parameters.scissorRect;
+    }
+    if (parameters.blendConstant) {
+      glParameters.blendColor = parameters.blendConstant;
+    }
+    if (parameters.stencilReference) {
+      console.warn('RenderPassParameters.stencilReference not yet implemented in WebGL');
+      parameters[GL.STENCIL_REF] = parameters.stencilReference;
+    }
+    this.glParameters = glParameters;
+  }
+  clear() {
+    const glParameters = {
+      ...this.glParameters
+    };
+    let clearMask = 0;
+    if (this.props.clearColor !== false) {
+      clearMask |= GL_COLOR_BUFFER_BIT;
+      glParameters.clearColor = this.props.clearColor;
+    }
+    if (this.props.clearDepth !== false) {
+      clearMask |= GL_DEPTH_BUFFER_BIT;
+      glParameters.clearDepth = this.props.clearDepth;
+    }
+    if (this.props.clearStencil !== false) {
+      clearMask |= GL_STENCIL_BUFFER_BIT;
+      glParameters.clearStencil = this.props.clearStencil;
+    }
+    if (clearMask !== 0) {
+      withParameters(this.device, glParameters, () => {
+        this.device.gl.clear(clearMask);
+      });
+    }
+  }
+  clearColorBuffer() {
+    let drawBuffer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [0, 0, 0, 0];
+    withParameters(this.device.gl2, {
+      framebuffer: this.props.framebuffer
+    }, () => {
+      switch (value.constructor) {
+        case Int32Array:
+          this.device.gl2.clearBufferiv(GL_COLOR, drawBuffer, value);
+          break;
+        case Uint32Array:
+          this.device.gl2.clearBufferuiv(GL_COLOR, drawBuffer, value);
+          break;
+        case Float32Array:
+        default:
+          this.device.gl2.clearBufferfv(GL_COLOR, drawBuffer, value);
+          break;
+      }
+    });
+  }
 }
 //# sourceMappingURL=webgl-render-pass.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/adapter/resources/webgl-render-pass.ts"],"names":["RenderPass","WEBGLRenderPass","constructor","device","props","endPass","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"mappings":";AAAA,SAAQA,UAAR,QAA0C,cAA1C;AAGA,eAAe,MAAMC,eAAN,SAA8BD,UAA9B,CAAyC;AAGtDE,EAAAA,WAAW,CAACC,MAAD,EAAsBC,KAAtB,EAA8C;AACvD,UAAMD,MAAN,EAAcC,KAAd;;AADuD;AAExD;;AAEDC,EAAAA,OAAO,GAAS,CAAE;;AAElBC,EAAAA,cAAc,CAACC,UAAD,EAA2B,CAAE;;AAC3CC,EAAAA,aAAa,GAAS,CAAE;;AACxBC,EAAAA,iBAAiB,CAACC,WAAD,EAA4B,CAAE;;AAXO","sourcesContent":["import {RenderPass, RenderPassProps} from '@luma.gl/api';\nimport WebGLDevice from '../webgl-device';\n\nexport default class WEBGLRenderPass extends RenderPass {\n  readonly device: WebGLDevice;\n\n  constructor(device: WebGLDevice, props: RenderPassProps) {\n    super(device, props);\n  }\n\n  endPass(): void {}\n\n  pushDebugGroup(groupLabel: string): void {}\n  popDebugGroup(): void {}\n  insertDebugMarker(markerLabel: string): void {}\n\n  // writeTimestamp(querySet: GPUQuerySet, queryIndex: number): void;\n\n  // beginOcclusionQuery(queryIndex: number): void;\n  // endOcclusionQuery(): void;\n\n  // executeBundles(bundles: Iterable<GPURenderBundle>): void;\n}\n"],"file":"webgl-render-pass.js"}
+{"version":3,"file":"webgl-render-pass.js","names":["RenderPass","GL","withParameters","GL_DEPTH_BUFFER_BIT","GL_STENCIL_BUFFER_BIT","GL_COLOR_BUFFER_BIT","GL_COLOR","WEBGLRenderPass","constructor","device","props","_defineProperty","setParameters","parameters","clear","end","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel","arguments","length","undefined","glParameters","framebuffer","depthReadOnly","depthMask","stencilMask","stencilReadOnly","RASTERIZER_DISCARD","discard","viewport","slice","depthRange","scissorTest","Boolean","scissorRect","scissor","blendConstant","blendColor","stencilReference","console","warn","STENCIL_REF","clearMask","clearColor","clearDepth","clearStencil","gl","clearColorBuffer","drawBuffer","value","gl2","Int32Array","clearBufferiv","Uint32Array","clearBufferuiv","Float32Array","clearBufferfv"],"sources":["../../../src/adapter/resources/webgl-render-pass.ts"],"sourcesContent":["import {RenderPass, RenderPassProps, NumericArray, RenderPassParameters} from '@luma.gl/core';\nimport {WebGLDevice} from '../webgl-device';\nimport {GL, GLParameters} from '@luma.gl/constants';\nimport {withParameters} from '../../context/state-tracker/with-parameters';\n\n// Should collapse during minification\n\nconst GL_DEPTH_BUFFER_BIT = 0x00000100;\nconst GL_STENCIL_BUFFER_BIT = 0x00000400;\nconst GL_COLOR_BUFFER_BIT = 0x00004000;\n\nconst GL_COLOR = 0x1800;\n\nexport class WEBGLRenderPass extends RenderPass {\n  readonly device: WebGLDevice;\n\n  /** Parameters that should be applied before each draw call */\n  glParameters: GLParameters;\n\n  constructor(device: WebGLDevice, props: RenderPassProps) {\n    super(device, props);\n    this.device = device;\n\n    // TODO - do parameters (scissorRect) affect the clear operation?\n    this.setParameters(this.props.parameters);\n\n    // Hack - for now WebGL draws in \"immediate mode\" (instead of queueing the operations)...\n    this.clear();\n  }\n\n  end(): void {\n    // should add commands to CommandEncoder.\n  }\n\n  pushDebugGroup(groupLabel: string): void {}\n  popDebugGroup(): void {}\n  insertDebugMarker(markerLabel: string): void {}\n\n  // writeTimestamp(querySet: GPUQuerySet, queryIndex: number): void;\n\n  // beginOcclusionQuery(queryIndex: number): void;\n  // endOcclusionQuery(): void;\n\n  // executeBundles(bundles: Iterable<GPURenderBundle>): void;\n\n  /**\n   * Maps RenderPass parameters to GL parameters\n   */\n  setParameters(parameters: RenderPassParameters = {}): void {\n    const glParameters: GLParameters = {};\n\n    // Framebuffers are specified using parameters in WebGL\n    if (this.props.framebuffer) {\n      glParameters.framebuffer = this.props.framebuffer;\n    }\n\n    if (this.props.depthReadOnly) {\n      glParameters.depthMask = !this.props.depthReadOnly;\n    }\n\n    glParameters.stencilMask = this.props.stencilReadOnly ? 0 : 1;\n\n    glParameters[GL.RASTERIZER_DISCARD] = this.props.discard;\n\n    // Map the four renderpass parameters to WebGL parameters\n    if (parameters.viewport) {\n      // WebGPU viewports are 6 coordinates (X, Y, Z)\n      if (parameters.viewport.length >= 6) {\n        glParameters.viewport = parameters.viewport.slice(0, 4);\n        glParameters.depthRange = [parameters.viewport[4], parameters.viewport[5]];\n      } else {\n        // WebGL viewports are 4 coordinates (X, Y)\n        glParameters.viewport = parameters.viewport;\n      }\n    }\n    glParameters.scissorTest = Boolean(parameters.scissorRect);\n    if (parameters.scissorRect) {\n      glParameters.scissor = parameters.scissorRect;\n    }\n    if (parameters.blendConstant) {\n      glParameters.blendColor = parameters.blendConstant;\n    }\n    if (parameters.stencilReference) {\n      // eslint-disable-next-line no-console\n      console.warn('RenderPassParameters.stencilReference not yet implemented in WebGL');\n      // parameters.stencilFunc = [func, ref, mask];\n      // Does this work?\n      parameters[GL.STENCIL_REF] = parameters.stencilReference;\n    }\n\n    this.glParameters = glParameters;\n  }\n\n  // Internal\n\n  /**\n   * Optionally clears depth, color and stencil buffers based on parameters\n   */\n  protected clear(): void {\n    const glParameters: GLParameters = {...this.glParameters};\n\n    let clearMask = 0;\n\n    if (this.props.clearColor !== false) {\n      clearMask |= GL_COLOR_BUFFER_BIT;\n      glParameters.clearColor = this.props.clearColor;\n    }\n    if (this.props.clearDepth !== false) {\n      clearMask |= GL_DEPTH_BUFFER_BIT;\n      glParameters.clearDepth = this.props.clearDepth;\n    }\n    if (this.props.clearStencil !== false) {\n      clearMask |= GL_STENCIL_BUFFER_BIT;\n      glParameters.clearStencil = this.props.clearStencil;\n    }\n\n    if (clearMask !== 0) {\n      // Temporarily set any clear \"colors\" and call clear\n      withParameters(this.device, glParameters, () => {\n        this.device.gl.clear(clearMask);\n      });\n\n      // TODO - clear multiple color attachments\n      // for (attachment of this.framebuffer.colorAttachments) {\n      //   this.clearColorBuffer  \n      // }\n    }\n  }\n\n  /** \n   * WebGL2 - clear a specific color buffer \n   */\n  protected clearColorBuffer(drawBuffer: number = 0, value: NumericArray = [0, 0, 0, 0]) {\n    withParameters(this.device.gl2, {framebuffer: this.props.framebuffer}, () => {\n      // Method selection per OpenGL ES 3 docs\n      switch (value.constructor) {\n        case Int32Array:\n          this.device.gl2.clearBufferiv(GL_COLOR, drawBuffer, value);\n          break;\n        case Uint32Array:\n          this.device.gl2.clearBufferuiv(GL_COLOR, drawBuffer, value);\n          break;\n        case Float32Array:\n        default:\n          this.device.gl2.clearBufferfv(GL_COLOR, drawBuffer, value);\n          break;\n      }\n    });\n  }\n\n  // clearDepthStencil() {\n  // const GL_DEPTH = 0x1801;\n  // const GL_STENCIL = 0x1802;\n  // const GL_DEPTH_STENCIL = 0x84f9;\n\n  //     case GL_DEPTH:\n  //       this.device.gl2.clearBufferfv(GL_DEPTH, 0, [value]);\n  //       break;\n\n  //     case GL_STENCIL:\n  //       this.device.gl2.clearBufferiv(GL_STENCIL, 0, [value]);\n  //       break;\n\n  //     case GL_DEPTH_STENCIL:\n  //       const [depth, stencil] = value;\n  //       this.device.gl2.clearBufferfi(GL_DEPTH_STENCIL, 0, depth, stencil);\n  //       break;\n\n  //     default:\n  //       assert(false, ERR_ARGUMENTS);\n  //   }\n  // });\n}\n\n"],"mappings":"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"}

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

@@ -1,20 +1,37 @@
-import type { RenderPipelineProps, RenderPass, Buffer, Binding, ShaderLayout } from '@luma.gl/api';
-import { RenderPipeline } from '@luma.gl/api';
-import WebGLDevice from '../webgl-device';
-import WEBGLShader from './webgl-shader';
-import WEBGLVertexArrayObject from '../objects/webgl-vertex-array-object';
+import type { RenderPipelineProps, RenderPass, Buffer, Binding, ShaderLayout, TypedArray, BufferMapping } from '@luma.gl/core';
+import { RenderPipeline } from '@luma.gl/core';
+import { WebGLDevice } from '../webgl-device';
+import { WEBGLBuffer } from './webgl-buffer';
+import { WEBGLShader } from './webgl-shader';
+import { WEBGLVertexArrayObject } from '../objects/webgl-vertex-array-object';
 /** Creates a new render pipeline */
-export default class WEBGLRenderPipeline extends RenderPipeline {
+export declare class WEBGLRenderPipeline extends RenderPipeline {
+    /** The WebGL device that created this render pipeline */
     device: WebGLDevice;
+    /** Handle to underlying WebGL program */
     handle: WebGLProgram;
+    /** vertex shader */
     vs: WEBGLShader;
+    /** fragment shader */
     fs: WEBGLShader;
+    /** The merged layout */
     layout: ShaderLayout;
-    varyings: string[];
-    vertexArrayObject: WEBGLVertexArrayObject;
-    _indexBuffer?: Buffer;
+    /** The layout extracted from shader by WebGL introspection APIs */
+    introspectedLayout: ShaderLayout;
+    /** Buffer map describing buffer interleaving etc */
+    bufferMap: BufferMapping[];
+    /** Uniforms set on this model */
     uniforms: Record<string, any>;
+    /** Bindings set on this model */
     bindings: Record<string, any>;
+    /** Any constant attributes */
+    constantAttributes: Record<string, TypedArray>;
+    /** Index buffer is stored separately */
+    _indexBuffer?: WEBGLBuffer;
+    /** WebGL varyings */
+    varyings: string[] | null;
+    /** Stores attribute bindings */
+    vertexArrayObject: WEBGLVertexArrayObject;
     _textureUniforms: Record<string, any>;
     _textureIndexCounter: number;
     _uniformCount: number;
@@ -24,7 +41,17 @@ export default class WEBGLRenderPipeline extends RenderPipeline {
     setIndexBuffer(indexBuffer: Buffer): void;
     /** @todo needed for portable model */
     setAttributes(attributes: Record<string, Buffer>): void;
-    /** @todo needed for portable model */
+    /**
+     * Constant attributes are only supported in WebGL, not in WebGPU
+     * Any attribute that is disabled in the current vertex array object
+     * is read from the context's global constant value for that attribute location.
+     * @param attributes
+     */
+    setConstantAttributes(attributes: Record<string, TypedArray>): void;
+    /**
+     * Bindings include: textures, samplers and uniform buffers
+     * @todo needed for portable model
+     */
     setBindings(bindings: Record<string, Binding>): void;
     setUniforms(uniforms: Record<string, any>): void;
     /** @todo needed for portable model
@@ -32,7 +59,7 @@ export default class WEBGLRenderPipeline extends RenderPipeline {
      * This function unifies those ways into a single call using common parameters with sane defaults
      */
     draw(options: {
-        renderPass?: RenderPass;
+        renderPass: RenderPass;
         vertexCount?: number;
         indexCount?: number;
         instanceCount?: number;
@@ -51,5 +78,11 @@ export default class WEBGLRenderPipeline extends RenderPipeline {
     /** Apply any bindings */
     _applyBindings(): void;
     _applyUniforms(): void;
+    /**
+     * Constant attributes are only supported in WebGL, not in WebGPU
+     * Any attribute that is disabled in the current vertex array object
+     * is read from the context's global constant value for that attribute location.
+     */
+    _applyConstantAttributes(): void;
 }
 //# sourceMappingURL=webgl-render-pipeline.d.ts.map