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

package/dist/adapter/resources/webgl-command-buffer.js

@@ -1,38 +1,41 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { CommandBuffer, Texture } from '@luma.gl/api';
 import GL from '@luma.gl/constants';
+import { WEBGLTexture } from "./webgl-texture.js";
 function cast(value) {
   return value;
 }
-export class CommandBuffer {
-  constructor() {
+export class WEBGLCommandBuffer extends CommandBuffer {
+  constructor(device) {
+    super({});
+    _defineProperty(this, "device", void 0);
     _defineProperty(this, "commands", []);
+    this.device = device;
   }
-}
-export function submitCommands(device) {
-  let commands = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  for (const command of commands) {
-    switch (command.name) {
-      case 'copy-buffer-to-buffer':
-        _copyBufferToBuffer(device, command.options);
-        break;
-      case 'copy-buffer-to-texture':
-        _copyBufferToTexture(device, command.options);
-        break;
-      case 'copy-texture-to-buffer':
-        _copyTextureToBuffer(device, command.options);
-        break;
-      case 'copy-texture-to-texture':
-        _copyTextureToTexture(device, command.options);
-        break;
+  submitCommands() {
+    let commands = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.commands;
+    for (const command of commands) {
+      switch (command.name) {
+        case 'copy-buffer-to-buffer':
+          _copyBufferToBuffer(this.device, command.options);
+          break;
+        case 'copy-buffer-to-texture':
+          _copyBufferToTexture(this.device, command.options);
+          break;
+        case 'copy-texture-to-buffer':
+          _copyTextureToBuffer(this.device, command.options);
+          break;
+        case 'copy-texture-to-texture':
+          _copyTextureToTexture(this.device, command.options);
+          break;
+      }
     }
   }
 }
 function _copyBufferToBuffer(device, options) {
   const source = cast(options.source);
   const destination = cast(options.destination);
-  const {
-    gl2
-  } = device;
+  const gl2 = device.assertWebGL2();
   if (gl2) {
     var _options$sourceOffset, _options$destinationO;
     gl2.bindBuffer(GL.COPY_READ_BUFFER, source.handle);
@@ -44,7 +47,147 @@ function _copyBufferToBuffer(device, options) {
     throw new Error('copyBufferToBuffer not implemented in WebGL1');
   }
 }
-function _copyBufferToTexture(device, options) {}
-function _copyTextureToBuffer(device, options) {}
-function _copyTextureToTexture(device, options) {}
+function _copyBufferToTexture(device, options) {
+  throw new Error('Not implemented');
+}
+function _copyTextureToBuffer(device, options) {
+  const {
+    source,
+    mipLevel = 0,
+    aspect = 'all',
+    width = options.source.width,
+    height = options.source.height,
+    depthOrArrayLayers = 0,
+    origin = [0, 0],
+    destination,
+    byteOffset = 0,
+    bytesPerRow,
+    rowsPerImage
+  } = options;
+  if (aspect !== 'all') {
+    throw new Error('not supported');
+  }
+  if (mipLevel !== 0 || depthOrArrayLayers !== undefined || bytesPerRow || rowsPerImage) {
+    throw new Error('not implemented');
+  }
+  const gl2 = device.assertWebGL2();
+  const {
+    framebuffer,
+    destroyFramebuffer
+  } = getFramebuffer(source);
+  try {
+    const webglBuffer = destination;
+    const sourceWidth = width || framebuffer.width;
+    const sourceHeight = height || framebuffer.height;
+    const sourceFormat = GL.RGBA;
+    const sourceType = GL.UNSIGNED_BYTE;
+    gl2.bindBuffer(GL.PIXEL_PACK_BUFFER, webglBuffer.handle);
+    gl2.bindFramebuffer(GL.FRAMEBUFFER, framebuffer.handle);
+    gl2.readPixels(origin[0], origin[1], sourceWidth, sourceHeight, sourceFormat, sourceType, byteOffset);
+  } finally {
+    gl2.bindBuffer(GL.PIXEL_PACK_BUFFER, null);
+    gl2.bindFramebuffer(GL.FRAMEBUFFER, null);
+    if (destroyFramebuffer) {
+      framebuffer.destroy();
+    }
+  }
+}
+function _copyTextureToTexture(device, options) {
+  const {
+    source,
+    origin = [0, 0],
+    destination
+  } = options;
+  let {
+    width = options.destination.width,
+    height = options.destination.width
+  } = options;
+  const destinationMipmaplevel = 0;
+  const destinationInternalFormat = GL.RGBA;
+  const {
+    framebuffer,
+    destroyFramebuffer
+  } = getFramebuffer(source);
+  const [sourceX, sourceY] = origin;
+  const isSubCopy = false;
+  device.gl.bindFramebuffer(GL.FRAMEBUFFER, framebuffer.handle);
+  let texture = null;
+  let textureTarget;
+  if (destination instanceof WEBGLTexture) {
+    texture = destination;
+    width = Number.isFinite(width) ? width : texture.width;
+    height = Number.isFinite(height) ? height : texture.height;
+    texture.bind(0);
+    textureTarget = texture.destination;
+  } else {
+    throw new Error('whoops');
+  }
+  if (!isSubCopy) {
+    device.gl.copyTexImage2D(textureTarget, destinationMipmaplevel, destinationInternalFormat, sourceX, sourceY, width, height, 0);
+  } else {}
+  if (texture) {
+    texture.unbind();
+  }
+  device.gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);
+  if (destroyFramebuffer) {
+    framebuffer.destroy();
+  }
+  return texture;
+}
+export function glFormatToComponents(format) {
+  switch (format) {
+    case GL.ALPHA:
+    case GL.R32F:
+    case GL.RED:
+      return 1;
+    case GL.RG32F:
+    case GL.RG:
+      return 2;
+    case GL.RGB:
+    case GL.RGB32F:
+      return 3;
+    case GL.RGBA:
+    case GL.RGBA32F:
+      return 4;
+    default:
+      throw new Error('GLFormat');
+  }
+}
+export function glTypeToBytes(type) {
+  switch (type) {
+    case GL.UNSIGNED_BYTE:
+      return 1;
+    case GL.UNSIGNED_SHORT_5_6_5:
+    case GL.UNSIGNED_SHORT_4_4_4_4:
+    case GL.UNSIGNED_SHORT_5_5_5_1:
+      return 2;
+    case GL.FLOAT:
+      return 4;
+    default:
+      throw new Error('GLType');
+  }
+}
+function getFramebuffer(source) {
+  if (source instanceof Texture) {
+    const {
+      width,
+      height,
+      id
+    } = source;
+    const framebuffer = source.device.createFramebuffer({
+      id: "framebuffer-for-".concat(id),
+      width,
+      height,
+      colorAttachments: [source]
+    });
+    return {
+      framebuffer,
+      destroyFramebuffer: true
+    };
+  }
+  return {
+    framebuffer: source,
+    destroyFramebuffer: false
+  };
+}
 //# sourceMappingURL=webgl-command-buffer.js.map

package/dist/adapter/resources/webgl-command-buffer.js.map

@@ -1 +1 @@
-{"version":3,"file":"webgl-command-buffer.js","names":["GL","cast","value","CommandBuffer","constructor","_defineProperty","submitCommands","device","commands","arguments","length","undefined","command","name","_copyBufferToBuffer","options","_copyBufferToTexture","_copyTextureToBuffer","_copyTextureToTexture","source","destination","gl2","_options$sourceOffset","_options$destinationO","bindBuffer","COPY_READ_BUFFER","handle","COPY_WRITE_BUFFER","copyBufferSubData","sourceOffset","destinationOffset","size","Error"],"sources":["../../../src/adapter/resources/webgl-command-buffer.ts"],"sourcesContent":["import type {\n  CopyBufferToBufferOptions,\n  CopyBufferToTextureOptions,\n  CopyTextureToBufferOptions,\n  CopyTextureToTextureOptions\n} from '@luma.gl/api';\nimport GL from '@luma.gl/constants';\nimport {WebGLDevice} from '../webgl-device';\nimport {WEBGLBuffer} from './webgl-buffer';\n\nfunction cast<T>(value: unknown): T {\n  return value as T;\n}\n\ntype CopyBufferToBufferCommand = {\n  name: 'copy-buffer-to-buffer';\n  options: CopyBufferToBufferOptions;\n};\n\ntype CopyBufferToTextureCommand = {\n  name: 'copy-buffer-to-texture';\n  options: CopyBufferToTextureOptions;\n};\n\ntype CopyTextureToBufferCommand = {\n  name: 'copy-texture-to-buffer';\n  options: CopyTextureToBufferOptions;\n};\n\ntype CopyTextureToTextureCommand = {\n  name: 'copy-texture-to-texture';\n  options: CopyTextureToTextureOptions;\n};\n\ntype Command =\n  | CopyBufferToBufferCommand\n  | CopyBufferToTextureCommand\n  | CopyTextureToBufferCommand\n  | CopyTextureToTextureCommand;\n\nexport class CommandBuffer {\n  commands: Command[] = [];\n}\n\nexport function submitCommands(device: WebGLDevice, commands: Command[] = []) {\n  for (const command of commands) {\n    switch (command.name) {\n      case 'copy-buffer-to-buffer':\n        _copyBufferToBuffer(device, command.options);\n        break;\n      case 'copy-buffer-to-texture':\n        _copyBufferToTexture(device, command.options);\n        break;\n      case 'copy-texture-to-buffer':\n        _copyTextureToBuffer(device, command.options);\n        break;\n      case 'copy-texture-to-texture':\n        _copyTextureToTexture(device, command.options);\n        break;\n    }\n  }\n}\n\nfunction _copyBufferToBuffer(device: WebGLDevice, options: CopyBufferToBufferOptions): void {\n  const source = cast<WEBGLBuffer>(options.source);\n  const destination = cast<WEBGLBuffer>(options.destination);\n\n  const {gl2} = device;\n  if (gl2) {\n    // In WebGL2 we can perform the copy on the GPU\n    // Use GL.COPY_READ_BUFFER+GL.COPY_WRITE_BUFFER avoid disturbing other targets and locking type\n    gl2.bindBuffer(GL.COPY_READ_BUFFER, source.handle);\n    gl2.bindBuffer(GL.COPY_WRITE_BUFFER, destination.handle);\n    gl2.copyBufferSubData(\n      GL.COPY_READ_BUFFER,\n      GL.COPY_WRITE_BUFFER,\n      options.sourceOffset ?? 0,\n      options.destinationOffset ?? 0,\n      options.size\n    );\n    gl2.bindBuffer(GL.COPY_READ_BUFFER, null);\n    gl2.bindBuffer(GL.COPY_WRITE_BUFFER, null);\n  } else {\n    // TODO - in WebGL1 we would have to read back to CPU\n    // read / write buffer from / to CPU\n    throw new Error('copyBufferToBuffer not implemented in WebGL1');\n  }\n}\n\nfunction _copyBufferToTexture(device: WebGLDevice, options: CopyBufferToTextureOptions): void {}\n\nfunction _copyTextureToBuffer(device: WebGLDevice, options: CopyTextureToBufferOptions): void {}\n\nfunction _copyTextureToTexture(device: WebGLDevice, options: CopyTextureToTextureOptions): void {}\n"],"mappings":";AAMA,OAAOA,EAAE,MAAM,oBAAoB;AAInC,SAASC,IAAIA,CAAIC,KAAc,EAAK;EAClC,OAAOA,KAAK;AACd;AA4BA,OAAO,MAAMC,aAAa,CAAC;EAAAC,YAAA;IAAAC,eAAA,mBACH,EAAE;EAAA;AAC1B;AAEA,OAAO,SAASC,cAAcA,CAACC,MAAmB,EAA4B;EAAA,IAA1BC,QAAmB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAC1E,KAAK,MAAMG,OAAO,IAAIJ,QAAQ,EAAE;IAC9B,QAAQI,OAAO,CAACC,IAAI;MAClB,KAAK,uBAAuB;QAC1BC,mBAAmB,CAACP,MAAM,EAAEK,OAAO,CAACG,OAAO,CAAC;QAC5C;MACF,KAAK,wBAAwB;QAC3BC,oBAAoB,CAACT,MAAM,EAAEK,OAAO,CAACG,OAAO,CAAC;QAC7C;MACF,KAAK,wBAAwB;QAC3BE,oBAAoB,CAACV,MAAM,EAAEK,OAAO,CAACG,OAAO,CAAC;QAC7C;MACF,KAAK,yBAAyB;QAC5BG,qBAAqB,CAACX,MAAM,EAAEK,OAAO,CAACG,OAAO,CAAC;QAC9C;IAAM;EAEZ;AACF;AAEA,SAASD,mBAAmBA,CAACP,MAAmB,EAAEQ,OAAkC,EAAQ;EAC1F,MAAMI,MAAM,GAAGlB,IAAI,CAAcc,OAAO,CAACI,MAAM,CAAC;EAChD,MAAMC,WAAW,GAAGnB,IAAI,CAAcc,OAAO,CAACK,WAAW,CAAC;EAE1D,MAAM;IAACC;EAAG,CAAC,GAAGd,MAAM;EACpB,IAAIc,GAAG,EAAE;IAAA,IAAAC,qBAAA,EAAAC,qBAAA;IAGPF,GAAG,CAACG,UAAU,CAACxB,EAAE,CAACyB,gBAAgB,EAAEN,MAAM,CAACO,MAAM,CAAC;IAClDL,GAAG,CAACG,UAAU,CAACxB,EAAE,CAAC2B,iBAAiB,EAAEP,WAAW,CAACM,MAAM,CAAC;IACxDL,GAAG,CAACO,iBAAiB,CACnB5B,EAAE,CAACyB,gBAAgB,EACnBzB,EAAE,CAAC2B,iBAAiB,GAAAL,qBAAA,GACpBP,OAAO,CAACc,YAAY,cAAAP,qBAAA,cAAAA,qBAAA,GAAI,CAAC,GAAAC,qBAAA,GACzBR,OAAO,CAACe,iBAAiB,cAAAP,qBAAA,cAAAA,qBAAA,GAAI,CAAC,EAC9BR,OAAO,CAACgB,IAAI,CACb;IACDV,GAAG,CAACG,UAAU,CAACxB,EAAE,CAACyB,gBAAgB,EAAE,IAAI,CAAC;IACzCJ,GAAG,CAACG,UAAU,CAACxB,EAAE,CAAC2B,iBAAiB,EAAE,IAAI,CAAC;EAC5C,CAAC,MAAM;IAGL,MAAM,IAAIK,KAAK,CAAC,8CAA8C,CAAC;EACjE;AACF;AAEA,SAAShB,oBAAoBA,CAACT,MAAmB,EAAEQ,OAAmC,EAAQ,CAAC;AAE/F,SAASE,oBAAoBA,CAACV,MAAmB,EAAEQ,OAAmC,EAAQ,CAAC;AAE/F,SAASG,qBAAqBA,CAACX,MAAmB,EAAEQ,OAAoC,EAAQ,CAAC"}
+{"version":3,"file":"webgl-command-buffer.js","names":["CommandBuffer","Texture","GL","WEBGLTexture","cast","value","WEBGLCommandBuffer","constructor","device","_defineProperty","submitCommands","commands","arguments","length","undefined","command","name","_copyBufferToBuffer","options","_copyBufferToTexture","_copyTextureToBuffer","_copyTextureToTexture","source","destination","gl2","assertWebGL2","_options$sourceOffset","_options$destinationO","bindBuffer","COPY_READ_BUFFER","handle","COPY_WRITE_BUFFER","copyBufferSubData","sourceOffset","destinationOffset","size","Error","mipLevel","aspect","width","height","depthOrArrayLayers","origin","byteOffset","bytesPerRow","rowsPerImage","framebuffer","destroyFramebuffer","getFramebuffer","webglBuffer","sourceWidth","sourceHeight","sourceFormat","RGBA","sourceType","UNSIGNED_BYTE","PIXEL_PACK_BUFFER","bindFramebuffer","FRAMEBUFFER","readPixels","destroy","destinationMipmaplevel","destinationInternalFormat","sourceX","sourceY","isSubCopy","gl","texture","textureTarget","Number","isFinite","bind","copyTexImage2D","unbind","prevHandle","glFormatToComponents","format","ALPHA","R32F","RED","RG32F","RG","RGB","RGB32F","RGBA32F","glTypeToBytes","type","UNSIGNED_SHORT_5_6_5","UNSIGNED_SHORT_4_4_4_4","UNSIGNED_SHORT_5_5_5_1","FLOAT","id","createFramebuffer","concat","colorAttachments"],"sources":["../../../src/adapter/resources/webgl-command-buffer.ts"],"sourcesContent":["// luma.gl, MIT license\n\nimport type {\n  CopyBufferToBufferOptions,\n  CopyBufferToTextureOptions,\n  CopyTextureToBufferOptions,\n  CopyTextureToTextureOptions\n} from '@luma.gl/api';\nimport {\n  CommandBuffer,\n  Texture,\n  // Buffer,\n  Framebuffer\n} from '@luma.gl/api';\nimport GL from '@luma.gl/constants';\n\n// import {getTypedArrayFromGLType, getGLTypeFromTypedArray} from '../../classic/typed-array-utils';\nimport {WebGLDevice} from '../webgl-device';\nimport {WEBGLBuffer} from './webgl-buffer';\nimport {WEBGLTexture} from './webgl-texture';\nimport {WEBGLFramebuffer} from './webgl-framebuffer';\n\nfunction cast<T>(value: unknown): T {\n  return value as T;\n}\n\ntype CopyBufferToBufferCommand = {\n  name: 'copy-buffer-to-buffer';\n  options: CopyBufferToBufferOptions;\n};\n\ntype CopyBufferToTextureCommand = {\n  name: 'copy-buffer-to-texture';\n  options: CopyBufferToTextureOptions;\n};\n\ntype CopyTextureToBufferCommand = {\n  name: 'copy-texture-to-buffer';\n  options: CopyTextureToBufferOptions;\n};\n\ntype CopyTextureToTextureCommand = {\n  name: 'copy-texture-to-texture';\n  options: CopyTextureToTextureOptions;\n};\n\ntype Command =\n  | CopyBufferToBufferCommand\n  | CopyBufferToTextureCommand\n  | CopyTextureToBufferCommand\n  | CopyTextureToTextureCommand;\n\nexport class WEBGLCommandBuffer extends CommandBuffer {\n  device: WebGLDevice;\n  commands: Command[] = [];\n\n  constructor(device: WebGLDevice) {\n    super({});\n    this.device = device;\n  }\n\n  submitCommands(commands: Command[] = this.commands) {\n    for (const command of commands) {\n      switch (command.name) {\n        case 'copy-buffer-to-buffer':\n          _copyBufferToBuffer(this.device, command.options);\n          break;\n        case 'copy-buffer-to-texture':\n          _copyBufferToTexture(this.device, command.options);\n          break;\n        case 'copy-texture-to-buffer':\n          _copyTextureToBuffer(this.device, command.options);\n          break;\n        case 'copy-texture-to-texture':\n          _copyTextureToTexture(this.device, command.options);\n          break;\n      }\n    }\n  }\n}\n\nfunction _copyBufferToBuffer(device: WebGLDevice, options: CopyBufferToBufferOptions): void {\n  const source = cast<WEBGLBuffer>(options.source);\n  const destination = cast<WEBGLBuffer>(options.destination);\n\n  const gl2 = device.assertWebGL2();\n  if (gl2) {\n    // In WebGL2 we can perform the copy on the GPU\n    // Use GL.COPY_READ_BUFFER+GL.COPY_WRITE_BUFFER avoid disturbing other targets and locking type\n    gl2.bindBuffer(GL.COPY_READ_BUFFER, source.handle);\n    gl2.bindBuffer(GL.COPY_WRITE_BUFFER, destination.handle);\n    gl2.copyBufferSubData(\n      GL.COPY_READ_BUFFER,\n      GL.COPY_WRITE_BUFFER,\n      options.sourceOffset ?? 0,\n      options.destinationOffset ?? 0,\n      options.size\n    );\n    gl2.bindBuffer(GL.COPY_READ_BUFFER, null);\n    gl2.bindBuffer(GL.COPY_WRITE_BUFFER, null);\n  } else {\n    // TODO - in WebGL1 we would have to read back to CPU\n    // read / write buffer from / to CPU\n    throw new Error('copyBufferToBuffer not implemented in WebGL1');\n  }\n}\n\n/**\n * Copies data from a Buffer object into a Texture object\n * NOTE: doesn't wait for copy to be complete\n */\nfunction _copyBufferToTexture(device: WebGLDevice, options: CopyBufferToTextureOptions): void {\n  throw new Error('Not implemented');\n}\n\n/**\n * Copies data from a Texture object into a Buffer object.\n * NOTE: doesn't wait for copy to be complete\n */\nfunction _copyTextureToBuffer(device: WebGLDevice, options: CopyTextureToBufferOptions): void {\n  const {\n    /** Texture to copy to/from. */\n    source,\n    /**  Mip-map level of the texture to copy to/from. (Default 0) */\n    mipLevel = 0,\n    /** Defines which aspects of the texture to copy to/from. */\n    aspect = 'all',\n\n    /** Width to copy */\n    width = options.source.width,\n    /** Height to copy */\n    height = options.source.height,\n    depthOrArrayLayers = 0,\n    /** Defines the origin of the copy - the minimum corner of the texture sub-region to copy to/from. */\n    origin = [0, 0],\n\n    /** Destination buffer */\n    destination,\n    /** Offset, in bytes, from the beginning of the buffer to the start of the image data (default 0) */\n    byteOffset = 0,\n    /**\n     * The stride, in bytes, between the beginning of each block row and the subsequent block row.\n     * Required if there are multiple block rows (i.e. the copy height or depth is more than one block).\n     */\n    bytesPerRow,\n    /**\n     * Number of block rows per single image of the texture.\n     * rowsPerImage &times; bytesPerRow is the stride, in bytes, between the beginning of each image of data and the subsequent image.\n     * Required if there are multiple images (i.e. the copy depth is more than one).\n     */\n    rowsPerImage\n  } = options;\n\n  // TODO - Not possible to read just stencil or depth part in WebGL?\n  if (aspect !== 'all') {\n    throw new Error('not supported');\n  }\n\n  // TODO - mipLevels are set when attaching texture to framebuffer\n  if (mipLevel !== 0 || depthOrArrayLayers !== undefined || bytesPerRow || rowsPerImage) {\n    throw new Error('not implemented');\n  }\n\n  // Asynchronous read (PIXEL_PACK_BUFFER) is WebGL2 only feature\n  const gl2 = device.assertWebGL2();\n\n  const {framebuffer, destroyFramebuffer} = getFramebuffer(source);\n  try {\n    const webglBuffer = destination as WEBGLBuffer;\n    const sourceWidth = width || framebuffer.width;\n    const sourceHeight = height || framebuffer.height;\n\n    // TODO - hack - should be deduced\n    const sourceFormat = GL.RGBA;\n    const sourceType = GL.UNSIGNED_BYTE;\n\n    // if (!target) {\n    //   // Create new buffer with enough size\n    //   const components = glFormatToComponents(sourceFormat);\n    //   const byteCount = glTypeToBytes(sourceType);\n    //   const byteLength = byteOffset + sourceWidth * sourceHeight * components * byteCount;\n    //   target = device.createBuffer({byteLength});\n    // }\n\n    gl2.bindBuffer(GL.PIXEL_PACK_BUFFER, webglBuffer.handle);\n    gl2.bindFramebuffer(GL.FRAMEBUFFER, framebuffer.handle);\n\n    gl2.readPixels(\n      origin[0],\n      origin[1],\n      sourceWidth,\n      sourceHeight,\n      sourceFormat,\n      sourceType,\n      byteOffset\n    );\n  } finally {\n    gl2.bindBuffer(GL.PIXEL_PACK_BUFFER, null);\n    gl2.bindFramebuffer(GL.FRAMEBUFFER, null);\n\n    if (destroyFramebuffer) {\n      framebuffer.destroy();\n    }\n  }\n}\n\n/**\n * Copies data from a Framebuffer or a Texture object into a Buffer object.\n * NOTE: doesn't wait for copy to be complete, it programs GPU to perform a DMA transfer.\nexport function readPixelsToBuffer(\n  source: Framebuffer | Texture,\n  options?: {\n    sourceX?: number;\n    sourceY?: number;\n    sourceFormat?: number;\n    target?: Buffer; // A new Buffer object is created when not provided.\n    targetByteOffset?: number; // byte offset in buffer object\n    // following parameters are auto deduced if not provided\n    sourceWidth?: number;\n    sourceHeight?: number;\n    sourceType?: number;\n  }\n): Buffer\n */\n\n/**\n * Copy a rectangle from a Framebuffer or Texture object into a texture (at an offset)\n */\n// eslint-disable-next-line complexity, max-statements\nfunction _copyTextureToTexture(device: WebGLDevice, options: CopyTextureToTextureOptions): void {\n  const {\n    /** Texture to copy to/from. */\n    source,\n    /**  Mip-map level of the texture to copy to/from. (Default 0) */\n    // mipLevel = 0,\n    /** Defines which aspects of the texture to copy to/from. */\n    // aspect = 'all',\n    /** Defines the origin of the copy - the minimum corner of the texture sub-region to copy to/from. */\n    origin = [0, 0],\n\n    /** Texture to copy to/from. */\n    destination,\n    /**  Mip-map level of the texture to copy to/from. (Default 0) */\n    // destinationMipLevel = options.mipLevel,\n    /** Defines the origin of the copy - the minimum corner of the texture sub-region to copy to/from. */\n    // destinationOrigin = [0, 0],\n    /** Defines which aspects of the texture to copy to/from. */\n    // destinationAspect = options.aspect,\n\n  } = options;\n\n  let {\n    width = options.destination.width,\n    height = options.destination.width,\n    // depthOrArrayLayers = 0\n  } = options;\n\n  const destinationMipmaplevel = 0;\n  const destinationInternalFormat = GL.RGBA;\n\n  const {framebuffer, destroyFramebuffer} = getFramebuffer(source);\n  const [sourceX, sourceY] = origin;\n\n  const isSubCopy = false;\n  // typeof destinationX !== 'undefined' ||\n  // typeof destinationY !== 'undefined' ||\n  // typeof destinationZ !== 'undefined';\n\n  // destinationX = destinationX || 0;\n  // destinationY = destinationY || 0;\n  // destinationZ = destinationZ || 0;\n  device.gl.bindFramebuffer(GL.FRAMEBUFFER, framebuffer.handle);\n  // TODO - support gl.readBuffer (WebGL2 only)\n  // const prevBuffer = gl.readBuffer(attachment);\n\n  let texture = null;\n  let textureTarget: GL;\n  if (destination instanceof WEBGLTexture) {\n    texture = destination;\n    width = Number.isFinite(width) ? width : texture.width;\n    height = Number.isFinite(height) ? height : texture.height;\n    texture.bind(0);\n    textureTarget = texture.destination;\n  } else {\n    throw new Error('whoops');\n    //  textureTarget = destination;\n  }\n\n  if (!isSubCopy) {\n    device.gl.copyTexImage2D(\n      textureTarget,\n      destinationMipmaplevel,\n      destinationInternalFormat,\n      sourceX,\n      sourceY,\n      width,\n      height,\n      0 /* border must be 0 */\n    );\n  } else {\n    // switch (textureTarget) {\n    //   case GL.TEXTURE_2D:\n    //   case GL.TEXTURE_CUBE_MAP:\n    //     device.gl.copyTexSubImage2D(\n    //       textureTarget,\n    //       destinationMipmaplevel,\n    //       destinationX,\n    //       destinationY,\n    //       sourceX,\n    //       sourceY,\n    //       width,\n    //       height\n    //     );\n    //     break;\n    //   case GL.TEXTURE_2D_ARRAY:\n    //   case GL.TEXTURE_3D:\n    //     const gl2 = device.assertWebGL2();\n    //     gl2.copyTexSubImage3D(\n    //       textureTarget,\n    //       destinationMipmaplevel,\n    //       destinationX,\n    //       destinationY,\n    //       destinationZ,\n    //       sourceX,\n    //       sourceY,\n    //       width,\n    //       height\n    //     );\n    //     break;\n    //   default:\n    // }\n  }\n  if (texture) {\n    texture.unbind();\n  }\n  // @ts-expect-error\n  device.gl.bindFramebuffer(GL.FRAMEBUFFER, prevHandle || null);\n  if (destroyFramebuffer) {\n    framebuffer.destroy();\n  }\n  return texture;\n}\n\n// Returns number of components in a specific readPixels WebGL format\nexport function glFormatToComponents(format): 1 | 2 | 3 | 4 {\n  switch (format) {\n    case GL.ALPHA:\n    case GL.R32F:\n    case GL.RED:\n      return 1;\n    case GL.RG32F:\n    case GL.RG:\n      return 2;\n    case GL.RGB:\n    case GL.RGB32F:\n      return 3;\n    case GL.RGBA:\n    case GL.RGBA32F:\n      return 4;\n    // TODO: Add support for additional WebGL2 formats\n    default:\n      throw new Error('GLFormat');\n  }\n}\n\n// Return byte count for given readPixels WebGL type\nexport function glTypeToBytes(type: GL): 1 | 2 | 4 {\n  switch (type) {\n    case GL.UNSIGNED_BYTE:\n      return 1;\n    case GL.UNSIGNED_SHORT_5_6_5:\n    case GL.UNSIGNED_SHORT_4_4_4_4:\n    case GL.UNSIGNED_SHORT_5_5_5_1:\n      return 2;\n    case GL.FLOAT:\n      return 4;\n    // TODO: Add support for additional WebGL2 types\n    default:\n      throw new Error('GLType');\n  }\n}\n\n// Helper methods\n\nfunction getFramebuffer(source: Texture | Framebuffer): {\n  framebuffer: WEBGLFramebuffer;\n  destroyFramebuffer: boolean;\n} {\n  if (source instanceof Texture) {\n    const {width, height, id} = source;\n    const framebuffer = source.device.createFramebuffer({\n      id: `framebuffer-for-${id}`,\n      width,\n      height,\n      colorAttachments: [source]\n    }) as unknown as WEBGLFramebuffer;\n\n    return {framebuffer, destroyFramebuffer: true};\n  }\n  return {framebuffer: source as unknown as WEBGLFramebuffer, destroyFramebuffer: false};\n}\n"],"mappings":"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"}

package/dist/adapter/resources/webgl-command-encoder.d.ts

@@ -1,12 +1,13 @@
 import { CommandEncoder, CommandEncoderProps } from '@luma.gl/api';
 import type { CopyBufferToBufferOptions, CopyBufferToTextureOptions, CopyTextureToBufferOptions, CopyTextureToTextureOptions } from '@luma.gl/api';
-import { CommandBuffer } from './webgl-command-buffer';
+import { WEBGLCommandBuffer } from './webgl-command-buffer';
 import { WebGLDevice } from '../webgl-device';
 export declare class WEBGLCommandEncoder extends CommandEncoder {
     readonly device: WebGLDevice;
-    readonly commandBuffer: CommandBuffer;
+    readonly commandBuffer: WEBGLCommandBuffer;
     constructor(device: WebGLDevice, props: CommandEncoderProps);
     destroy(): void;
+    finish(): void;
     copyBufferToBuffer(options: CopyBufferToBufferOptions): void;
     copyBufferToTexture(options: CopyBufferToTextureOptions): void;
     copyTextureToBuffer(options: CopyTextureToBufferOptions): void;

package/dist/adapter/resources/webgl-command-encoder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgl-command-encoder.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-command-encoder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjE,OAAO,KAAK,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,EAC5B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAE5C,qBAAa,mBAAoB,SAAQ,cAAc;IACrD,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAE7B,QAAQ,CAAC,aAAa,gBAAuB;gBAEjC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,mBAAmB;IAKlD,OAAO,IAAI,IAAI;IAMxB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI;IAI5D,mBAAmB,CAAC,OAAO,EAAE,0BAA0B;IAIvD,mBAAmB,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IAI9D,oBAAoB,CAAC,OAAO,EAAE,2BAA2B,GAAG,IAAI;IAIvD,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IACxC,aAAa;IAEb,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;CAWtD"}
+{"version":3,"file":"webgl-command-encoder.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-command-encoder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACjE,OAAO,KAAK,EACV,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,EAC5B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAE5C,qBAAa,mBAAoB,SAAQ,cAAc;IACrD,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAE7B,QAAQ,CAAC,aAAa,EAAE,kBAAkB,CAAC;gBAE/B,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,mBAAmB;IAMlD,OAAO,IAAI,IAAI;IAEf,MAAM,IAAI,IAAI;IAQvB,kBAAkB,CAAC,OAAO,EAAE,yBAAyB,GAAG,IAAI;IAI5D,mBAAmB,CAAC,OAAO,EAAE,0BAA0B;IAIvD,mBAAmB,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IAI9D,oBAAoB,CAAC,OAAO,EAAE,2BAA2B,GAAG,IAAI;IAIvD,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IACxC,aAAa;IAEb,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI;CAWtD"}

package/dist/adapter/resources/webgl-command-encoder.js

@@ -1,14 +1,18 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { CommandEncoder } from '@luma.gl/api';
-import { CommandBuffer } from "./webgl-command-buffer.js";
+import { WEBGLCommandBuffer } from "./webgl-command-buffer.js";
 export class WEBGLCommandEncoder extends CommandEncoder {
   constructor(device, props) {
     super(props);
     _defineProperty(this, "device", void 0);
-    _defineProperty(this, "commandBuffer", new CommandBuffer());
+    _defineProperty(this, "commandBuffer", void 0);
     this.device = device;
+    this.commandBuffer = new WEBGLCommandBuffer(device);
   }
   destroy() {}
+  finish() {
+    this.commandBuffer.submitCommands();
+  }
   copyBufferToBuffer(options) {
     this.commandBuffer.commands.push({
       name: 'copy-buffer-to-buffer',

package/dist/adapter/resources/webgl-command-encoder.js.map

@@ -1 +1 @@
-{"version":3,"file":"webgl-command-encoder.js","names":["CommandEncoder","CommandBuffer","WEBGLCommandEncoder","constructor","device","props","_defineProperty","destroy","copyBufferToBuffer","options","commandBuffer","commands","push","name","copyBufferToTexture","copyTextureToBuffer","copyTextureToTexture","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"sources":["../../../src/adapter/resources/webgl-command-encoder.ts"],"sourcesContent":["import {CommandEncoder, CommandEncoderProps} from '@luma.gl/api';\nimport type {\n  CopyBufferToBufferOptions,\n  CopyBufferToTextureOptions,\n  CopyTextureToBufferOptions,\n  CopyTextureToTextureOptions\n} from '@luma.gl/api';\n\nimport {CommandBuffer} from './webgl-command-buffer';\nimport {WebGLDevice} from '../webgl-device';\n\nexport class WEBGLCommandEncoder extends CommandEncoder {\n  readonly device: WebGLDevice;\n\n  readonly commandBuffer = new CommandBuffer();\n\n  constructor(device: WebGLDevice, props: CommandEncoderProps) {\n    super(props);\n    this.device = device;\n  }\n\n  override destroy(): void {}\n\n  // beginRenderPass(GPURenderPassDescriptor descriptor): GPURenderPassEncoder;\n  // beginComputePass(optional GPUComputePassDescriptor descriptor = {}): GPUComputePassEncoder;\n  // finish(options?: {id?: string}): GPUCommandBuffer;\n\n  copyBufferToBuffer(options: CopyBufferToBufferOptions): void {\n    this.commandBuffer.commands.push({name: 'copy-buffer-to-buffer', options});\n  }\n\n  copyBufferToTexture(options: CopyBufferToTextureOptions) {\n    this.commandBuffer.commands.push({name: 'copy-buffer-to-texture', options});\n  }\n\n  copyTextureToBuffer(options: CopyTextureToBufferOptions): void {\n    this.commandBuffer.commands.push({name: 'copy-texture-to-buffer', options});\n  }\n\n  copyTextureToTexture(options: CopyTextureToTextureOptions): void {\n    this.commandBuffer.commands.push({name: 'copy-texture-to-texture', options});\n  }\n\n  override pushDebugGroup(groupLabel: string): void {}\n  override popDebugGroup() {}\n\n  override insertDebugMarker(markerLabel: string): void {}\n\n  // writeTimestamp(querySet: Query, queryIndex: number): void {}\n\n  // resolveQuerySet(options: {\n  //   querySet: GPUQuerySet,\n  //   firstQuery: number,\n  //   queryCount: number,\n  //   destination: Buffer,\n  //   destinationOffset?: number;\n  // }): void;\n}\n"],"mappings":";AAAA,SAAQA,cAAc,QAA4B,cAAc;AAAC,SAQzDC,aAAa;AAGrB,OAAO,MAAMC,mBAAmB,SAASF,cAAc,CAAC;EAKtDG,WAAWA,CAACC,MAAmB,EAAEC,KAA0B,EAAE;IAC3D,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA,wBAHU,IAAIL,aAAa,EAAE;IAI1C,IAAI,CAACG,MAAM,GAAGA,MAAM;EACtB;EAESG,OAAOA,CAAA,EAAS,CAAC;EAM1BC,kBAAkBA,CAACC,OAAkC,EAAQ;IAC3D,IAAI,CAACC,aAAa,CAACC,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,uBAAuB;MAAEJ;IAAO,CAAC,CAAC;EAC5E;EAEAK,mBAAmBA,CAACL,OAAmC,EAAE;IACvD,IAAI,CAACC,aAAa,CAACC,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,wBAAwB;MAAEJ;IAAO,CAAC,CAAC;EAC7E;EAEAM,mBAAmBA,CAACN,OAAmC,EAAQ;IAC7D,IAAI,CAACC,aAAa,CAACC,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,wBAAwB;MAAEJ;IAAO,CAAC,CAAC;EAC7E;EAEAO,oBAAoBA,CAACP,OAAoC,EAAQ;IAC/D,IAAI,CAACC,aAAa,CAACC,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,yBAAyB;MAAEJ;IAAO,CAAC,CAAC;EAC9E;EAESQ,cAAcA,CAACC,UAAkB,EAAQ,CAAC;EAC1CC,aAAaA,CAAA,EAAG,CAAC;EAEjBC,iBAAiBA,CAACC,WAAmB,EAAQ,CAAC;AAWzD"}
+{"version":3,"file":"webgl-command-encoder.js","names":["CommandEncoder","WEBGLCommandBuffer","WEBGLCommandEncoder","constructor","device","props","_defineProperty","commandBuffer","destroy","finish","submitCommands","copyBufferToBuffer","options","commands","push","name","copyBufferToTexture","copyTextureToBuffer","copyTextureToTexture","pushDebugGroup","groupLabel","popDebugGroup","insertDebugMarker","markerLabel"],"sources":["../../../src/adapter/resources/webgl-command-encoder.ts"],"sourcesContent":["import {CommandEncoder, CommandEncoderProps} from '@luma.gl/api';\nimport type {\n  CopyBufferToBufferOptions,\n  CopyBufferToTextureOptions,\n  CopyTextureToBufferOptions,\n  CopyTextureToTextureOptions\n} from '@luma.gl/api';\n\nimport {WEBGLCommandBuffer} from './webgl-command-buffer';\nimport {WebGLDevice} from '../webgl-device';\n\nexport class WEBGLCommandEncoder extends CommandEncoder {\n  readonly device: WebGLDevice;\n\n  readonly commandBuffer: WEBGLCommandBuffer;\n\n  constructor(device: WebGLDevice, props: CommandEncoderProps) {\n    super(props);\n    this.device = device;\n    this.commandBuffer = new WEBGLCommandBuffer(device);\n  }\n\n  override destroy(): void {}\n\n  override finish(): void {\n    this.commandBuffer.submitCommands();\n  }\n\n  // beginRenderPass(GPURenderPassDescriptor descriptor): GPURenderPassEncoder;\n  // beginComputePass(optional GPUComputePassDescriptor descriptor = {}): GPUComputePassEncoder;\n  // finish(options?: {id?: string}): GPUCommandBuffer;\n\n  copyBufferToBuffer(options: CopyBufferToBufferOptions): void {\n    this.commandBuffer.commands.push({name: 'copy-buffer-to-buffer', options});\n  }\n\n  copyBufferToTexture(options: CopyBufferToTextureOptions) {\n    this.commandBuffer.commands.push({name: 'copy-buffer-to-texture', options});\n  }\n\n  copyTextureToBuffer(options: CopyTextureToBufferOptions): void {\n    this.commandBuffer.commands.push({name: 'copy-texture-to-buffer', options});\n  }\n\n  copyTextureToTexture(options: CopyTextureToTextureOptions): void {\n    this.commandBuffer.commands.push({name: 'copy-texture-to-texture', options});\n  }\n\n  override pushDebugGroup(groupLabel: string): void {}\n  override popDebugGroup() {}\n\n  override insertDebugMarker(markerLabel: string): void {}\n\n  // writeTimestamp(querySet: Query, queryIndex: number): void {}\n\n  // resolveQuerySet(options: {\n  //   querySet: GPUQuerySet,\n  //   firstQuery: number,\n  //   queryCount: number,\n  //   destination: Buffer,\n  //   destinationOffset?: number;\n  // }): void;\n}\n"],"mappings":";AAAA,SAAQA,cAAc,QAA4B,cAAc;AAAC,SAQzDC,kBAAkB;AAG1B,OAAO,MAAMC,mBAAmB,SAASF,cAAc,CAAC;EAKtDG,WAAWA,CAACC,MAAmB,EAAEC,KAA0B,EAAE;IAC3D,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IACb,IAAI,CAACF,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACG,aAAa,GAAG,IAAIN,kBAAkB,CAACG,MAAM,CAAC;EACrD;EAESI,OAAOA,CAAA,EAAS,CAAC;EAEjBC,MAAMA,CAAA,EAAS;IACtB,IAAI,CAACF,aAAa,CAACG,cAAc,EAAE;EACrC;EAMAC,kBAAkBA,CAACC,OAAkC,EAAQ;IAC3D,IAAI,CAACL,aAAa,CAACM,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,uBAAuB;MAAEH;IAAO,CAAC,CAAC;EAC5E;EAEAI,mBAAmBA,CAACJ,OAAmC,EAAE;IACvD,IAAI,CAACL,aAAa,CAACM,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,wBAAwB;MAAEH;IAAO,CAAC,CAAC;EAC7E;EAEAK,mBAAmBA,CAACL,OAAmC,EAAQ;IAC7D,IAAI,CAACL,aAAa,CAACM,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,wBAAwB;MAAEH;IAAO,CAAC,CAAC;EAC7E;EAEAM,oBAAoBA,CAACN,OAAoC,EAAQ;IAC/D,IAAI,CAACL,aAAa,CAACM,QAAQ,CAACC,IAAI,CAAC;MAACC,IAAI,EAAE,yBAAyB;MAAEH;IAAO,CAAC,CAAC;EAC9E;EAESO,cAAcA,CAACC,UAAkB,EAAQ,CAAC;EAC1CC,aAAaA,CAAA,EAAG,CAAC;EAEjBC,iBAAiBA,CAACC,WAAmB,EAAQ,CAAC;AAWzD"}

package/dist/adapter/resources/webgl-framebuffer.d.ts

@@ -1,4 +1,4 @@
-import type { FramebufferProps, ColorTextureFormat } from '@luma.gl/api';
+import type { FramebufferProps, TextureFormat } from '@luma.gl/api';
 import { Framebuffer, Texture } from '@luma.gl/api';
 import GL from '@luma.gl/constants';
 import { WebGLDevice } from '../webgl-device';
@@ -11,21 +11,18 @@ export declare class WEBGLFramebuffer extends Framebuffer {
     device: WebGLDevice;
     gl: WebGLRenderingContext;
     handle: WebGLFramebuffer;
-    get texture(): WEBGLTexture;
-    readonly colorAttachments: WEBGLTexture[];
-    readonly depthStencilAttachment: WEBGLTexture | null;
-    protected _ownResources: (WEBGLTexture | WEBGLRenderbuffer)[];
+    get texture(): Texture<import("@luma.gl/api").TextureProps>;
     constructor(device: WebGLDevice, props: FramebufferProps);
+    /** destroys any auto created resources etc. */
     destroy(): void;
     /** Check the status */
     protected _checkStatus(): void;
-    _createColorAttachments(): WEBGLTexture[];
-    /** Create a color attachment */
-    protected _createColorAttachment(format: ColorTextureFormat, width: number, height: number): WEBGLTexture;
-    /** Create a depth stencil attachment GL.DEPTH24_STENCIL8 */
-    protected _createDepthStencilAttachment(): WEBGLRenderbuffer | WEBGLTexture;
-    /** Attachment resize is expected to be a noop if size is same */
-    protected _resizeAttachments(width: number, height: number): this;
+    /** In WebGL we must use renderbuffers for depth/stencil attachments (unless we have extensions) */
+    protected createDepthStencilTexture(format: TextureFormat): Texture;
+    /**
+     * Attachment resize is expected to be a noop if size is same
+     */
+    protected resizeAttachments(width: number, height: number): this;
     /** Attach one attachment */
     protected _attachOne(attachmentPoint: GL, attachment: Attachment): WEBGLTexture | WEBGLRenderbuffer;
     protected _attachWEBGLRenderbuffer(attachment: GL, renderbuffer: WEBGLRenderbuffer): void;

package/dist/adapter/resources/webgl-framebuffer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webgl-framebuffer.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-framebuffer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAC;AACvE,OAAO,EAAC,WAAW,EAAE,OAAO,EAAc,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpC,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAGhE,oBAAY,iBAAiB,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAC5D,oBAAY,UAAU,GAAG,YAAY,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAE9E,iDAAiD;AACjD,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,MAAM,EAAE,WAAW,CAAC;IACpB,EAAE,EAAE,qBAAqB,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC;IAEzB,IAAI,OAAO,iBAAuC;IAClD,QAAQ,CAAC,gBAAgB,EAAE,YAAY,EAAE,CAAM;IAC/C,QAAQ,CAAC,sBAAsB,EAAE,YAAY,GAAG,IAAI,CAAQ;IAC5D,SAAS,CAAC,aAAa,EAAE,CAAC,YAAY,GAAG,iBAAiB,CAAC,EAAE,CAAM;gBAEvD,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB;IAuC/C,OAAO,IAAI,IAAI;IAaxB,uBAAuB;IACvB,SAAS,CAAC,YAAY,IAAI,IAAI;IAW9B,uBAAuB,IAAI,YAAY,EAAE;IAgBzC,gCAAgC;IAChC,SAAS,CAAC,sBAAsB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,YAAY;IAgCzG,4DAA4D;IAC5D,SAAS,CAAC,6BAA6B,IAAI,iBAAiB,GAAG,YAAY;IAyB3E,iEAAiE;IACjE,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IA0BjE,4BAA4B;IAC5B,SAAS,CAAC,UAAU,CAAC,eAAe,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,GAAG,YAAY,GAAG,iBAAiB;IAenG,SAAS,CAAC,wBAAwB,CAAC,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,iBAAiB,GAAG,IAAI;IASzF;;;;;OAKG;IACH,SAAS,CAAC,cAAc,CAAC,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CA2BpG"}
+{"version":3,"file":"webgl-framebuffer.d.ts","sourceRoot":"","sources":["../../../src/adapter/resources/webgl-framebuffer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAE,aAAa,EAAC,MAAM,cAAc,CAAC;AAClE,OAAO,EAAC,WAAW,EAAE,OAAO,EAAS,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpC,OAAO,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,iBAAiB,EAAC,MAAM,+BAA+B,CAAC;AAGhE,oBAAY,iBAAiB,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAC5D,oBAAY,UAAU,GAAG,YAAY,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAE9E,iDAAiD;AACjD,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,MAAM,EAAE,WAAW,CAAC;IACpB,EAAE,EAAE,qBAAqB,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC;IAEzB,IAAI,OAAO,iDAEV;gBAEW,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB;IA8CxD,+CAA+C;IACtC,OAAO,IAAI,IAAI;IAUxB,uBAAuB;IACvB,SAAS,CAAC,YAAY,IAAI,IAAI;IAW9B,mGAAmG;cAChF,yBAAyB,CAAC,MAAM,EAAE,aAAa,GAAG,OAAO;IAW5E;;OAEG;cACgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IA2BzE,4BAA4B;IAC5B,SAAS,CAAC,UAAU,CAClB,eAAe,EAAE,EAAE,EACnB,UAAU,EAAE,UAAU,GACrB,YAAY,GAAG,iBAAiB;IAenC,SAAS,CAAC,wBAAwB,CAAC,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,iBAAiB,GAAG,IAAI;IASzF;;;;;OAKG;IACH,SAAS,CAAC,cAAc,CACtB,UAAU,EAAE,EAAE,EACd,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GACZ,IAAI;CA2BR"}

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

@@ -1,9 +1,9 @@
 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 { WEBGLRenderbuffer } from "../objects/webgl-renderbuffer.js";
-import { getWebGLTextureFormat, getWebGLDepthStencilAttachment } from "../converters/texture-formats.js";
+import { getDepthStencilAttachmentWebGL } from "../converters/texture-formats.js";
 export class WEBGLFramebuffer extends Framebuffer {
   get texture() {
     return this.colorAttachments[0];
@@ -13,43 +13,37 @@ export 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 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 WEBGLRenderbuffer) {
-      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 WEBGLRenderbuffer(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,19 +77,18 @@ export 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) {

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

@@ -1 +1 @@
-{"version":3,"file":"webgl-framebuffer.js","names":["Framebuffer","Texture","log","assert","GL","WEBGLTexture","WEBGLRenderbuffer","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","_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, 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 {WEBGLRenderbuffer} from '../objects/webgl-renderbuffer';\nimport {getWebGLTextureFormat, getWebGLDepthStencilAttachment} 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() { return this.colorAttachments[0]; }\n  readonly colorAttachments: WEBGLTexture[] = [];\n  readonly depthStencilAttachment: WEBGLTexture | null = null;\n  protected _ownResources: (WEBGLTexture | WEBGLRenderbuffer)[] = [];\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(): WEBGLRenderbuffer | WEBGLTexture {\n    if (!this.props.depthStencilAttachment) {\n      return undefined;\n    }\n    if (this.props.depthStencilAttachment instanceof WEBGLRenderbuffer) {\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 WEBGLRenderbuffer(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 | 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(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":";AAGA,SAAQA,WAAW,EAAWC,MAAM,QAAO,cAAc;AACzD,OAAOC,EAAE,MAAM,oBAAoB;AAAC,SAE5BC,YAAY;AAAA,SACZC,iBAAiB;AAAA,SACjBC,8BAA8B;AAMtC,OAAO,MAAMC,gBAAgB,SAASN,WAAW,CAAC;EAKhD,IAAIO,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACC,gBAAgB,CAAC,CAAC,CAAC;EACjC;EAEAC,WAAWA,CAACC,MAAmB,EAAEC,KAAuB,EAAE;IACxD,KAAK,CAACD,MAAM,EAAEC,KAAK,CAAC;IAACC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAGrB,MAAMC,oBAAoB,GAAGF,KAAK,CAACG,MAAM,KAAK,IAAI;IAElD,IAAI,CAACJ,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACK,EAAE,GAAGL,MAAM,CAACK,EAAE;IACnB,IAAI,CAACD,MAAM,GACT,IAAI,CAACH,KAAK,CAACG,MAAM,IAAID,oBAAoB,GAAG,IAAI,CAACF,KAAK,CAACG,MAAM,GAAG,IAAI,CAACC,EAAE,CAACC,iBAAiB,EAAE;IAE7F,IAAI,CAACH,oBAAoB,EAAE;MAEzBH,MAAM,CAACO,kBAAkB,CAAC,IAAI,CAACH,MAAM,EAAE;QAACI,EAAE,EAAE,IAAI,CAACP,KAAK,CAACO,EAAE;QAAEP,KAAK,EAAE,IAAI,CAACA;MAAK,CAAC,CAAC;MAG9E,IAAI,CAACQ,4BAA4B,EAAE;MAGnC,IAAI,CAACJ,EAAE,CAACK,eAAe,CAAClB,EAAE,CAACmB,WAAW,EAAE,IAAI,CAACP,MAAM,CAAC;MAGpD,KAAK,IAAIQ,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,IAAI,CAACd,gBAAgB,CAACe,MAAM,EAAE,EAAED,CAAC,EAAE;QACrD,MAAME,UAAU,GAAG,IAAI,CAAChB,gBAAgB,CAACc,CAAC,CAAC;QAC3C,MAAMG,eAAe,GAAGvB,EAAE,CAACwB,iBAAiB,GAAGJ,CAAC;QAChD,IAAIE,UAAU,EAAE;UACd,IAAI,CAACG,UAAU,CAACF,eAAe,EAAED,UAAU,CAAiB;QAC9D;MACF;MAEA,IAAI,IAAI,CAACI,sBAAsB,EAAE;QAC/B,IAAI,CAACD,UAAU,CACbtB,8BAA8B,CAAC,IAAI,CAACuB,sBAAsB,CAACC,MAAM,CAAC,EAClE,IAAI,CAACD,sBAAsB,CAC5B;MACH;MAEA,IAAI,CAACb,EAAE,CAACK,eAAe,CAAClB,EAAE,CAACmB,WAAW,EAAE,IAAI,CAAC;IAC/C;IAGA,IAAIV,KAAK,CAACmB,KAAK,KAAK,KAAK,EAAE;MACzB,IAAI,CAACC,YAAY,EAAE;IACrB;EACF;EAGSC,OAAOA,CAAA,EAAS;IACvB,KAAK,CAACA,OAAO,EAAE;IACf,IAAI,CAAC,IAAI,CAACC,SAAS,IAAI,IAAI,CAACnB,MAAM,KAAK,IAAI,EAAE;MAC3C,IAAI,CAACC,EAAE,CAACmB,iBAAiB,CAAC,IAAI,CAACpB,MAAM,CAAC;IAExC;EACF;EAKUiB,YAAYA,CAAA,EAAS;IAC7B,MAAM;MAAChB;IAAE,CAAC,GAAG,IAAI;IAEjB,MAAMoB,UAAU,GAAGpB,EAAE,CAACK,eAAe,CAAClB,EAAE,CAACmB,WAAW,EAAE,IAAI,CAACP,MAAM,CAAgC;IACjG,MAAMsB,MAAM,GAAGrB,EAAE,CAACsB,sBAAsB,CAACnC,EAAE,CAACmB,WAAW,CAAC;IACxDN,EAAE,CAACK,eAAe,CAAClB,EAAE,CAACmB,WAAW,EAAEc,UAAU,IAAI,IAAI,CAAC;IACtD,IAAIC,MAAM,KAAKrB,EAAE,CAACuB,oBAAoB,EAAE;MACtC,MAAM,IAAIC,KAAK,gBAAAC,MAAA,CAAgBC,qBAAqB,CAACL,MAAM,CAAC,EAAG;IACjE;EACF;EAGmBM,yBAAyBA,CAACb,MAAqB,EAAW;IAC3E,OAAO,IAAIzB,iBAAiB,CAAC,IAAI,CAACM,MAAM,EAAE;MACxCQ,EAAE,KAAAsB,MAAA,CAAK,IAAI,CAACtB,EAAE,mBAAgB;MAC9BW,MAAM;MAGNc,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,MAAM,EAAE,IAAI,CAACA;IACf,CAAC,CAAC;EACJ;EAKmBC,iBAAiBA,CAACF,KAAa,EAAEC,MAAc,EAAQ;IAExE,IAAI,IAAI,CAAC9B,MAAM,KAAK,IAAI,EAAE;MAExB,IAAI,CAAC6B,KAAK,GAAG,IAAI,CAAC5B,EAAE,CAAC+B,kBAAkB;MACvC,IAAI,CAACF,MAAM,GAAG,IAAI,CAAC7B,EAAE,CAACgC,mBAAmB;MACzC,OAAO,IAAI;IACb;IAEA,IAAIJ,KAAK,KAAKK,SAAS,EAAE;MACvBL,KAAK,GAAG,IAAI,CAAC5B,EAAE,CAAC+B,kBAAkB;IACpC;IACA,IAAIF,MAAM,KAAKI,SAAS,EAAE;MACxBJ,MAAM,GAAG,IAAI,CAAC7B,EAAE,CAACgC,mBAAmB;IACtC;IAIA,KAAK,MAAME,eAAe,IAAI,IAAI,CAACzC,gBAAgB,EAAE;MAClDyC,eAAe,CAAkBC,MAAM,CAAC;QAACP,KAAK;QAAEC;MAAM,CAAC,CAAC;IAC3D;IACA,IAAI,IAAI,CAAChB,sBAAsB,EAAE;MAC9B,IAAI,CAACA,sBAAsB,CAAkBsB,MAAM,CAAC;QAACP,KAAK;QAAEC;MAAM,CAAC,CAAC;IACvE;IACA,OAAO,IAAI;EACb;EAGUjB,UAAUA,CAClBF,eAAmB,EACnBD,UAAsB,EACY;IAClC,IAAIA,UAAU,YAAYpB,iBAAiB,EAAE;MAC3C,IAAI,CAAC+C,wBAAwB,CAAC1B,eAAe,EAAED,UAAU,CAAC;MAC1D,OAAOA,UAAU;IACnB,CAAC,MAAM,IAAI4B,KAAK,CAACC,OAAO,CAAC7B,UAAU,CAAC,EAAE;MACpC,MAAM,CAACjB,OAAO,EAAE+C,KAAK,GAAG,CAAC,EAAEC,KAAK,GAAG,CAAC,CAAC,GAAG/B,UAAU;MAClD,IAAI,CAACgC,cAAc,CAAC/B,eAAe,EAAElB,OAAO,EAA6B+C,KAAK,EAAEC,KAAK,CAAC;MACtF,OAAOhD,OAAO;IAChB,CAAC,MAAM,IAAIiB,UAAU,YAAYrB,YAAY,EAAE;MAC7C,IAAI,CAACqD,cAAc,CAAC/B,eAAe,EAAED,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC;MACtD,OAAOA,UAAU;IACnB;IACA,MAAM,IAAIe,KAAK,CAAC,QAAQ,CAAC;EAC3B;EAEUY,wBAAwBA,CAAC3B,UAAc,EAAEiC,YAA+B,EAAQ;IACxF,IAAI,CAAC1C,EAAE,CAAC2C,uBAAuB,CAC7BxD,EAAE,CAACmB,WAAW,EACdG,UAAU,EACVtB,EAAE,CAACyD,YAAY,EACfF,YAAY,CAAC3C,MAAM,CACpB;EACH;EAQU0C,cAAcA,CACtBhC,UAAc,EACdjB,OAAqB,EACrB+C,KAAa,EACbC,KAAa,EACP;IACN,MAAM;MAACxC,EAAE;MAAE6C;IAAG,CAAC,GAAG,IAAI,CAAClD,MAAM;IAC7BK,EAAE,CAAC8C,WAAW,CAACtD,OAAO,CAACuD,MAAM,EAAEvD,OAAO,CAACO,MAAM,CAAC;IAE9C,QAAQP,OAAO,CAACuD,MAAM;MACpB,KAAK5D,EAAE,CAAC6D,gBAAgB;MACxB,KAAK7D,EAAE,CAAC8D,UAAU;QAChB,IAAI,CAACtD,MAAM,CAACuD,YAAY,EAAE;QAC1BL,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEM,uBAAuB,CAAChE,EAAE,CAACmB,WAAW,EAAEG,UAAU,EAAEjB,OAAO,CAACuD,MAAM,EAAEP,KAAK,EAAED,KAAK,CAAC;QACtF;MAEF,KAAKpD,EAAE,CAACiE,gBAAgB;QAEtB,MAAMC,IAAI,GAAGC,qBAAqB,CAACf,KAAK,CAAC;QACzCvC,EAAE,CAACuD,oBAAoB,CAACpE,EAAE,CAACmB,WAAW,EAAEG,UAAU,EAAE4C,IAAI,EAAE7D,OAAO,CAACO,MAAM,EAAEyC,KAAK,CAAC;QAChF;MAEF,KAAKrD,EAAE,CAACqE,UAAU;QAChBxD,EAAE,CAACuD,oBAAoB,CAACpE,EAAE,CAACmB,WAAW,EAAEG,UAAU,EAAEtB,EAAE,CAACqE,UAAU,EAAEhE,OAAO,CAACO,MAAM,EAAEyC,KAAK,CAAC;QACzF;MAEF;QACEtD,MAAM,CAAC,KAAK,EAAE,sBAAsB,CAAC;IAAC;IAG1Cc,EAAE,CAAC8C,WAAW,CAACtD,OAAO,CAACuD,MAAM,EAAE,IAAI,CAAC;EACtC;AACF;AAKA,SAASO,qBAAqBA,CAACf,KAAkB,EAAM;EAGrD,OAAOA,KAAK,GAAGpD,EAAE,CAACsE,2BAA2B,GAAGlB,KAAK,GAAGpD,EAAE,CAACsE,2BAA2B,GAAGlB,KAAK;AAChG;AAIA,SAASb,qBAAqBA,CAACL,MAAU,EAAE;EACzC,QAAQA,MAAM;IACZ,KAAKlC,EAAE,CAACoC,oBAAoB;MAC1B,OAAO,SAAS;IAClB,KAAKpC,EAAE,CAACuE,iCAAiC;MACvC,OAAO,wBAAwB;IACjC,KAAKvE,EAAE,CAACwE,yCAAyC;MAC/C,OAAO,gBAAgB;IACzB,KAAKxE,EAAE,CAACyE,iCAAiC;MACvC,OAAO,uBAAuB;IAChC,KAAKzE,EAAE,CAAC0E,uBAAuB;MAC7B,OAAO,kCAAkC;IAE3C,KAAK1E,EAAE,CAAC2E,kCAAkC;MACxC,OAAO,kBAAkB;IAG3B;MACE,UAAArC,MAAA,CAAUJ,MAAM;EAAG;AAEzB"}