@luma.gl/webgl 9.0.0-alpha.20 → 9.0.0-alpha.23

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

@@ -1,10 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Framebuffer, Texture, log, assert } from '@luma.gl/api';
+import { Framebuffer, assert } from '@luma.gl/api';
 import GL from '@luma.gl/constants';
-import WebGLTexture from "./webgl-texture.js";
-import Renderbuffer from "../objects/webgl-renderbuffer.js";
-import { getWebGLTextureFormat, getWebGLDepthStencilAttachment } from "../converters/texture-formats.js";
-export default class WEBGLFramebuffer extends Framebuffer {
+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];
   }
@@ -13,43 +13,37 @@ export default class WEBGLFramebuffer extends Framebuffer {
     _defineProperty(this, "device", void 0);
     _defineProperty(this, "gl", void 0);
     _defineProperty(this, "handle", void 0);
-    _defineProperty(this, "colorAttachments", []);
-    _defineProperty(this, "depthStencilAttachment", null);
-    _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 = 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.destroyed = true;
     }
   }
   _checkStatus() {
@@ -63,58 +57,15 @@ export default class WEBGLFramebuffer extends Framebuffer {
       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;
@@ -126,36 +77,35 @@ export default class WEBGLFramebuffer extends Framebuffer {
     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) {

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

@@ -1 +1 @@
-{"version":3,"file":"webgl-framebuffer.js","names":["Framebuffer","Texture","log","assert","GL","WebGLTexture","Renderbuffer","getWebGLTextureFormat","getWebGLDepthStencilAttachment","WEBGLFramebuffer","texture","colorAttachments","constructor","device","props","_defineProperty","gl","handle","undefined","createFramebuffer","setSpectorMetadata","id","_createColorAttachments","depthStencilAttachment","_createDepthStencilAttachment","prevHandle","bindFramebuffer","FRAMEBUFFER","i","length","attachment","attachmentPoint","COLOR_ATTACHMENT0","_attachOne","format","check","_checkStatus","destroy","resource","_ownResources","deleteFramebuffer","destroyed","status","checkFramebufferStatus","FRAMEBUFFER_COMPLETE","Error","concat","_getFrameBufferStatus","map","colorAttachment","_createColorAttachment","width","height","_createTexture","data","mipmaps","sampler","minFilter","magFilter","addressModeU","addressModeV","push","webglFormat","_resizeAttachments","_this$depthStencilAtt","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"],"sources":["../../../src/adapter/resources/webgl-framebuffer.ts"],"sourcesContent":["// luma.gl, MIT license\n\nimport type {FramebufferProps, 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 | null = null;\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      device.setSpectorMetadata(this.handle, {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  override destroy(): void {\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      this.destroyed = true;\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    }) ;\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    throw new Error('attach');\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: 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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"}
+{"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/api';\nimport {Framebuffer, Texture, assert} from '@luma.gl/api';\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/api';
+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);
     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;IAKvD,GAAG,IAAI,IAAI;IAEX,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,cAAc,CAAC;AAC7F,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;IAyC1D;;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,14 +1,94 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { RenderPass } from '@luma.gl/api';
-export default class WEBGLRenderPass extends RenderPass {
+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();
   }
   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) {
+      glParameters.viewport = parameters.viewport;
+      glParameters.depthRange = [parameters.viewport[4], parameters.viewport[5]];
+    }
+    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,"file":"webgl-render-pass.js","names":["RenderPass","WEBGLRenderPass","constructor","device","props","_defineProperty","end","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"sources":["../../../src/adapter/resources/webgl-render-pass.ts"],"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    this.device = device;\n  }\n\n  end(): 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"],"mappings":";AAAA,SAAQA,UAAU,QAAwB,cAAc;AAGxD,eAAe,MAAMC,eAAe,SAASD,UAAU,CAAC;EAGtDE,WAAWA,CAACC,MAAmB,EAAEC,KAAsB,EAAE;IACvD,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IACrB,IAAI,CAACF,MAAM,GAAGA,MAAM;EACtB;EAEAG,GAAGA,CAAA,EAAS,CAAC;EAEbC,cAAcA,CAACC,UAAkB,EAAQ,CAAC;EAC1CC,aAAaA,CAAA,EAAS,CAAC;EACvBC,iBAAiBA,CAACC,WAAmB,EAAQ,CAAC;AAQhD"}
+{"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","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/api';\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      glParameters.viewport = parameters.viewport;\n      glParameters.depthRange = [parameters.viewport[4], parameters.viewport[5]];\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,10 +1,10 @@
 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 { WebGLDevice } from '../webgl-device';
+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 {
     device: WebGLDevice;
     handle: WebGLProgram;
     vs: WEBGLShader;
@@ -32,7 +32,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;

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":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,UAAU,EACV,MAAM,EACN,OAAO,EACP,YAAY,EAIb,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,cAAc,EAAgC,MAAM,cAAc,CAAC;AAS3E,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAE1C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,sBAAsB,MAAM,sCAAsC,CAAC;AAI1E,oCAAoC;AACpC,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,cAAc;IAC7D,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC;IACrB,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IAChB,MAAM,EAAE,YAAY,CAAC;IAIrB,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAQ;IACjC,iBAAiB,EAAE,sBAAsB,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IACnC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IACnC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IAC3C,oBAAoB,EAAE,MAAM,CAAK;IACjC,aAAa,EAAE,MAAM,CAAK;IAC1B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;gBAEnC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,mBAAmB;IA2BlD,OAAO,IAAI,IAAI;IAQxB,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAMzC,sCAAsC;IACtC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;IAwBvD,sCAAsC;IACtC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAqCpD,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAKzC;;;OAGG;IACH,IAAI,CAAC,OAAO,EAAE;QACZ,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,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;KACrB,GAAG,OAAO;IA2EX,SAAS,CAAC,eAAe;IA0BzB;;;;OAIG;IACH,sBAAsB;IAkBtB,yBAAyB;IACzB,cAAc;IA6Dd,cAAc;CASf"}
+{"version":3,"file":"webgl-render-pipeline.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-render-pipeline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,UAAU,EACV,MAAM,EACN,OAAO,EACP,YAAY,EAIb,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,cAAc,EAAgC,MAAM,cAAc,CAAC;AAS3E,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAC,sBAAsB,EAAC,MAAM,sCAAsC,CAAC;AAK5E,oCAAoC;AACpC,qBAAa,mBAAoB,SAAQ,cAAc;IACrD,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC;IACrB,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,WAAW,CAAC;IAChB,MAAM,EAAE,YAAY,CAAC;IAIrB,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAQ;IACjC,iBAAiB,EAAE,sBAAsB,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IACnC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IACnC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAM;IAC3C,oBAAoB,EAAE,MAAM,CAAK;IACjC,aAAa,EAAE,MAAM,CAAK;IAC1B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;gBAEnC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,mBAAmB;IA2BlD,OAAO,IAAI,IAAI;IAQxB,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;IAMzC,sCAAsC;IACtC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;IAwBvD,sCAAsC;IACtC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAqCpD,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAKzC;;;OAGG;IACH,IAAI,CAAC,OAAO,EAAE;QACZ,UAAU,EAAE,UAAU,CAAC;QACvB,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;KACrB,GAAG,OAAO;IA6EX,SAAS,CAAC,eAAe;IA0BzB;;;;OAIG;IACH,sBAAsB;IAkBtB,yBAAyB;IACzB,cAAc;IA6Dd,cAAc;CASf"}

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

@@ -5,11 +5,11 @@ import { getWebGLDataType } from "../converters/texture-formats.js";
 import { getShaderLayout } from "../helpers/get-shader-layout.js";
 import { withDeviceParameters, withGLParameters } from "../converters/device-parameters.js";
 import { setUniform } from "../helpers/set-uniform.js";
-import WEBGLBuffer from "./webgl-buffer.js";
-import WEBGLTexture from "./webgl-texture.js";
-import WEBGLVertexArrayObject from "../objects/webgl-vertex-array-object.js";
+import { WEBGLBuffer } from "./webgl-buffer.js";
+import { WEBGLTexture } from "./webgl-texture.js";
+import { WEBGLVertexArrayObject } from "../objects/webgl-vertex-array-object.js";
 const LOG_PROGRAM_PERF_PRIORITY = 4;
-export default class WEBGLRenderPipeline extends RenderPipeline {
+export class WEBGLRenderPipeline extends RenderPipeline {
   constructor(device, props) {
     super(device, props);
     _defineProperty(this, "device", void 0);
@@ -123,7 +123,7 @@ export default class WEBGLRenderPipeline extends RenderPipeline {
   draw(options) {
     var _this$_indexBuffer;
     const {
-      renderPass = this.device.getDefaultRenderPass(),
+      renderPass,
       vertexCount,
       instanceCount,
       firstVertex = 0
@@ -144,10 +144,9 @@ export default class WEBGLRenderPipeline extends RenderPipeline {
       }
       this._applyBindings();
       this._applyUniforms();
+      const webglRenderPass = renderPass;
       withDeviceParameters(this.device, this.props.parameters, () => {
-        withGLParameters(this.device, {
-          framebuffer: renderPass.props.framebuffer
-        }, () => {
+        withGLParameters(this.device, webglRenderPass.glParameters, () => {
           if (isIndexed && isInstanced) {
             var _this$device$gl2;
             (_this$device$gl2 = this.device.gl2) === null || _this$device$gl2 === void 0 ? void 0 : _this$device$gl2.drawElementsInstanced(drawMode, vertexCount || 0, indexType, firstVertex, instanceCount || 0);