@deck.gl/extensions 8.9.0-alpha.4 → 8.9.0-beta.1

package/dist/esm/terrain/terrain-picking-pass.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/terrain/terrain-picking-pass.ts"],"names":["_PickLayersPass","PickLayersPass","withParameters","TerrainPickingPass","getRenderableLayers","viewport","opts","layers","result","drawParameters","_resetColorEncoder","pickZ","drawParamsByIndex","_getDrawLayerParams","i","length","layer","isComposite","shouldDrawLayer","push","id","layerParameters","renderTerrainCover","terrainCover","target","getPickingFramebuffer","renderViewport","filterLayers","terrainLayer","targetLayer","props","pickable","unshift","resize","gl","depthTest","render","pickingFBO","pass","effects","viewports","cullRect","undefined","deviceRect","getLayerParameters","layerIndex","parameters","blend"],"mappings":";AAAA,SAIEA,eAAe,IAAIC,cAJrB,QAKO,eALP;AAMA,SAAQC,cAAR,QAA6B,eAA7B;AAQA,OAAO,MAAMC,kBAAN,SAAiCF,cAAjC,CAAgD;AAAA;AAAA;;AAAA,4CAOf,EAPe;AAAA;;AASrDG,EAAAA,mBAAmB,CAACC,QAAD,EAAqBC,IAArB,EAAqE;AACtF,UAAM;AAACC,MAAAA;AAAD,QAAWD,IAAjB;AACA,UAAME,MAAe,GAAG,EAAxB;AACA,SAAKC,cAAL,GAAsB,EAAtB;;AACA,SAAKC,kBAAL,CAAwBJ,IAAI,CAACK,KAA7B;;AACA,UAAMC,iBAAiB,GAAG,KAAKC,mBAAL,CAAyBR,QAAzB,EAAmCC,IAAnC,CAA1B;;AACA,SAAK,IAAIQ,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGP,MAAM,CAACQ,MAA3B,EAAmCD,CAAC,EAApC,EAAwC;AACtC,YAAME,KAAK,GAAGT,MAAM,CAACO,CAAD,CAApB;;AACA,UAAI,CAACE,KAAK,CAACC,WAAP,IAAsBL,iBAAiB,CAACE,CAAD,CAAjB,CAAqBI,eAA/C,EAAgE;AAC9DV,QAAAA,MAAM,CAACW,IAAP,CAAYH,KAAZ;AACA,aAAKP,cAAL,CAAoBO,KAAK,CAACI,EAA1B,IAAgCR,iBAAiB,CAACE,CAAD,CAAjB,CAAqBO,eAArD;AACD;AACF;;AAED,WAAOb,MAAP;AACD;;AAEDc,EAAAA,kBAAkB,CAACC,YAAD,EAA6BjB,IAA7B,EAA6E;AAE7F,UAAMkB,MAAM,GAAGD,YAAY,CAACE,qBAAb,EAAf;AACA,UAAMpB,QAAQ,GAAGkB,YAAY,CAACG,cAA9B;;AAEA,QAAI,CAACF,MAAD,IAAW,CAACnB,QAAhB,EAA0B;AACxB;AACD;;AAED,UAAME,MAAM,GAAGgB,YAAY,CAACI,YAAb,CAA0BrB,IAAI,CAACC,MAA/B,CAAf;AACA,UAAMqB,YAAY,GAAGL,YAAY,CAACM,WAAlC;;AACA,QAAID,YAAY,CAACE,KAAb,CAAmBC,QAAvB,EAAiC;AAC/BxB,MAAAA,MAAM,CAACyB,OAAP,CAAeJ,YAAf;AACD;;AACDJ,IAAAA,MAAM,CAACS,MAAP,CAAc5B,QAAd;AAEAH,IAAAA,cAAc,CACZ,KAAKgC,EADO,EAEZ;AACEC,MAAAA,SAAS,EAAE;AADb,KAFY,EAKZ,MACE,KAAKC,MAAL,CAAY,EACV,GAAG9B,IADO;AAEV+B,MAAAA,UAAU,EAAEb,MAFF;AAGVc,MAAAA,IAAI,kCAA2Bf,YAAY,CAACH,EAAxC,CAHM;AAIVb,MAAAA,MAJU;AAKVgC,MAAAA,OAAO,EAAE,EALC;AAMVC,MAAAA,SAAS,EAAE,CAACnC,QAAD,CAND;AASVoC,MAAAA,QAAQ,EAAEC,SATA;AAUVC,MAAAA,UAAU,EAAEtC,QAVF;AAWVM,MAAAA,KAAK,EAAE;AAXG,KAAZ,CANU,CAAd;AAoBD;;AAESiC,EAAAA,kBAAkB,CAAC5B,KAAD,EAAe6B,UAAf,EAAmCxC,QAAnC,EAA4D;AACtF,QAAI,KAAKI,cAAL,CAAoBO,KAAK,CAACI,EAA1B,CAAJ,EAAmC;AACjC,aAAO,KAAKX,cAAL,CAAoBO,KAAK,CAACI,EAA1B,CAAP;AACD;;AACD,UAAM0B,UAAU,GAAG,MAAMF,kBAAN,CAAyB5B,KAAzB,EAAgC6B,UAAhC,EAA4CxC,QAA5C,CAAnB;AACAyC,IAAAA,UAAU,CAACC,KAAX,GAAmB,IAAnB;AACA,WAAOD,UAAP;AACD;;AAvEoD","sourcesContent":["import {\n  Layer,\n  Viewport,\n  LayersPassRenderOptions,\n  _PickLayersPass as PickLayersPass\n} from '@deck.gl/core';\nimport {withParameters} from '@luma.gl/core';\nimport type {TerrainCover} from './terrain-cover';\n\nexport type TerrainPickingPassRenderOptions = LayersPassRenderOptions & {\n  pickZ: boolean;\n};\n\n/** Renders textures used by the TerrainEffect picking pass */\nexport class TerrainPickingPass extends PickLayersPass {\n  /** Save layer index for use when drawing to terrain cover.\n   * When a terrain cover's picking buffer is rendered,\n   * we need to make sure each layer receives a consistent index (encoded in the alpha channel)\n   * so that a picked color can be decoded back to the correct layer.\n   * Updated in getRenderableLayers which is called in TerrainEffect.preRender\n   */\n  drawParameters: Record<string, any> = {};\n\n  getRenderableLayers(viewport: Viewport, opts: TerrainPickingPassRenderOptions): Layer[] {\n    const {layers} = opts;\n    const result: Layer[] = [];\n    this.drawParameters = {};\n    this._resetColorEncoder(opts.pickZ);\n    const drawParamsByIndex = this._getDrawLayerParams(viewport, opts);\n    for (let i = 0; i < layers.length; i++) {\n      const layer = layers[i];\n      if (!layer.isComposite && drawParamsByIndex[i].shouldDrawLayer) {\n        result.push(layer);\n        this.drawParameters[layer.id] = drawParamsByIndex[i].layerParameters;\n      }\n    }\n\n    return result;\n  }\n\n  renderTerrainCover(terrainCover: TerrainCover, opts: Partial<TerrainPickingPassRenderOptions>) {\n    // console.log('Updating terrain cover for picking ' + terrainCover.id)\n    const target = terrainCover.getPickingFramebuffer();\n    const viewport = terrainCover.renderViewport;\n\n    if (!target || !viewport) {\n      return;\n    }\n\n    const layers = terrainCover.filterLayers(opts.layers!);\n    const terrainLayer = terrainCover.targetLayer;\n    if (terrainLayer.props.pickable) {\n      layers.unshift(terrainLayer);\n    }\n    target.resize(viewport);\n\n    withParameters(\n      this.gl,\n      {\n        depthTest: false\n      },\n      () =>\n        this.render({\n          ...opts,\n          pickingFBO: target,\n          pass: `terrain-cover-picking-${terrainCover.id}`,\n          layers,\n          effects: [],\n          viewports: [viewport],\n          // Disable the default culling because TileLayer would cull sublayers based on the screen viewport,\n          // not the viewport of the terrain cover. Culling is already done by `terrainCover.filterLayers`\n          cullRect: undefined,\n          deviceRect: viewport,\n          pickZ: false\n        })\n    );\n  }\n\n  protected getLayerParameters(layer: Layer, layerIndex: number, viewport: Viewport): any {\n    if (this.drawParameters[layer.id]) {\n      return this.drawParameters[layer.id];\n    }\n    const parameters = super.getLayerParameters(layer, layerIndex, viewport);\n    parameters.blend = true;\n    return parameters;\n  }\n}\n"],"file":"terrain-picking-pass.js"}

package/dist/esm/terrain/terrain.js

@@ -0,0 +1,62 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { LayerExtension } from '@deck.gl/core';
+import { TerrainEffect } from './terrain-effect';
+import { terrainModule } from './shader-module';
+const defaultProps = {
+  terrainFittingMode: undefined
+};
+export default class TerrainExtension extends LayerExtension {
+  getShaders() {
+    return {
+      modules: [terrainModule]
+    };
+  }
+
+  initializeState() {
+    var _this$context$deck;
+
+    (_this$context$deck = this.context.deck) === null || _this$context$deck === void 0 ? void 0 : _this$context$deck._addDefaultEffect(new TerrainEffect());
+  }
+
+  updateState(params) {
+    const {
+      props,
+      oldProps
+    } = params;
+
+    if (this.state.terrainFittingMode && props.terrainFittingMode === oldProps.terrainFittingMode && props.extruded === oldProps.extruded) {
+      return;
+    }
+
+    let {
+      terrainFittingMode
+    } = props;
+
+    if (!terrainFittingMode) {
+      var _this$getAttributeMan;
+
+      const is3d = this.props.extruded;
+      const attributes = (_this$getAttributeMan = this.getAttributeManager()) === null || _this$getAttributeMan === void 0 ? void 0 : _this$getAttributeMan.attributes;
+      const hasAnchor = attributes && 'instancePositions' in attributes;
+      terrainFittingMode = is3d || hasAnchor ? 'offset' : 'drape';
+    }
+
+    this.setState({
+      terrainFittingMode
+    });
+  }
+
+  onNeedsRedraw() {
+    const state = this.state;
+
+    if (state.terrainFittingMode === 'drape') {
+      state.terrainCoverNeedsRedraw = true;
+    }
+  }
+
+}
+
+_defineProperty(TerrainExtension, "defaultProps", defaultProps);
+
+_defineProperty(TerrainExtension, "extensionName", 'TerrainExtension');
+//# sourceMappingURL=terrain.js.map

package/dist/esm/terrain/terrain.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/terrain/terrain.ts"],"names":["LayerExtension","TerrainEffect","terrainModule","defaultProps","terrainFittingMode","undefined","TerrainExtension","getShaders","modules","initializeState","context","deck","_addDefaultEffect","updateState","params","props","oldProps","state","extruded","is3d","attributes","getAttributeManager","hasAnchor","setState","onNeedsRedraw","terrainCoverNeedsRedraw"],"mappings":";AAAA,SAAQA,cAAR,QAA+C,eAA/C;AACA,SAAQC,aAAR,QAA4B,kBAA5B;AACA,SAAQC,aAAR,QAA4B,iBAA5B;AAIA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,kBAAkB,EAAEC;AADD,CAArB;AAoBA,eAAe,MAAMC,gBAAN,SAA+BN,cAA/B,CAA8C;AAI3DO,EAAAA,UAAU,GAA0C;AAClD,WAAO;AACLC,MAAAA,OAAO,EAAE,CAACN,aAAD;AADJ,KAAP;AAGD;;AAEDO,EAAAA,eAAe,GAAqC;AAAA;;AAClD,+BAAKC,OAAL,CAAaC,IAAb,0EAAmBC,iBAAnB,CAAqC,IAAIX,aAAJ,EAArC;AACD;;AAEDY,EAAAA,WAAW,CAETC,MAFS,EAGT;AACA,UAAM;AAACC,MAAAA,KAAD;AAAQC,MAAAA;AAAR,QAAoBF,MAA1B;;AAEA,QACE,KAAKG,KAAL,CAAWb,kBAAX,IACAW,KAAK,CAACX,kBAAN,KAA6BY,QAAQ,CAACZ,kBADtC,IAGAW,KAAK,CAACG,QAAN,KAAmBF,QAAQ,CAACE,QAJ9B,EAKE;AACA;AACD;;AAED,QAAI;AAACd,MAAAA;AAAD,QAAuBW,KAA3B;;AACA,QAAI,CAACX,kBAAL,EAAyB;AAAA;;AAGvB,YAAMe,IAAI,GAAG,KAAKJ,KAAL,CAAWG,QAAxB;AACA,YAAME,UAAU,4BAAG,KAAKC,mBAAL,EAAH,0DAAG,sBAA4BD,UAA/C;AACA,YAAME,SAAS,GAAGF,UAAU,IAAI,uBAAuBA,UAAvD;AACAhB,MAAAA,kBAAkB,GAAGe,IAAI,IAAIG,SAAR,GAAoB,QAApB,GAA+B,OAApD;AACD;;AACD,SAAKC,QAAL,CAAc;AAACnB,MAAAA;AAAD,KAAd;AACD;;AAEDoB,EAAAA,aAAa,GAAwB;AACnC,UAAMP,KAAK,GAAG,KAAKA,KAAnB;;AACA,QAAIA,KAAK,CAACb,kBAAN,KAA6B,OAAjC,EAA0C;AACxCa,MAAAA,KAAK,CAACQ,uBAAN,GAAgC,IAAhC;AACD;AACF;;AA9C0D;;gBAAxCnB,gB,kBACGH,Y;;gBADHG,gB,mBAEI,kB","sourcesContent":["import {LayerExtension, UpdateParameters} from '@deck.gl/core';\nimport {TerrainEffect} from './terrain-effect';\nimport {terrainModule} from './shader-module';\n\nimport type {Layer} from '@deck.gl/core';\n\nconst defaultProps = {\n  terrainFittingMode: undefined\n};\n\nexport type TerrainExtensionProps = {\n  /**\n   * controls whether an object is drawn over the terrain surface by its anchor (usually defined by an accessor called `getPosition`, e.g. icon, scatterplot) or by its geometry (e.g. path, polygon).\n   * If not specified, it is automatically deduced from the layer.\n   */\n  terrainFittingMode?: 'offset' | 'drape';\n};\n\ntype TerrainExtensionState = {\n  /** Resolved fitting mode */\n  terrainFittingMode: 'offset' | 'drape';\n  /** Set when a layer is flagged as needs redraw */\n  terrainCoverNeedsRedraw: boolean;\n};\n\n/** Allows layers to show/hide objects by a geofence. */\nexport default class TerrainExtension extends LayerExtension {\n  static defaultProps = defaultProps;\n  static extensionName = 'TerrainExtension';\n\n  getShaders(this: Layer<TerrainExtensionProps>): any {\n    return {\n      modules: [terrainModule]\n    };\n  }\n\n  initializeState(this: Layer<TerrainExtensionProps>) {\n    this.context.deck?._addDefaultEffect(new TerrainEffect());\n  }\n\n  updateState(\n    this: Layer<TerrainExtensionProps>,\n    params: UpdateParameters<Layer<TerrainExtensionProps>>\n  ) {\n    const {props, oldProps} = params;\n\n    if (\n      this.state.terrainFittingMode &&\n      props.terrainFittingMode === oldProps.terrainFittingMode &&\n      // @ts-ignore `extruded` may not exist in props\n      props.extruded === oldProps.extruded\n    ) {\n      return;\n    }\n\n    let {terrainFittingMode} = props;\n    if (!terrainFittingMode) {\n      // props.extruded is used as an indication that the layer is 2.5D\n      // @ts-ignore `extruded` may not exist in props\n      const is3d = this.props.extruded as boolean;\n      const attributes = this.getAttributeManager()?.attributes;\n      const hasAnchor = attributes && 'instancePositions' in attributes;\n      terrainFittingMode = is3d || hasAnchor ? 'offset' : 'drape';\n    }\n    this.setState({terrainFittingMode});\n  }\n\n  onNeedsRedraw(this: Layer<{}>): void {\n    const state = this.state as TerrainExtensionState;\n    if (state.terrainFittingMode === 'drape') {\n      state.terrainCoverNeedsRedraw = true;\n    }\n  }\n}\n"],"file":"terrain.js"}

package/dist/esm/terrain/utils.js

@@ -0,0 +1,21 @@
+import { Framebuffer, Texture2D, isWebGL2 } from '@luma.gl/core';
+export function createRenderTarget(gl, opts) {
+  return new Framebuffer(gl, {
+    id: opts.id,
+    attachments: {
+      [36064]: new Texture2D(gl, { ...(opts.float && {
+          format: isWebGL2(gl) ? 34836 : 6408,
+          type: 5126
+        }),
+        mipmaps: false,
+        parameters: {
+          [10241]: 9729,
+          [10240]: 9729,
+          [10242]: 33071,
+          [10243]: 33071
+        }
+      })
+    }
+  });
+}
+//# sourceMappingURL=utils.js.map

package/dist/esm/terrain/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/terrain/utils.ts"],"names":["Framebuffer","Texture2D","isWebGL2","createRenderTarget","gl","opts","id","attachments","float","format","type","mipmaps","parameters"],"mappings":"AAAA,SAAQA,WAAR,EAAqBC,SAArB,EAAgCC,QAAhC,QAA+C,eAA/C;AAGA,OAAO,SAASC,kBAAT,CACLC,EADK,EAELC,IAFK,EAML;AACA,SAAO,IAAIL,WAAJ,CAAgBI,EAAhB,EAAoB;AACzBE,IAAAA,EAAE,EAAED,IAAI,CAACC,EADgB;AAEzBC,IAAAA,WAAW,EAAE;AACX,eAAwB,IAAIN,SAAJ,CAAcG,EAAd,EAAkB,EACxC,IAAIC,IAAI,CAACG,KAAL,IAAc;AAChBC,UAAAA,MAAM,EAAEP,QAAQ,CAACE,EAAD,CAAR,eADQ;AAEhBM,UAAAA,IAAI;AAFY,SAAlB,CADwC;AAKxCC,QAAAA,OAAO,EAAE,KAL+B;AAMxCC,QAAAA,UAAU,EAAE;AACV,uBADU;AAEV,uBAFU;AAGV,wBAHU;AAIV;AAJU;AAN4B,OAAlB;AADb;AAFY,GAApB,CAAP;AAkBD","sourcesContent":["import {Framebuffer, Texture2D, isWebGL2} from '@luma.gl/core';\nimport GL from '@luma.gl/constants';\n\nexport function createRenderTarget(\n  gl: WebGLRenderingContext,\n  opts: {\n    id: string;\n    float?: boolean;\n  }\n) {\n  return new Framebuffer(gl, {\n    id: opts.id,\n    attachments: {\n      [gl.COLOR_ATTACHMENT0]: new Texture2D(gl, {\n        ...(opts.float && {\n          format: isWebGL2(gl) ? GL.RGBA32F : GL.RGBA,\n          type: GL.FLOAT\n        }),\n        mipmaps: false,\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    }\n  });\n}\n"],"file":"utils.js"}

package/dist/esm/utils/debug.js

@@ -0,0 +1,61 @@
+import { readPixelsToArray } from '@luma.gl/core';
+export const debugFBO = function (fbo, {
+  minimap,
+  opaque
+} = {}) {
+  const color = readPixelsToArray(fbo);
+  let canvas = document.getElementById('fbo-canvas');
+  const canvasHeight = (minimap ? 2 : 1) * fbo.height;
+
+  if (!canvas) {
+    canvas = document.createElement('canvas');
+    canvas.id = 'fbo-canvas';
+    canvas.style.zIndex = '100';
+    canvas.style.position = 'absolute';
+    canvas.style.top = '0';
+    canvas.style.right = '0';
+    canvas.style.border = 'blue 1px solid';
+    canvas.style.transform = 'scaleY(-1)';
+    document.body.appendChild(canvas);
+  }
+
+  if (canvas.width !== fbo.width || canvas.height !== canvasHeight) {
+    canvas.width = fbo.width;
+    canvas.height = canvasHeight;
+    canvas.style.width = '400px';
+  }
+
+  const ctx = canvas.getContext('2d');
+  const imageData = ctx.createImageData(canvas.width, canvas.height);
+
+  if (minimap) {
+    const zoom = 8;
+    const {
+      width,
+      height
+    } = canvas;
+
+    for (let y = 0; y < height; y++) {
+      for (let x = 0; x < width; x++) {
+        const d = 4 * (x + y * width);
+        const s = 4 * (Math.floor(x / zoom) + Math.floor(y / zoom) * width);
+        imageData.data[d + 0] = color[s + 0];
+        imageData.data[d + 1] = color[s + 1];
+        imageData.data[d + 2] = color[s + 2];
+        imageData.data[d + 3] = opaque ? 255 : color[s + 3];
+      }
+    }
+  }
+
+  const offset = minimap ? color.length : 0;
+
+  for (let i = 0; i < color.length; i += 4) {
+    imageData.data[offset + i + 0] = color[i + 0];
+    imageData.data[offset + i + 1] = color[i + 1];
+    imageData.data[offset + i + 2] = color[i + 2];
+    imageData.data[offset + i + 3] = opaque ? 255 : color[i + 3];
+  }
+
+  ctx.putImageData(imageData, 0, 0);
+};
+//# sourceMappingURL=debug.js.map

package/dist/esm/utils/debug.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/debug.ts"],"names":["readPixelsToArray","debugFBO","fbo","minimap","opaque","color","canvas","document","getElementById","canvasHeight","height","createElement","id","style","zIndex","position","top","right","border","transform","body","appendChild","width","ctx","getContext","imageData","createImageData","zoom","y","x","d","s","Math","floor","data","offset","length","i","putImageData"],"mappings":"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","sourcesContent":["/* global document */\n\nimport {Framebuffer, readPixelsToArray} from '@luma.gl/core';\n\n/** Debug utility to draw FBO contents onto screen */\n// eslint-disable-next-line\nexport const debugFBO = function (\n  fbo: Framebuffer,\n  {minimap, opaque}: {minimap?: boolean; opaque?: boolean} = {}\n) {\n  const color = readPixelsToArray(fbo);\n  let canvas = document.getElementById('fbo-canvas') as HTMLCanvasElement;\n  const canvasHeight = (minimap ? 2 : 1) * fbo.height;\n  if (!canvas) {\n    canvas = document.createElement('canvas');\n    canvas.id = 'fbo-canvas';\n    canvas.style.zIndex = '100';\n    canvas.style.position = 'absolute';\n    canvas.style.top = '0';\n    canvas.style.right = '0';\n    canvas.style.border = 'blue 1px solid';\n    canvas.style.transform = 'scaleY(-1)';\n    document.body.appendChild(canvas);\n  }\n  if (canvas.width !== fbo.width || canvas.height !== canvasHeight) {\n    canvas.width = fbo.width;\n    canvas.height = canvasHeight;\n    canvas.style.width = '400px';\n  }\n  const ctx = canvas.getContext('2d')!;\n  const imageData = ctx.createImageData(canvas.width, canvas.height);\n\n  // Minimap\n  if (minimap) {\n    const zoom = 8; // Zoom factor for minimap\n    const {width, height} = canvas;\n    for (let y = 0; y < height; y++) {\n      for (let x = 0; x < width; x++) {\n        const d = 4 * (x + y * width); // destination pixel\n        const s = 4 * (Math.floor(x / zoom) + Math.floor(y / zoom) * width); // source\n        imageData.data[d + 0] = color[s + 0];\n        imageData.data[d + 1] = color[s + 1];\n        imageData.data[d + 2] = color[s + 2];\n        imageData.data[d + 3] = opaque ? 255 : color[s + 3];\n      }\n    }\n  }\n\n  // Full map\n  const offset = minimap ? color.length : 0;\n  for (let i = 0; i < color.length; i += 4) {\n    imageData.data[offset + i + 0] = color[i + 0];\n    imageData.data[offset + i + 1] = color[i + 1];\n    imageData.data[offset + i + 2] = color[i + 2];\n    imageData.data[offset + i + 3] = opaque ? 255 : color[i + 3];\n  }\n\n  ctx.putImageData(imageData, 0, 0);\n};\n"],"file":"debug.js"}