@deck.gl/extensions 8.10.0-alpha.7 → 9.0.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dist.dev.js +10098 -620
- package/dist/es5/brushing/brushing-extension.js +8 -5
- package/dist/es5/brushing/brushing-extension.js.map +1 -1
- package/dist/es5/clip/clip-extension.js.map +1 -1
- package/dist/es5/collision-filter/collision-filter-effect.js +41 -29
- package/dist/es5/collision-filter/collision-filter-effect.js.map +1 -1
- package/dist/es5/collision-filter/collision-filter-pass.js +4 -5
- package/dist/es5/collision-filter/collision-filter-pass.js.map +1 -1
- package/dist/es5/collision-filter/shader-module.js.map +1 -1
- package/dist/es5/data-filter/aggregator.js +18 -11
- package/dist/es5/data-filter/aggregator.js.map +1 -1
- package/dist/es5/data-filter/data-filter-extension.js +27 -27
- package/dist/es5/data-filter/data-filter-extension.js.map +1 -1
- package/dist/es5/fill-style/fill-style-extension.js +4 -6
- package/dist/es5/fill-style/fill-style-extension.js.map +1 -1
- package/dist/es5/fill-style/shaders.glsl.js.map +1 -1
- package/dist/es5/mask/mask-effect.js +5 -7
- package/dist/es5/mask/mask-effect.js.map +1 -1
- package/dist/es5/mask/mask-pass.js +18 -13
- package/dist/es5/mask/mask-pass.js.map +1 -1
- package/dist/es5/mask/shader-module.js.map +1 -1
- package/dist/es5/path-style/path-style-extension.js +11 -8
- package/dist/es5/path-style/path-style-extension.js.map +1 -1
- package/dist/es5/terrain/height-map-builder.js +7 -11
- package/dist/es5/terrain/height-map-builder.js.map +1 -1
- package/dist/es5/terrain/shader-module.js.map +1 -1
- package/dist/es5/terrain/terrain-cover.js +6 -6
- package/dist/es5/terrain/terrain-cover.js.map +1 -1
- package/dist/es5/terrain/terrain-effect.js +11 -13
- package/dist/es5/terrain/terrain-effect.js.map +1 -1
- package/dist/es5/terrain/terrain-pass.js +7 -5
- package/dist/es5/terrain/terrain-pass.js.map +1 -1
- package/dist/es5/terrain/terrain-picking-pass.js +2 -2
- package/dist/es5/terrain/terrain-picking-pass.js.map +1 -1
- package/dist/es5/terrain/utils.js +12 -9
- package/dist/es5/terrain/utils.js.map +1 -1
- package/dist/es5/utils/debug.js +2 -2
- package/dist/es5/utils/debug.js.map +1 -1
- package/dist/esm/brushing/brushing-extension.js +8 -5
- package/dist/esm/brushing/brushing-extension.js.map +1 -1
- package/dist/esm/clip/clip-extension.js.map +1 -1
- package/dist/esm/collision-filter/collision-filter-effect.js +29 -28
- package/dist/esm/collision-filter/collision-filter-effect.js.map +1 -1
- package/dist/esm/collision-filter/collision-filter-pass.js +2 -3
- package/dist/esm/collision-filter/collision-filter-pass.js.map +1 -1
- package/dist/esm/collision-filter/shader-module.js.map +1 -1
- package/dist/esm/data-filter/aggregator.js +19 -15
- package/dist/esm/data-filter/aggregator.js.map +1 -1
- package/dist/esm/data-filter/data-filter-extension.js +23 -30
- package/dist/esm/data-filter/data-filter-extension.js.map +1 -1
- package/dist/esm/fill-style/fill-style-extension.js +3 -6
- package/dist/esm/fill-style/fill-style-extension.js.map +1 -1
- package/dist/esm/fill-style/shaders.glsl.js.map +1 -1
- package/dist/esm/mask/mask-effect.js +3 -4
- package/dist/esm/mask/mask-effect.js.map +1 -1
- package/dist/esm/mask/mask-pass.js +14 -15
- package/dist/esm/mask/mask-pass.js.map +1 -1
- package/dist/esm/mask/shader-module.js.map +1 -1
- package/dist/esm/path-style/path-style-extension.js +11 -8
- package/dist/esm/path-style/path-style-extension.js.map +1 -1
- package/dist/esm/terrain/height-map-builder.js +7 -10
- package/dist/esm/terrain/height-map-builder.js.map +1 -1
- package/dist/esm/terrain/shader-module.js.map +1 -1
- package/dist/esm/terrain/terrain-cover.js +6 -6
- package/dist/esm/terrain/terrain-cover.js.map +1 -1
- package/dist/esm/terrain/terrain-effect.js +10 -11
- package/dist/esm/terrain/terrain-effect.js.map +1 -1
- package/dist/esm/terrain/terrain-pass.js +4 -3
- package/dist/esm/terrain/terrain-pass.js.map +1 -1
- package/dist/esm/terrain/terrain-picking-pass.js +2 -2
- package/dist/esm/terrain/terrain-picking-pass.js.map +1 -1
- package/dist/esm/terrain/utils.js +15 -17
- package/dist/esm/terrain/utils.js.map +1 -1
- package/dist/esm/utils/debug.js +1 -1
- package/dist/esm/utils/debug.js.map +1 -1
- package/dist.min.js +282 -84
- package/package.json +8 -5
- package/src/brushing/brushing-extension.ts +8 -6
- package/src/clip/clip-extension.ts +1 -2
- package/src/collision-filter/collision-filter-effect.ts +40 -29
- package/src/collision-filter/collision-filter-pass.ts +4 -5
- package/src/collision-filter/shader-module.ts +4 -3
- package/src/data-filter/aggregator.ts +18 -18
- package/src/data-filter/data-filter-extension.ts +37 -29
- package/src/fill-style/fill-style-extension.ts +6 -7
- package/src/fill-style/shaders.glsl.ts +2 -2
- package/src/mask/mask-effect.ts +11 -10
- package/src/mask/mask-pass.ts +19 -20
- package/src/mask/shader-module.ts +2 -2
- package/src/path-style/path-style-extension.ts +16 -11
- package/src/terrain/height-map-builder.ts +8 -8
- package/src/terrain/shader-module.ts +8 -6
- package/src/terrain/terrain-cover.ts +8 -6
- package/src/terrain/terrain-effect.ts +14 -13
- package/src/terrain/terrain-pass.ts +6 -7
- package/src/terrain/terrain-picking-pass.ts +3 -3
- package/src/terrain/utils.ts +13 -13
- package/src/utils/debug.ts +2 -1
- package/typed/brushing/brushing-extension.d.ts.map +1 -1
- package/typed/clip/clip-extension.d.ts.map +1 -1
- package/typed/collision-filter/collision-filter-effect.d.ts +4 -4
- package/typed/collision-filter/collision-filter-effect.d.ts.map +1 -1
- package/typed/collision-filter/collision-filter-pass.d.ts.map +1 -1
- package/typed/collision-filter/shader-module.d.ts.map +1 -1
- package/typed/data-filter/aggregator.d.ts +10 -8
- package/typed/data-filter/aggregator.d.ts.map +1 -1
- package/typed/data-filter/data-filter-extension.d.ts +1 -1
- package/typed/data-filter/data-filter-extension.d.ts.map +1 -1
- package/typed/fill-style/fill-style-extension.d.ts +3 -3
- package/typed/fill-style/fill-style-extension.d.ts.map +1 -1
- package/typed/fill-style/shaders.glsl.d.ts +2 -2
- package/typed/fill-style/shaders.glsl.d.ts.map +1 -1
- package/typed/mask/mask-effect.d.ts +3 -3
- package/typed/mask/mask-effect.d.ts.map +1 -1
- package/typed/mask/mask-pass.d.ts +3 -3
- package/typed/mask/mask-pass.d.ts.map +1 -1
- package/typed/mask/shader-module.d.ts +2 -2
- package/typed/mask/shader-module.d.ts.map +1 -1
- package/typed/path-style/path-style-extension.d.ts.map +1 -1
- package/typed/terrain/height-map-builder.d.ts +4 -4
- package/typed/terrain/height-map-builder.d.ts.map +1 -1
- package/typed/terrain/shader-module.d.ts +3 -3
- package/typed/terrain/shader-module.d.ts.map +1 -1
- package/typed/terrain/terrain-cover.d.ts.map +1 -1
- package/typed/terrain/terrain-effect.d.ts +4 -3
- package/typed/terrain/terrain-effect.d.ts.map +1 -1
- package/typed/terrain/terrain-pass.d.ts.map +1 -1
- package/typed/terrain/utils.d.ts +3 -2
- package/typed/terrain/utils.d.ts.map +1 -1
- package/typed/utils/debug.d.ts +1 -0
- package/typed/utils/debug.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/terrain/utils.ts"],"names":["createRenderTarget","
|
|
1
|
+
{"version":3,"sources":["../../../src/terrain/utils.ts"],"names":["createRenderTarget","device","opts","createFramebuffer","id","colorAttachments","createTexture","float","format","info","type","mipmaps","sampler","minFilter","magFilter","addressModeU","addressModeV"],"mappings":";;;;;;;;;;;AACA;;;;;;AAEO,SAASA,kBAAT,CACLC,MADK,EAELC,IAFK,EAML;AACA,SAAOD,MAAM,CAACE,iBAAP,CAAyB;AAC9BC,IAAAA,EAAE,EAAEF,IAAI,CAACE,EADqB;AAE9BC,IAAAA,gBAAgB,EAAE,CAChBJ,MAAM,CAACK,aAAP,iCACMJ,IAAI,CAACK,KAAL,IAAc;AAChBC,MAAAA,MAAM,EAAEP,MAAM,CAACQ,IAAP,CAAYC,IAAZ,KAAqB,QAArB,GAAgC,aAAhC,GAAgD,YADxC;AAEhBA,MAAAA,IAAI;AAFY,KADpB;AAKEC,MAAAA,OAAO,EAAE,KALX;AAMEC,MAAAA,OAAO,EAAE;AACPC,QAAAA,SAAS,EAAE,QADJ;AAEPC,QAAAA,SAAS,EAAE,QAFJ;AAGPC,QAAAA,YAAY,EAAE,eAHP;AAIPC,QAAAA,YAAY,EAAE;AAJP;AANX,OADgB;AAFY,GAAzB,CAAP;AAkBD","sourcesContent":["import type {Device} from '@luma.gl/core';\nimport {GL} from '@luma.gl/constants';\n\nexport function createRenderTarget(\n device: Device,\n opts: {\n id: string;\n float?: boolean;\n }\n) {\n return device.createFramebuffer({\n id: opts.id,\n colorAttachments: [\n device.createTexture({\n ...(opts.float && {\n format: device.info.type === 'webgl2' ? 'rgba32float' : 'rgba8unorm',\n type: GL.FLOAT\n }),\n mipmaps: false,\n sampler: {\n minFilter: 'linear',\n magFilter: 'linear',\n addressModeU: 'clamp-to-edge',\n addressModeV: 'clamp-to-edge'\n }\n })\n ]\n });\n}\n"],"file":"utils.js"}
|
package/dist/es5/utils/debug.js
CHANGED
|
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.debugFBO = void 0;
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _webgl = require("@luma.gl/webgl");
|
|
9
9
|
|
|
10
10
|
var debugFBO = function debugFBO(fbo) {
|
|
11
11
|
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
12
12
|
minimap = _ref.minimap,
|
|
13
13
|
opaque = _ref.opaque;
|
|
14
14
|
|
|
15
|
-
var color = (0,
|
|
15
|
+
var color = (0, _webgl.readPixelsToArray)(fbo);
|
|
16
16
|
var canvas = document.getElementById('fbo-canvas');
|
|
17
17
|
var canvasHeight = (minimap ? 2 : 1) * fbo.height;
|
|
18
18
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/utils/debug.ts"],"names":["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":";;;;;;;
|
|
1
|
+
{"version":3,"sources":["../../../src/utils/debug.ts"],"names":["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} from '@luma.gl/core';\nimport {readPixelsToArray} from '@luma.gl/webgl';\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"}
|
|
@@ -36,25 +36,28 @@ export default class BrushingExtension extends LayerExtension {
|
|
|
36
36
|
});
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
const onMouseMove = () => {
|
|
40
40
|
var _this$getCurrentLayer;
|
|
41
41
|
|
|
42
42
|
(_this$getCurrentLayer = this.getCurrentLayer()) === null || _this$getCurrentLayer === void 0 ? void 0 : _this$getCurrentLayer.setNeedsRedraw();
|
|
43
43
|
};
|
|
44
44
|
|
|
45
|
+
this.state.onMouseMove = onMouseMove;
|
|
46
|
+
|
|
45
47
|
if (context.deck) {
|
|
46
48
|
context.deck.eventManager.on({
|
|
47
|
-
pointermove:
|
|
48
|
-
pointerleave:
|
|
49
|
+
pointermove: onMouseMove,
|
|
50
|
+
pointerleave: onMouseMove
|
|
49
51
|
});
|
|
50
52
|
}
|
|
51
53
|
}
|
|
52
54
|
|
|
53
55
|
finalizeState(context, extension) {
|
|
54
56
|
if (context.deck) {
|
|
57
|
+
const onMouseMove = this.state.onMouseMove;
|
|
55
58
|
context.deck.eventManager.off({
|
|
56
|
-
pointermove:
|
|
57
|
-
pointerleave:
|
|
59
|
+
pointermove: onMouseMove,
|
|
60
|
+
pointerleave: onMouseMove
|
|
58
61
|
});
|
|
59
62
|
}
|
|
60
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/brushing/brushing-extension.ts"],"names":["LayerExtension","shaderModule","defaultProps","getBrushingTarget","type","value","brushingTarget","brushingEnabled","brushingRadius","BrushingExtension","getShaders","modules","initializeState","context","extension","attributeManager","getAttributeManager","add","brushingTargets","size","accessor","shaderAttributes","divisor","instanceBrushingTargets","
|
|
1
|
+
{"version":3,"sources":["../../../src/brushing/brushing-extension.ts"],"names":["LayerExtension","shaderModule","defaultProps","getBrushingTarget","type","value","brushingTarget","brushingEnabled","brushingRadius","BrushingExtension","getShaders","modules","initializeState","context","extension","attributeManager","getAttributeManager","add","brushingTargets","size","accessor","shaderAttributes","divisor","instanceBrushingTargets","onMouseMove","getCurrentLayer","setNeedsRedraw","state","deck","eventManager","on","pointermove","pointerleave","finalizeState","off","extensionName"],"mappings":"AAoBA,SAAQA,cAAR,QAA6B,eAA7B;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AAIA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,iBAAiB,EAAE;AAACC,IAAAA,IAAI,EAAE,UAAP;AAAmBC,IAAAA,KAAK,EAAE,CAAC,CAAD,EAAI,CAAJ;AAA1B,GADA;AAGnBC,EAAAA,cAAc,EAAE,QAHG;AAInBC,EAAAA,eAAe,EAAE,IAJE;AAKnBC,EAAAA,cAAc,EAAE;AALG,CAArB;AA8BA,eAAe,MAAMC,iBAAN,SAAgCT,cAAhC,CAA+C;AAI5DU,EAAAA,UAAU,GAAQ;AAChB,WAAO;AACLC,MAAAA,OAAO,EAAE,CAACV,YAAD;AADJ,KAAP;AAGD;;AAEDW,EAAAA,eAAe,CAAsCC,OAAtC,EAA6DC,SAA7D,EAA8E;AAC3F,UAAMC,gBAAgB,GAAG,KAAKC,mBAAL,EAAzB;;AACA,QAAID,gBAAJ,EAAsB;AACpBA,MAAAA,gBAAgB,CAACE,GAAjB,CAAqB;AACnBC,QAAAA,eAAe,EAAE;AACfC,UAAAA,IAAI,EAAE,CADS;AAEfC,UAAAA,QAAQ,EAAE,mBAFK;AAGfC,UAAAA,gBAAgB,EAAE;AAChBH,YAAAA,eAAe,EAAE;AACfI,cAAAA,OAAO,EAAE;AADM,aADD;AAIhBC,YAAAA,uBAAuB,EAAE;AACvBD,cAAAA,OAAO,EAAE;AADc;AAJT;AAHH;AADE,OAArB;AAcD;;AAGD,UAAME,WAAW,GAAG,MAAM;AAAA;;AACxB,oCAAKC,eAAL,kFAAwBC,cAAxB;AACD,KAFD;;AAIA,SAAKC,KAAL,CAAWH,WAAX,GAAyBA,WAAzB;;AACA,QAAIX,OAAO,CAACe,IAAZ,EAAkB;AAEhBf,MAAAA,OAAO,CAACe,IAAR,CAAaC,YAAb,CAA0BC,EAA1B,CAA6B;AAC3BC,QAAAA,WAAW,EAAEP,WADc;AAE3BQ,QAAAA,YAAY,EAAER;AAFa,OAA7B;AAID;AACF;;AAEDS,EAAAA,aAAa,CAAsCpB,OAAtC,EAA6DC,SAA7D,EAA8E;AAEzF,QAAID,OAAO,CAACe,IAAZ,EAAkB;AAChB,YAAMJ,WAAW,GAAG,KAAKG,KAAL,CAAWH,WAA/B;AAEAX,MAAAA,OAAO,CAACe,IAAR,CAAaC,YAAb,CAA0BK,GAA1B,CAA8B;AAC5BH,QAAAA,WAAW,EAAEP,WADe;AAE5BQ,QAAAA,YAAY,EAAER;AAFc,OAA9B;AAID;AACF;;AAtD2D;AAAzCf,iB,CACZP,Y,GAAeA,Y;AADHO,iB,CAEZ0B,a,GAAgB,mB","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {LayerExtension} from '@deck.gl/core';\nimport shaderModule from './shader-module';\n\nimport type {Layer, LayerContext, Accessor} from '@deck.gl/core';\n\nconst defaultProps = {\n getBrushingTarget: {type: 'accessor', value: [0, 0]},\n\n brushingTarget: 'source',\n brushingEnabled: true,\n brushingRadius: 10000\n};\n\nexport type BrushingExtensionProps<DataT = any> = {\n /**\n * Called to retrieve an arbitrary position for each object that it will be filtered by.\n * Only effective if `brushingTarget` is set to `custom`.\n */\n getBrushingTarget?: Accessor<DataT, [number, number]>;\n /**\n * Enable/disable brushing. If brushing is disabled, all objects are rendered.\n * @default true\n */\n brushingEnabled?: boolean;\n /**\n * The position used to filter each object by.\n */\n brushingTarget?: 'source' | 'target' | 'source_target' | 'custom';\n /** The brushing radius centered at the pointer, in meters. If a data object is within this circle, it is rendered; otherwise it is hidden.\n * @default 10000\n */\n brushingRadius?: number;\n};\n\n/** Adds GPU-based data brushing functionalities to layers. It allows the layer to show/hide objects based on the current pointer position. */\nexport default class BrushingExtension extends LayerExtension {\n static defaultProps = defaultProps;\n static extensionName = 'BrushingExtension';\n\n getShaders(): any {\n return {\n modules: [shaderModule]\n };\n }\n\n initializeState(this: Layer<BrushingExtensionProps>, context: LayerContext, extension: this) {\n const attributeManager = this.getAttributeManager();\n if (attributeManager) {\n attributeManager.add({\n brushingTargets: {\n size: 2,\n accessor: 'getBrushingTarget',\n shaderAttributes: {\n brushingTargets: {\n divisor: 0\n },\n instanceBrushingTargets: {\n divisor: 1\n }\n }\n }\n });\n }\n\n // Trigger redraw when mouse moves\n const onMouseMove = () => {\n this.getCurrentLayer()?.setNeedsRedraw();\n };\n // TODO - expose this in a better way\n this.state.onMouseMove = onMouseMove;\n if (context.deck) {\n // @ts-expect-error (2446) accessing protected property\n context.deck.eventManager.on({\n pointermove: onMouseMove,\n pointerleave: onMouseMove\n });\n }\n }\n\n finalizeState(this: Layer<BrushingExtensionProps>, context: LayerContext, extension: this) {\n // Remove event listeners\n if (context.deck) {\n const onMouseMove = this.state.onMouseMove as () => void;\n // @ts-expect-error (2446) accessing protected property\n context.deck.eventManager.off({\n pointermove: onMouseMove,\n pointerleave: onMouseMove\n });\n }\n }\n}\n"],"file":"brushing-extension.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/clip/clip-extension.ts"],"names":["LayerExtension","defaultProps","clipBounds","clipByInstance","undefined","shaderFunction","shaderModuleVs","name","vs","injectionVs","shaderModuleFs","fs","injectionFs","ClipExtension","getShaders","getAttributeManager","attributes","props","Boolean","state","modules","inject","draw","uniforms","clip_bounds","corner0","projectPosition","corner1","Math","min","max","extensionName"],"mappings":"AAoBA,SAAQA,cAAR,QAA4D,eAA5D;AAIA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,CADO;AAEnBC,EAAAA,cAAc,EAAEC;AAFG,CAArB;AAiBA,MAAMC,cAAc,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA,CANA;AAYA,MAAMC,cAA4B,GAAG;AACnCC,EAAAA,IAAI,EAAE,SAD6B;AAEnCC,EAAAA,EAAE,EAAEH;AAF+B,CAArC;AAKA,MAAMI,WAAW,GAAG;AAClB,cAAa;AACf;AACA,CAHoB;AAIlB,kCAAiC;AACnC;AACA,CANoB;AAOlB,cAAa;AACf;AACA,CAToB;AAUlB,4BAA2B;AAC7B;AACA;AAZoB,CAApB;AAmBA,MAAMC,cAA4B,GAAG;AACnCH,EAAAA,IAAI,EAAE,SAD6B;AAEnCI,EAAAA,EAAE,EAAEN;AAF+B,CAArC;AAKA,MAAMO,WAAW,GAAG;AAClB,cAAa;AACf;AACA,CAHoB;AAIlB,kCAAiC;AACnC;AACA,CANoB;AAOlB,cAAa;AACf;AACA,CAToB;AAUlB,4BAA2B;AAC7B;AACA;AAZoB,CAApB;AAgBA,eAAe,MAAMC,aAAN,SAA4Bb,cAA5B,CAA2C;AAIxDc,EAAAA,UAAU,GAAkC;
|
|
1
|
+
{"version":3,"sources":["../../../src/clip/clip-extension.ts"],"names":["LayerExtension","defaultProps","clipBounds","clipByInstance","undefined","shaderFunction","shaderModuleVs","name","vs","injectionVs","shaderModuleFs","fs","injectionFs","ClipExtension","getShaders","getAttributeManager","attributes","props","Boolean","state","modules","inject","draw","uniforms","clip_bounds","corner0","projectPosition","corner1","Math","min","max","extensionName"],"mappings":"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","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n\nimport {LayerExtension, _ShaderModule as ShaderModule} from '@deck.gl/core';\n\nimport type {Layer} from '@deck.gl/core';\n\nconst defaultProps = {\n clipBounds: [0, 0, 1, 1],\n clipByInstance: undefined\n};\n\nexport type ClipExtensionProps = {\n /** Rectangular bounds to be used for clipping the rendered region, in `[left, bottom, right, top]`.\n * @default [0, 0, 1, 1]\n */\n clipBounds?: [number, number, number, number];\n /**\n * Controls whether an object is clipped by its anchor (e.g. icon, point) or by its geometry (e.g. path, polygon).\n * If not specified, it is automatically deduced from the layer.\n */\n clipByInstance?: boolean;\n};\n\nconst shaderFunction = `\nuniform vec4 clip_bounds;\n\nbool clip_isInBounds(vec2 position) {\n return position.x >= clip_bounds[0] && position.y >= clip_bounds[1] && position.x < clip_bounds[2] && position.y < clip_bounds[3];\n}\n`;\n\n/*\n * The vertex-shader version clips geometries by their anchor position\n * e.g. ScatterplotLayer - show if the center of a circle is within bounds\n */\nconst shaderModuleVs: ShaderModule = {\n name: 'clip-vs',\n vs: shaderFunction\n};\n\nconst injectionVs = {\n 'vs:#decl': `\nvarying float clip_isVisible;\n`,\n 'vs:DECKGL_FILTER_GL_POSITION': `\n clip_isVisible = float(clip_isInBounds(geometry.worldPosition.xy));\n`,\n 'fs:#decl': `\nvarying float clip_isVisible;\n`,\n 'fs:DECKGL_FILTER_COLOR': `\n if (clip_isVisible < 0.5) discard;\n`\n};\n\n/*\n * The fragment-shader version clips pixels at the bounds\n * e.g. PolygonLayer - show the part of the polygon that intersect with the bounds\n */\nconst shaderModuleFs: ShaderModule = {\n name: 'clip-fs',\n fs: shaderFunction\n};\n\nconst injectionFs = {\n 'vs:#decl': `\nvarying vec2 clip_commonPosition;\n`,\n 'vs:DECKGL_FILTER_GL_POSITION': `\n clip_commonPosition = geometry.position.xy;\n`,\n 'fs:#decl': `\nvarying vec2 clip_commonPosition;\n`,\n 'fs:DECKGL_FILTER_COLOR': `\n if (!clip_isInBounds(clip_commonPosition)) discard;\n`\n};\n\n/** Adds support for clipping rendered layers by rectangular bounds. */\nexport default class ClipExtension extends LayerExtension {\n static defaultProps = defaultProps;\n static extensionName = 'ClipExtension';\n\n getShaders(this: Layer<ClipExtensionProps>) {\n // If `clipByInstance: true`, the entire object is shown/hidden based on its anchor position (done by vertex shader)\n // Otherwise, the object is trimmed by the clip bounds (done by fragment shader)\n\n // Default behavior: consider a layer instanced if it has attribute `instancePositions`\n let clipByInstance = 'instancePositions' in this.getAttributeManager()!.attributes;\n // Users can override by setting the `clipByInstance` prop\n if (this.props.clipByInstance !== undefined) {\n clipByInstance = Boolean(this.props.clipByInstance);\n }\n this.state.clipByInstance = clipByInstance;\n\n return clipByInstance\n ? {\n modules: [shaderModuleVs],\n inject: injectionVs\n }\n : {\n modules: [shaderModuleFs],\n inject: injectionFs\n };\n }\n\n /* eslint-disable camelcase */\n draw(this: Layer<Required<ClipExtensionProps>>, {uniforms}: any): void {\n const {clipBounds} = this.props;\n if (this.state.clipByInstance) {\n uniforms.clip_bounds = clipBounds;\n } else {\n const corner0 = this.projectPosition([clipBounds[0], clipBounds[1], 0]);\n const corner1 = this.projectPosition([clipBounds[2], clipBounds[3], 0]);\n\n uniforms.clip_bounds = [\n Math.min(corner0[0], corner1[0]),\n Math.min(corner0[1], corner1[1]),\n Math.max(corner0[0], corner1[0]),\n Math.max(corner0[1], corner1[1])\n ];\n }\n }\n}\n"],"file":"clip-extension.js"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { WEBGLRenderbuffer } from '@luma.gl/webgl';
|
|
2
2
|
import { equals } from '@math.gl/core';
|
|
3
3
|
import { _deepEqual as deepEqual } from '@deck.gl/core';
|
|
4
4
|
import CollisionFilterPass from './collision-filter-pass';
|
|
@@ -17,7 +17,7 @@ export default class CollisionFilterEffect {
|
|
|
17
17
|
this.lastViewport = void 0;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
preRender(
|
|
20
|
+
preRender(device, {
|
|
21
21
|
effects: allEffects,
|
|
22
22
|
layers,
|
|
23
23
|
layerFilter,
|
|
@@ -30,7 +30,7 @@ export default class CollisionFilterEffect {
|
|
|
30
30
|
var _preRenderStats$mask;
|
|
31
31
|
|
|
32
32
|
if (!this.dummyCollisionMap) {
|
|
33
|
-
this.dummyCollisionMap =
|
|
33
|
+
this.dummyCollisionMap = device.createTexture({
|
|
34
34
|
width: 1,
|
|
35
35
|
height: 1
|
|
36
36
|
});
|
|
@@ -53,7 +53,7 @@ export default class CollisionFilterEffect {
|
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
if (!this.collisionFilterPass) {
|
|
56
|
-
this.collisionFilterPass = new CollisionFilterPass(
|
|
56
|
+
this.collisionFilterPass = new CollisionFilterPass(device, {
|
|
57
57
|
id: 'default-collision-filter'
|
|
58
58
|
});
|
|
59
59
|
}
|
|
@@ -61,7 +61,7 @@ export default class CollisionFilterEffect {
|
|
|
61
61
|
const effects = allEffects === null || allEffects === void 0 ? void 0 : allEffects.filter(e => e.constructor === MaskEffect);
|
|
62
62
|
const maskEffectRendered = (_preRenderStats$mask = preRenderStats['mask-effect']) === null || _preRenderStats$mask === void 0 ? void 0 : _preRenderStats$mask.didRender;
|
|
63
63
|
|
|
64
|
-
const channels = this._groupByCollisionGroup(
|
|
64
|
+
const channels = this._groupByCollisionGroup(device, collisionLayers);
|
|
65
65
|
|
|
66
66
|
const viewport = viewports[0];
|
|
67
67
|
const viewportChanged = !this.lastViewport || !this.lastViewport.equals(viewport) || maskEffectRendered;
|
|
@@ -69,9 +69,10 @@ export default class CollisionFilterEffect {
|
|
|
69
69
|
for (const collisionGroup in channels) {
|
|
70
70
|
const collisionFBO = this.collisionFBOs[collisionGroup];
|
|
71
71
|
const renderInfo = channels[collisionGroup];
|
|
72
|
+
const [width, height] = device.canvasContext.getPixelSize();
|
|
72
73
|
collisionFBO.resize({
|
|
73
|
-
width:
|
|
74
|
-
height:
|
|
74
|
+
width: width / DOWNSCALE,
|
|
75
|
+
height: height / DOWNSCALE
|
|
75
76
|
});
|
|
76
77
|
|
|
77
78
|
this._render(renderInfo, {
|
|
@@ -119,13 +120,13 @@ export default class CollisionFilterEffect {
|
|
|
119
120
|
views,
|
|
120
121
|
moduleParameters: {
|
|
121
122
|
dummyCollisionMap: this.dummyCollisionMap,
|
|
122
|
-
devicePixelRatio:
|
|
123
|
+
devicePixelRatio: collisionFBO.device.canvasContext.getDevicePixelRatio() / DOWNSCALE
|
|
123
124
|
}
|
|
124
125
|
});
|
|
125
126
|
}
|
|
126
127
|
}
|
|
127
128
|
|
|
128
|
-
_groupByCollisionGroup(
|
|
129
|
+
_groupByCollisionGroup(device, collisionLayers) {
|
|
129
130
|
const channelMap = {};
|
|
130
131
|
|
|
131
132
|
for (const layer of collisionLayers) {
|
|
@@ -154,7 +155,7 @@ export default class CollisionFilterEffect {
|
|
|
154
155
|
|
|
155
156
|
for (const collisionGroup of Object.keys(channelMap)) {
|
|
156
157
|
if (!this.collisionFBOs[collisionGroup]) {
|
|
157
|
-
this.createFBO(
|
|
158
|
+
this.createFBO(device, collisionGroup);
|
|
158
159
|
}
|
|
159
160
|
|
|
160
161
|
if (!this.channels[collisionGroup]) {
|
|
@@ -181,7 +182,7 @@ export default class CollisionFilterEffect {
|
|
|
181
182
|
} = this;
|
|
182
183
|
return {
|
|
183
184
|
collisionFBO: collisionFBOs[collisionGroup],
|
|
184
|
-
dummyCollisionMap
|
|
185
|
+
dummyCollisionMap: dummyCollisionMap
|
|
185
186
|
};
|
|
186
187
|
}
|
|
187
188
|
|
|
@@ -201,41 +202,41 @@ export default class CollisionFilterEffect {
|
|
|
201
202
|
this.lastViewport = undefined;
|
|
202
203
|
}
|
|
203
204
|
|
|
204
|
-
createFBO(
|
|
205
|
+
createFBO(device, collisionGroup) {
|
|
205
206
|
const {
|
|
206
207
|
width,
|
|
207
208
|
height
|
|
208
|
-
} = gl.canvas;
|
|
209
|
-
const collisionMap =
|
|
209
|
+
} = device.gl.canvas;
|
|
210
|
+
const collisionMap = device.createTexture({
|
|
211
|
+
format: 'rgba8unorm',
|
|
210
212
|
width,
|
|
211
213
|
height,
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
214
|
+
sampler: {
|
|
215
|
+
minFilter: 'nearest',
|
|
216
|
+
magFilter: 'nearest',
|
|
217
|
+
addressModeU: 'clamp-to-edge',
|
|
218
|
+
addressModeV: 'clamp-to-edge'
|
|
217
219
|
}
|
|
218
220
|
});
|
|
219
|
-
const depthBuffer = new
|
|
220
|
-
format:
|
|
221
|
+
const depthBuffer = new WEBGLRenderbuffer(device, {
|
|
222
|
+
format: 'depth16',
|
|
221
223
|
width,
|
|
222
224
|
height
|
|
223
225
|
});
|
|
224
|
-
this.collisionFBOs[collisionGroup] =
|
|
225
|
-
id: `
|
|
226
|
+
this.collisionFBOs[collisionGroup] = device.createFramebuffer({
|
|
227
|
+
id: `collision-${collisionGroup}`,
|
|
226
228
|
width,
|
|
227
229
|
height,
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
[36096]: depthBuffer
|
|
231
|
-
}
|
|
230
|
+
colorAttachments: [collisionMap],
|
|
231
|
+
depthStencilAttachment: depthBuffer
|
|
232
232
|
});
|
|
233
233
|
}
|
|
234
234
|
|
|
235
235
|
destroyFBO(collisionGroup) {
|
|
236
236
|
const fbo = this.collisionFBOs[collisionGroup];
|
|
237
|
+
const attachments = fbo.attachments;
|
|
237
238
|
|
|
238
|
-
for (const attachment of Object.values(
|
|
239
|
+
for (const attachment of Object.values(attachments)) {
|
|
239
240
|
attachment.delete();
|
|
240
241
|
}
|
|
241
242
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/collision-filter/collision-filter-effect.ts"],"names":["Framebuffer","Renderbuffer","Texture2D","cssToDeviceRatio","equals","_deepEqual","deepEqual","CollisionFilterPass","MaskEffect","DOWNSCALE","CollisionFilterEffect","id","props","useInPicking","order","channels","collisionFilterPass","collisionFBOs","dummyCollisionMap","lastViewport","preRender","gl","effects","allEffects","layers","layerFilter","viewports","onViewportActive","views","isPicking","preRenderStats","width","height","collisionLayers","filter","visible","collisionEnabled","length","e","constructor","maskEffectRendered","didRender","_groupByCollisionGroup","viewport","viewportChanged","collisionGroup","collisionFBO","renderInfo","resize","canvas","_render","oldRenderInfo","needsRender","layerBounds","some","b","i","allLayersLoaded","layer","transitions","renderCollisionMap","pass","moduleParameters","devicePixelRatio","channelMap","channelInfo","push","getBounds","isLoaded","Object","keys","createFBO","destroyFBO","getModuleParameters","cleanup","delete","undefined","collisionMap","parameters","depthBuffer","format","attachments","fbo","attachment","values"],"mappings":"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","sourcesContent":["import {Framebuffer, Renderbuffer, Texture2D, cssToDeviceRatio} from '@luma.gl/core';\nimport {equals} from '@math.gl/core';\nimport {_deepEqual as deepEqual} from '@deck.gl/core';\nimport type {Effect, Layer, PreRenderOptions, Viewport} from '@deck.gl/core';\nimport CollisionFilterPass from './collision-filter-pass';\nimport MaskEffect, {MaskPreRenderStats} from '../mask/mask-effect';\n// import {debugFBO} from '../utils/debug';\n\ntype CollisionFilterExtensionProps = {\n collisionTestProps?: {};\n collisionGroup: string;\n};\n\n// Factor by which to downscale Collision FBO relative to canvas\nconst DOWNSCALE = 2;\n\ntype RenderInfo = {\n collisionGroup: string;\n layers: Layer<CollisionFilterExtensionProps>[];\n layerBounds: ([number[], number[]] | null)[];\n allLayersLoaded: boolean;\n};\n\nexport default class CollisionFilterEffect implements Effect {\n id = 'collision-filter-effect';\n props = null;\n useInPicking = true;\n order = 1;\n\n private channels: Record<string, RenderInfo> = {};\n private collisionFilterPass?: CollisionFilterPass;\n private collisionFBOs: Record<string, Framebuffer> = {};\n private dummyCollisionMap?: Texture2D;\n private lastViewport?: Viewport;\n\n preRender(\n gl: WebGLRenderingContext,\n {\n effects: allEffects,\n layers,\n layerFilter,\n viewports,\n onViewportActive,\n views,\n isPicking,\n preRenderStats = {}\n }: PreRenderOptions\n ): void {\n if (!this.dummyCollisionMap) {\n this.dummyCollisionMap = new Texture2D(gl, {width: 1, height: 1});\n }\n\n if (isPicking) {\n // Do not update on picking pass\n return;\n }\n\n const collisionLayers = layers.filter(\n // @ts-ignore\n ({props: {visible, collisionEnabled}}) => visible && collisionEnabled\n ) as Layer<CollisionFilterExtensionProps>[];\n if (collisionLayers.length === 0) {\n this.channels = {};\n return;\n }\n\n if (!this.collisionFilterPass) {\n this.collisionFilterPass = new CollisionFilterPass(gl, {id: 'default-collision-filter'});\n }\n\n // Detect if mask has rendered. TODO: better dependency system for Effects\n const effects = allEffects?.filter(e => e.constructor === MaskEffect);\n const maskEffectRendered = (preRenderStats['mask-effect'] as MaskPreRenderStats)?.didRender;\n\n // Collect layers to render\n const channels = this._groupByCollisionGroup(gl, collisionLayers);\n\n const viewport = viewports[0];\n const viewportChanged =\n !this.lastViewport || !this.lastViewport.equals(viewport) || maskEffectRendered;\n\n // Resize framebuffers to match canvas\n for (const collisionGroup in channels) {\n const collisionFBO = this.collisionFBOs[collisionGroup];\n const renderInfo = channels[collisionGroup];\n collisionFBO.resize({\n width: gl.canvas.width / DOWNSCALE,\n height: gl.canvas.height / DOWNSCALE\n });\n this._render(renderInfo, {\n effects,\n layerFilter,\n onViewportActive,\n views,\n viewport,\n viewportChanged\n });\n }\n\n // debugFBO(this.collisionFBOs[Object.keys(channels)[0]], {minimap: true});\n }\n\n private _render(\n renderInfo: RenderInfo,\n {\n effects,\n layerFilter,\n onViewportActive,\n views,\n viewport,\n viewportChanged\n }: {\n effects: PreRenderOptions['effects'];\n layerFilter: PreRenderOptions['layerFilter'];\n onViewportActive: PreRenderOptions['onViewportActive'];\n views: PreRenderOptions['views'];\n viewport: Viewport;\n viewportChanged: boolean;\n }\n ) {\n const {collisionGroup} = renderInfo;\n const oldRenderInfo = this.channels[collisionGroup];\n if (!oldRenderInfo) {\n return;\n }\n\n const needsRender =\n viewportChanged ||\n // If render info is new\n renderInfo === oldRenderInfo ||\n // If sublayers have changed\n !deepEqual(oldRenderInfo.layers, renderInfo.layers, 1) ||\n // If a sublayer's bounds have been updated\n renderInfo.layerBounds.some((b, i) => !equals(b, oldRenderInfo.layerBounds[i])) ||\n // If a sublayer's isLoaded state has been updated\n renderInfo.allLayersLoaded !== oldRenderInfo.allLayersLoaded ||\n // Some prop is in transition\n renderInfo.layers.some(layer => layer.props.transitions);\n\n this.channels[collisionGroup] = renderInfo;\n\n if (needsRender) {\n this.lastViewport = viewport;\n const collisionFBO = this.collisionFBOs[collisionGroup];\n\n // Rerender collision FBO\n this.collisionFilterPass!.renderCollisionMap(collisionFBO, {\n pass: 'collision-filter',\n isPicking: true,\n layers: renderInfo.layers,\n effects,\n layerFilter,\n viewports: viewport ? [viewport] : [],\n onViewportActive,\n views,\n moduleParameters: {\n // To avoid feedback loop forming between Framebuffer and active Texture.\n dummyCollisionMap: this.dummyCollisionMap,\n devicePixelRatio: cssToDeviceRatio(collisionFBO.gl) / DOWNSCALE\n }\n });\n }\n }\n\n /**\n * Group layers by collisionGroup\n * Returns a map from collisionGroup to render info\n */\n private _groupByCollisionGroup(\n gl: WebGLRenderingContext,\n collisionLayers: Layer<CollisionFilterExtensionProps>[]\n ): Record<string, RenderInfo> {\n const channelMap = {};\n for (const layer of collisionLayers) {\n const {collisionGroup} = layer.props;\n let channelInfo = channelMap[collisionGroup];\n if (!channelInfo) {\n channelInfo = {collisionGroup, layers: [], layerBounds: [], allLayersLoaded: true};\n channelMap[collisionGroup] = channelInfo;\n }\n channelInfo.layers.push(layer);\n channelInfo.layerBounds.push(layer.getBounds());\n if (!layer.isLoaded) {\n channelInfo.allLayersLoaded = false;\n }\n }\n\n // Create any new passes and remove any old ones\n for (const collisionGroup of Object.keys(channelMap)) {\n if (!this.collisionFBOs[collisionGroup]) {\n this.createFBO(gl, collisionGroup);\n }\n if (!this.channels[collisionGroup]) {\n this.channels[collisionGroup] = channelMap[collisionGroup];\n }\n }\n for (const collisionGroup of Object.keys(this.collisionFBOs)) {\n if (!channelMap[collisionGroup]) {\n this.destroyFBO(collisionGroup);\n }\n }\n\n return channelMap;\n }\n\n getModuleParameters(layer: Layer): {\n collisionFBO: Framebuffer;\n dummyCollisionMap: Texture2D;\n } {\n const {collisionGroup} = (layer as Layer<CollisionFilterExtensionProps>).props;\n const {collisionFBOs, dummyCollisionMap} = this;\n return {collisionFBO: collisionFBOs[collisionGroup], dummyCollisionMap};\n }\n\n cleanup(): void {\n if (this.dummyCollisionMap) {\n this.dummyCollisionMap.delete();\n this.dummyCollisionMap = undefined;\n }\n this.channels = {};\n for (const collisionGroup of Object.keys(this.collisionFBOs)) {\n this.destroyFBO(collisionGroup);\n }\n this.collisionFBOs = {};\n this.lastViewport = undefined;\n }\n\n createFBO(gl: WebGLRenderingContext, collisionGroup: string) {\n const {width, height} = gl.canvas;\n const collisionMap = new Texture2D(gl, {\n width,\n height,\n parameters: {\n [gl.TEXTURE_MIN_FILTER]: gl.NEAREST,\n [gl.TEXTURE_MAG_FILTER]: gl.NEAREST,\n [gl.TEXTURE_WRAP_S]: gl.CLAMP_TO_EDGE,\n [gl.TEXTURE_WRAP_T]: gl.CLAMP_TO_EDGE\n }\n });\n\n const depthBuffer = new Renderbuffer(gl, {format: gl.DEPTH_COMPONENT16, width, height});\n this.collisionFBOs[collisionGroup] = new Framebuffer(gl, {\n id: `Collision-${collisionGroup}`,\n width,\n height,\n attachments: {\n [gl.COLOR_ATTACHMENT0]: collisionMap,\n [gl.DEPTH_ATTACHMENT]: depthBuffer\n }\n });\n }\n\n destroyFBO(collisionGroup: string) {\n const fbo = this.collisionFBOs[collisionGroup];\n for (const attachment of Object.values(fbo.attachments as Texture2D[])) {\n attachment.delete();\n }\n fbo.delete();\n delete this.collisionFBOs[collisionGroup];\n }\n}\n"],"file":"collision-filter-effect.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/collision-filter/collision-filter-effect.ts"],"names":["WEBGLRenderbuffer","equals","_deepEqual","deepEqual","CollisionFilterPass","MaskEffect","DOWNSCALE","CollisionFilterEffect","id","props","useInPicking","order","channels","collisionFilterPass","collisionFBOs","dummyCollisionMap","lastViewport","preRender","device","effects","allEffects","layers","layerFilter","viewports","onViewportActive","views","isPicking","preRenderStats","createTexture","width","height","collisionLayers","filter","visible","collisionEnabled","length","e","constructor","maskEffectRendered","didRender","_groupByCollisionGroup","viewport","viewportChanged","collisionGroup","collisionFBO","renderInfo","canvasContext","getPixelSize","resize","_render","oldRenderInfo","needsRender","layerBounds","some","b","i","allLayersLoaded","layer","transitions","renderCollisionMap","pass","moduleParameters","devicePixelRatio","getDevicePixelRatio","channelMap","channelInfo","push","getBounds","isLoaded","Object","keys","createFBO","destroyFBO","getModuleParameters","cleanup","delete","undefined","gl","canvas","collisionMap","format","sampler","minFilter","magFilter","addressModeU","addressModeV","depthBuffer","createFramebuffer","colorAttachments","depthStencilAttachment","fbo","attachments","attachment","values"],"mappings":"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","sourcesContent":["import {Device, Framebuffer, Texture} from '@luma.gl/core';\nimport {WEBGLRenderbuffer} from '@luma.gl/webgl';\nimport {equals} from '@math.gl/core';\nimport {_deepEqual as deepEqual} from '@deck.gl/core';\nimport type {Effect, Layer, PreRenderOptions, Viewport} from '@deck.gl/core';\nimport CollisionFilterPass from './collision-filter-pass';\nimport MaskEffect, {MaskPreRenderStats} from '../mask/mask-effect';\n// import {debugFBO} from '../utils/debug';\n\ntype CollisionFilterExtensionProps = {\n collisionTestProps?: {};\n collisionGroup: string;\n};\n\n// Factor by which to downscale Collision FBO relative to canvas\nconst DOWNSCALE = 2;\n\ntype RenderInfo = {\n collisionGroup: string;\n layers: Layer<CollisionFilterExtensionProps>[];\n layerBounds: ([number[], number[]] | null)[];\n allLayersLoaded: boolean;\n};\n\nexport default class CollisionFilterEffect implements Effect {\n id = 'collision-filter-effect';\n props = null;\n useInPicking = true;\n order = 1;\n\n private channels: Record<string, RenderInfo> = {};\n private collisionFilterPass?: CollisionFilterPass;\n private collisionFBOs: Record<string, Framebuffer> = {};\n private dummyCollisionMap?: Texture;\n private lastViewport?: Viewport;\n\n preRender(\n device: Device,\n {\n effects: allEffects,\n layers,\n layerFilter,\n viewports,\n onViewportActive,\n views,\n isPicking,\n preRenderStats = {}\n }: PreRenderOptions\n ): void {\n if (!this.dummyCollisionMap) {\n this.dummyCollisionMap = device.createTexture({width: 1, height: 1});\n }\n\n if (isPicking) {\n // Do not update on picking pass\n return;\n }\n\n const collisionLayers = layers.filter(\n // @ts-ignore\n ({props: {visible, collisionEnabled}}) => visible && collisionEnabled\n ) as Layer<CollisionFilterExtensionProps>[];\n if (collisionLayers.length === 0) {\n this.channels = {};\n return;\n }\n\n if (!this.collisionFilterPass) {\n this.collisionFilterPass = new CollisionFilterPass(device, {id: 'default-collision-filter'});\n }\n\n // Detect if mask has rendered. TODO: better dependency system for Effects\n const effects = allEffects?.filter(e => e.constructor === MaskEffect);\n const maskEffectRendered = (preRenderStats['mask-effect'] as MaskPreRenderStats)?.didRender;\n\n // Collect layers to render\n const channels = this._groupByCollisionGroup(device, collisionLayers);\n\n const viewport = viewports[0];\n const viewportChanged =\n !this.lastViewport || !this.lastViewport.equals(viewport) || maskEffectRendered;\n\n // Resize framebuffers to match canvas\n for (const collisionGroup in channels) {\n const collisionFBO = this.collisionFBOs[collisionGroup];\n const renderInfo = channels[collisionGroup];\n // @ts-expect-error TODO - assuming WebGL context\n const [width, height] = device.canvasContext.getPixelSize();\n collisionFBO.resize({\n width: width / DOWNSCALE,\n height: height / DOWNSCALE\n });\n this._render(renderInfo, {\n effects,\n layerFilter,\n onViewportActive,\n views,\n viewport,\n viewportChanged\n });\n }\n\n // debugFBO(this.collisionFBOs[Object.keys(channels)[0]], {minimap: true});\n }\n\n private _render(\n renderInfo: RenderInfo,\n {\n effects,\n layerFilter,\n onViewportActive,\n views,\n viewport,\n viewportChanged\n }: {\n effects: PreRenderOptions['effects'];\n layerFilter: PreRenderOptions['layerFilter'];\n onViewportActive: PreRenderOptions['onViewportActive'];\n views: PreRenderOptions['views'];\n viewport: Viewport;\n viewportChanged: boolean;\n }\n ) {\n const {collisionGroup} = renderInfo;\n const oldRenderInfo = this.channels[collisionGroup];\n if (!oldRenderInfo) {\n return;\n }\n\n const needsRender =\n viewportChanged ||\n // If render info is new\n renderInfo === oldRenderInfo ||\n // If sublayers have changed\n !deepEqual(oldRenderInfo.layers, renderInfo.layers, 1) ||\n // If a sublayer's bounds have been updated\n renderInfo.layerBounds.some((b, i) => !equals(b, oldRenderInfo.layerBounds[i])) ||\n // If a sublayer's isLoaded state has been updated\n renderInfo.allLayersLoaded !== oldRenderInfo.allLayersLoaded ||\n // Some prop is in transition\n renderInfo.layers.some(layer => layer.props.transitions);\n\n this.channels[collisionGroup] = renderInfo;\n\n if (needsRender) {\n this.lastViewport = viewport;\n const collisionFBO = this.collisionFBOs[collisionGroup];\n\n // Rerender collision FBO\n this.collisionFilterPass!.renderCollisionMap(collisionFBO, {\n pass: 'collision-filter',\n isPicking: true,\n layers: renderInfo.layers,\n effects,\n layerFilter,\n viewports: viewport ? [viewport] : [],\n onViewportActive,\n views,\n moduleParameters: {\n // To avoid feedback loop forming between Framebuffer and active Texture.\n dummyCollisionMap: this.dummyCollisionMap,\n // @ts-expect-error TODO - assuming WebGL context\n devicePixelRatio: collisionFBO.device.canvasContext.getDevicePixelRatio() / DOWNSCALE\n }\n });\n }\n }\n\n /**\n * Group layers by collisionGroup\n * Returns a map from collisionGroup to render info\n */\n private _groupByCollisionGroup(\n device: Device,\n collisionLayers: Layer<CollisionFilterExtensionProps>[]\n ): Record<string, RenderInfo> {\n const channelMap = {};\n for (const layer of collisionLayers) {\n const {collisionGroup} = layer.props;\n let channelInfo = channelMap[collisionGroup];\n if (!channelInfo) {\n channelInfo = {collisionGroup, layers: [], layerBounds: [], allLayersLoaded: true};\n channelMap[collisionGroup] = channelInfo;\n }\n channelInfo.layers.push(layer);\n channelInfo.layerBounds.push(layer.getBounds());\n if (!layer.isLoaded) {\n channelInfo.allLayersLoaded = false;\n }\n }\n\n // Create any new passes and remove any old ones\n for (const collisionGroup of Object.keys(channelMap)) {\n if (!this.collisionFBOs[collisionGroup]) {\n this.createFBO(device, collisionGroup);\n }\n if (!this.channels[collisionGroup]) {\n this.channels[collisionGroup] = channelMap[collisionGroup];\n }\n }\n for (const collisionGroup of Object.keys(this.collisionFBOs)) {\n if (!channelMap[collisionGroup]) {\n this.destroyFBO(collisionGroup);\n }\n }\n\n return channelMap;\n }\n\n getModuleParameters(layer: Layer): {\n collisionFBO: Framebuffer;\n dummyCollisionMap: Texture;\n } {\n const {collisionGroup} = (layer as Layer<CollisionFilterExtensionProps>).props;\n const {collisionFBOs, dummyCollisionMap} = this;\n return {collisionFBO: collisionFBOs[collisionGroup], dummyCollisionMap: dummyCollisionMap!};\n }\n\n cleanup(): void {\n if (this.dummyCollisionMap) {\n this.dummyCollisionMap.delete();\n this.dummyCollisionMap = undefined;\n }\n this.channels = {};\n for (const collisionGroup of Object.keys(this.collisionFBOs)) {\n this.destroyFBO(collisionGroup);\n }\n this.collisionFBOs = {};\n this.lastViewport = undefined;\n }\n\n createFBO(device: Device, collisionGroup: string) {\n // @ts-expect-error\n const {width, height} = device.gl.canvas;\n const collisionMap = device.createTexture({\n format: 'rgba8unorm',\n width,\n height,\n sampler: {\n minFilter: 'nearest',\n magFilter: 'nearest',\n addressModeU: 'clamp-to-edge',\n addressModeV: 'clamp-to-edge'\n }\n });\n\n const depthBuffer = new WEBGLRenderbuffer(\n // @ts-expect-error TODO v9 needs to be WebGLDevice\n device,\n {format: 'depth16', width, height}\n );\n this.collisionFBOs[collisionGroup] = device.createFramebuffer({\n id: `collision-${collisionGroup}`,\n width,\n height,\n colorAttachments: [collisionMap],\n // @ts-expect-error TODO v9 doesn't handle renderbuffers well\n depthStencilAttachment: depthBuffer\n });\n }\n\n destroyFBO(collisionGroup: string) {\n const fbo = this.collisionFBOs[collisionGroup];\n // @ts-expect-error\n const attachments = fbo.attachments as Texture[];\n for (const attachment of Object.values(attachments)) {\n attachment.delete();\n }\n fbo.delete();\n delete this.collisionFBOs[collisionGroup];\n }\n}\n"],"file":"collision-filter-effect.js"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { withGLParameters } from '@luma.gl/webgl';
|
|
2
2
|
import { _LayersPass as LayersPass } from '@deck.gl/core';
|
|
3
3
|
export default class CollisionFilterPass extends LayersPass {
|
|
4
4
|
renderCollisionMap(target, options) {
|
|
5
|
-
const gl = this.gl;
|
|
6
5
|
const padding = 1;
|
|
7
|
-
return
|
|
6
|
+
return withGLParameters(this.device, {
|
|
8
7
|
scissorTest: true,
|
|
9
8
|
scissor: [padding, padding, target.width - 2 * padding, target.height - 2 * padding],
|
|
10
9
|
clearColor: [0, 0, 0, 0],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/collision-filter/collision-filter-pass.ts"],"names":["
|
|
1
|
+
{"version":3,"sources":["../../../src/collision-filter/collision-filter-pass.ts"],"names":["withGLParameters","_LayersPass","LayersPass","CollisionFilterPass","renderCollisionMap","target","options","padding","device","scissorTest","scissor","width","height","clearColor","blend","depthTest","depthRange","render","pass","getModuleParameters","drawToCollisionMap","pickingActive","pickingAttribute","lightSources"],"mappings":"AACA,SAAQA,gBAAR,QAA+B,gBAA/B;AACA,SAAQC,WAAW,IAAIC,UAAvB,QAAiE,eAAjE;AAIA,eAAe,MAAMC,mBAAN,SAAkCD,UAAlC,CAA6C;AAC1DE,EAAAA,kBAAkB,CAACC,MAAD,EAAsBC,OAAtB,EAAiE;AACjF,UAAMC,OAAO,GAAG,CAAhB;AAEA,WAAOP,gBAAgB,CACrB,KAAKQ,MADgB,EAErB;AACEC,MAAAA,WAAW,EAAE,IADf;AAEEC,MAAAA,OAAO,EAAE,CAACH,OAAD,EAAUA,OAAV,EAAmBF,MAAM,CAACM,KAAP,GAAe,IAAIJ,OAAtC,EAA+CF,MAAM,CAACO,MAAP,GAAgB,IAAIL,OAAnE,CAFX;AAGEM,MAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,CAHd;AAIEC,MAAAA,KAAK,EAAE,KAJT;AAKEC,MAAAA,SAAS,EAAE,IALb;AAMEC,MAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,CAAJ;AANd,KAFqB,EAUrB,MAAM,KAAKC,MAAL,CAAY,EAAC,GAAGX,OAAJ;AAAaD,MAAAA,MAAb;AAAqBa,MAAAA,IAAI,EAAE;AAA3B,KAAZ,CAVe,CAAvB;AAYD;;AAEDC,EAAAA,mBAAmB,GAAG;AAEpB,WAAO;AACLC,MAAAA,kBAAkB,EAAE,IADf;AAELC,MAAAA,aAAa,EAAE,CAFV;AAGLC,MAAAA,gBAAgB,EAAE,KAHb;AAILC,MAAAA,YAAY,EAAE;AAJT,KAAP;AAMD;;AA1ByD","sourcesContent":["import {Framebuffer} from '@luma.gl/core';\nimport {withGLParameters} from '@luma.gl/webgl';\nimport {_LayersPass as LayersPass, LayersPassRenderOptions} from '@deck.gl/core';\n\ntype CollisionFilterPassRenderOptions = LayersPassRenderOptions & {};\n\nexport default class CollisionFilterPass extends LayersPass {\n renderCollisionMap(target: Framebuffer, options: CollisionFilterPassRenderOptions) {\n const padding = 1;\n\n return withGLParameters(\n this.device,\n {\n scissorTest: true,\n scissor: [padding, padding, target.width - 2 * padding, target.height - 2 * padding],\n clearColor: [0, 0, 0, 0],\n blend: false,\n depthTest: true,\n depthRange: [0, 1]\n },\n () => this.render({...options, target, pass: 'collision'})\n );\n }\n\n getModuleParameters() {\n // Draw picking colors into collision FBO\n return {\n drawToCollisionMap: true,\n pickingActive: 1,\n pickingAttribute: false,\n lightSources: {}\n };\n }\n}\n"],"file":"collision-filter-pass.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/collision-filter/shader-module.ts"],"names":["project","vs","inject","getCollisionUniforms","opts","uniforms","collisionFBO","drawToCollisionMap","dummyCollisionMap","collision_sort","Boolean","collision_texture","name","dependencies","getUniforms"],"mappings":"AACA,SAAQA,OAAR,QAAsB,eAAtB;AAGA,MAAMC,EAAE,GAAI;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAjDA;AAmDA,MAAMC,MAAM,GAAG;AACb,cAAa;AACf;AACA,CAHe;AAIb,kCAAiC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAvBe;AAwBb,4BAA2B;AAC7B;AACA;AA1Be,CAAf;;AAsCA,MAAMC,oBAAoB,GAAG,CAC3BC,IAD2B,EAE3BC,QAF2B,KAGL;AACtB,MAAI,CAACD,IAAD,IAAS,EAAE,uBAAuBA,IAAzB,CAAb,EAA6C;AAC3C,WAAO,EAAP;AACD;;AACD,QAAM;AAACE,IAAAA,YAAD;AAAeC,IAAAA,kBAAf;AAAmCC,IAAAA;AAAnC,MAAwDJ,IAA9D;AACA,SAAO;AACLK,IAAAA,cAAc,EAAEC,OAAO,CAACH,kBAAD,CADlB;AAELI,IAAAA,iBAAiB,EAAE,CAACJ,kBAAD,IAAuBD,YAAvB,GAAsCA,YAAtC,GAAqDE;AAFnE,GAAP;AAID,CAZD;;
|
|
1
|
+
{"version":3,"sources":["../../../src/collision-filter/shader-module.ts"],"names":["project","vs","inject","getCollisionUniforms","opts","uniforms","collisionFBO","drawToCollisionMap","dummyCollisionMap","collision_sort","Boolean","collision_texture","name","dependencies","getUniforms"],"mappings":"AACA,SAAQA,OAAR,QAAsB,eAAtB;AAGA,MAAMC,EAAE,GAAI;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAjDA;AAmDA,MAAMC,MAAM,GAAG;AACb,cAAa;AACf;AACA,CAHe;AAIb,kCAAiC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAvBe;AAwBb,4BAA2B;AAC7B;AACA;AA1Be,CAAf;;AAsCA,MAAMC,oBAAoB,GAAG,CAC3BC,IAD2B,EAE3BC,QAF2B,KAGL;AACtB,MAAI,CAACD,IAAD,IAAS,EAAE,uBAAuBA,IAAzB,CAAb,EAA6C;AAC3C,WAAO,EAAP;AACD;;AACD,QAAM;AAACE,IAAAA,YAAD;AAAeC,IAAAA,kBAAf;AAAmCC,IAAAA;AAAnC,MAAwDJ,IAA9D;AACA,SAAO;AACLK,IAAAA,cAAc,EAAEC,OAAO,CAACH,kBAAD,CADlB;AAELI,IAAAA,iBAAiB,EAAE,CAACJ,kBAAD,IAAuBD,YAAvB,GAAsCA,YAAtC,GAAqDE;AAFnE,GAAP;AAID,CAZD;;AAeA,eAAe;AACbI,EAAAA,IAAI,EAAE,WADO;AAEbC,EAAAA,YAAY,EAAE,CAACb,OAAD,CAFD;AAGbC,EAAAA,EAHa;AAIbC,EAAAA,MAJa;AAKbY,EAAAA,WAAW,EAAEX;AALA,CAAf","sourcesContent":["import {Framebuffer, Texture} from '@luma.gl/core';\nimport {project} from '@deck.gl/core';\nimport type {_ShaderModule as ShaderModule} from '@deck.gl/core';\n\nconst vs = `\n#ifdef NON_INSTANCED_MODEL\nattribute float collisionPriorities;\n#else\nattribute float instanceCollisionPriorities;\n#endif\n\nuniform sampler2D collision_texture;\nuniform bool collision_sort;\nuniform bool collision_enabled;\n\nvec2 collision_getCoords(vec4 position) {\n vec4 collision_clipspace = project_common_position_to_clipspace(position);\n return (1.0 + collision_clipspace.xy / collision_clipspace.w) / 2.0;\n}\n\nfloat collision_match(vec2 tex, vec3 pickingColor) {\n vec4 collision_pickingColor = texture2D(collision_texture, tex);\n float delta = dot(abs(collision_pickingColor.rgb - pickingColor), vec3(1.0));\n float e = 0.001;\n return step(delta, e);\n}\n\nfloat collision_isVisible(vec2 texCoords, vec3 pickingColor) {\n if (!collision_enabled) {\n return 1.0;\n }\n\n // Visibility test, sample area of 5x5 pixels in order to fade in/out.\n // Due to the locality, the lookups will be cached\n // This reduces the flicker present when objects are shown/hidden\n const int N = 2;\n float accumulator = 0.0;\n vec2 step = vec2(1.0 / project_uViewportSize);\n\n const float floatN = float(N);\n vec2 delta = -floatN * step;\n for(int i = -N; i <= N; i++) {\n delta.x = -step.x * floatN;\n for(int j = -N; j <= N; j++) {\n accumulator += collision_match(texCoords + delta, pickingColor);\n delta.x += step.x;\n }\n delta.y += step.y;\n }\n\n float W = 2.0 * floatN + 1.0;\n return pow(accumulator / (W * W), 2.2);\n}\n`;\n\nconst inject = {\n 'vs:#decl': `\n float collision_fade = 1.0;\n`,\n 'vs:DECKGL_FILTER_GL_POSITION': `\n if (collision_sort) {\n #ifdef NON_INSTANCED_MODEL\n float collisionPriority = collisionPriorities;\n #else\n float collisionPriority = instanceCollisionPriorities;\n #endif\n position.z = -0.001 * collisionPriority * position.w; // Support range -1000 -> 1000\n }\n\n if (collision_enabled) {\n vec4 collision_common_position = project_position(vec4(geometry.worldPosition, 1.0));\n vec2 collision_texCoords = collision_getCoords(collision_common_position);\n collision_fade = collision_isVisible(collision_texCoords, geometry.pickingColor / 255.0);\n if (collision_fade < 0.0001) {\n // Position outside clip space bounds to discard\n position = vec4(0.0, 0.0, 2.0, 1.0);\n }\n }\n `,\n 'vs:DECKGL_FILTER_COLOR': `\n color.a *= collision_fade;\n `\n};\n\ntype CollisionModuleSettings = {\n collisionFBO?: Framebuffer;\n drawToCollisionMap?: boolean;\n dummyCollisionMap?: Texture;\n};\n\n/* eslint-disable camelcase */\ntype CollisionUniforms = {collision_sort?: boolean; collision_texture?: Framebuffer | Texture};\n\nconst getCollisionUniforms = (\n opts: CollisionModuleSettings | {},\n uniforms: Record<string, any>\n): CollisionUniforms => {\n if (!opts || !('dummyCollisionMap' in opts)) {\n return {};\n }\n const {collisionFBO, drawToCollisionMap, dummyCollisionMap} = opts;\n return {\n collision_sort: Boolean(drawToCollisionMap),\n collision_texture: !drawToCollisionMap && collisionFBO ? collisionFBO : dummyCollisionMap\n };\n};\n\n// @ts-expect-error\nexport default {\n name: 'collision',\n dependencies: [project],\n vs,\n inject,\n getUniforms: getCollisionUniforms\n} as ShaderModule;\n"],"file":"shader-module.js"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { Model
|
|
1
|
+
import { Model } from '@luma.gl/engine';
|
|
2
|
+
import { GL } from '@luma.gl/constants';
|
|
2
3
|
const AGGREGATE_VS = `\
|
|
3
4
|
#define SHADER_NAME data-filter-vertex-shader
|
|
4
5
|
|
|
@@ -44,38 +45,41 @@ void main() {
|
|
|
44
45
|
gl_FragColor = vColor;
|
|
45
46
|
}
|
|
46
47
|
`;
|
|
47
|
-
export function supportsFloatTarget(
|
|
48
|
+
export function supportsFloatTarget(device) {
|
|
49
|
+
const gl = device.gl;
|
|
48
50
|
return Boolean(gl.getExtension('EXT_float_blend') && (gl.getExtension('EXT_color_buffer_float') || gl.getExtension('WEBGL_color_buffer_float')));
|
|
49
51
|
}
|
|
50
|
-
export function getFramebuffer(
|
|
52
|
+
export function getFramebuffer(device, useFloatTarget) {
|
|
51
53
|
if (useFloatTarget) {
|
|
52
|
-
return
|
|
54
|
+
return device.createFramebuffer({
|
|
53
55
|
width: 1,
|
|
54
56
|
height: 1,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
})
|
|
61
|
-
}
|
|
57
|
+
colorAttachments: [device.createTexture({
|
|
58
|
+
format: device.info.type === 'webgl2' ? 'rgba32float' : 'rgba8unorm',
|
|
59
|
+
type: 5126,
|
|
60
|
+
mipmaps: false
|
|
61
|
+
})]
|
|
62
62
|
});
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
return
|
|
65
|
+
return device.createFramebuffer({
|
|
66
66
|
width: 256,
|
|
67
67
|
height: 64,
|
|
68
|
-
|
|
68
|
+
colorAttachments: [device.createTexture({
|
|
69
|
+
format: 'rgba8unorm',
|
|
70
|
+
type: 5126,
|
|
71
|
+
mipmaps: false
|
|
72
|
+
})]
|
|
69
73
|
});
|
|
70
74
|
}
|
|
71
|
-
export function getModel(
|
|
75
|
+
export function getModel(device, shaderOptions, useFloatTarget) {
|
|
72
76
|
shaderOptions.defines.NON_INSTANCED_MODEL = 1;
|
|
73
77
|
|
|
74
78
|
if (useFloatTarget) {
|
|
75
79
|
shaderOptions.defines.FLOAT_TARGET = 1;
|
|
76
80
|
}
|
|
77
81
|
|
|
78
|
-
return new Model(
|
|
82
|
+
return new Model(device, {
|
|
79
83
|
id: 'data-filter-aggregation-model',
|
|
80
84
|
vertexCount: 1,
|
|
81
85
|
isInstanced: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/data-filter/aggregator.ts"],"names":["Model","
|
|
1
|
+
{"version":3,"sources":["../../../src/data-filter/aggregator.ts"],"names":["Model","GL","AGGREGATE_VS","AGGREGATE_FS","supportsFloatTarget","device","gl","Boolean","getExtension","getFramebuffer","useFloatTarget","createFramebuffer","width","height","colorAttachments","createTexture","format","info","type","mipmaps","getModel","shaderOptions","defines","NON_INSTANCED_MODEL","FLOAT_TARGET","id","vertexCount","isInstanced","drawMode","vs","fs","parameters","blend","blendFunc","blendEquation","depthTest"],"mappings":"AACA,SAAQA,KAAR,QAAoB,iBAApB;AACA,SAAQC,EAAR,QAAiB,oBAAjB;AAEA,MAAMC,YAAY,GAAI;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CA/BA;AAiCA,MAAMC,YAAY,GAAI;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAZA;AAcA,OAAO,SAASC,mBAAT,CAA6BC,MAA7B,EAAsD;AAE3D,QAAMC,EAAE,GAAGD,MAAM,CAACC,EAAlB;AAGA,SAAOC,OAAO,CACZD,EAAE,CAACE,YAAH,CAAgB,iBAAhB,MAEGF,EAAE,CAACE,YAAH,CAAgB,wBAAhB,KAECF,EAAE,CAACE,YAAH,CAAgB,0BAAhB,CAJJ,CADY,CAAd;AAOD;AAGD,OAAO,SAASC,cAAT,CAAwBJ,MAAxB,EAAwCK,cAAxC,EAA8E;AACnF,MAAIA,cAAJ,EAAoB;AAClB,WAAOL,MAAM,CAACM,iBAAP,CAAyB;AAC9BC,MAAAA,KAAK,EAAE,CADuB;AAE9BC,MAAAA,MAAM,EAAE,CAFsB;AAG9BC,MAAAA,gBAAgB,EAAE,CAChBT,MAAM,CAACU,aAAP,CAAqB;AACnBC,QAAAA,MAAM,EAAEX,MAAM,CAACY,IAAP,CAAYC,IAAZ,KAAqB,QAArB,GAAgC,aAAhC,GAAgD,YADrC;AAEnBA,QAAAA,IAAI,MAFe;AAGnBC,QAAAA,OAAO,EAAE;AAHU,OAArB,CADgB;AAHY,KAAzB,CAAP;AAWD;;AACD,SAAOd,MAAM,CAACM,iBAAP,CAAyB;AAC9BC,IAAAA,KAAK,EAAE,GADuB;AAE9BC,IAAAA,MAAM,EAAE,EAFsB;AAG9BC,IAAAA,gBAAgB,EAAE,CAACT,MAAM,CAACU,aAAP,CAAqB;AAACC,MAAAA,MAAM,EAAE,YAAT;AAAuBE,MAAAA,IAAI,MAA3B;AAAuCC,MAAAA,OAAO,EAAE;AAAhD,KAArB,CAAD;AAHY,GAAzB,CAAP;AAKD;AAGD,OAAO,SAASC,QAAT,CAAkBf,MAAlB,EAAkCgB,aAAlC,EAAsDX,cAAtD,EAAsF;AAC3FW,EAAAA,aAAa,CAACC,OAAd,CAAsBC,mBAAtB,GAA4C,CAA5C;;AACA,MAAIb,cAAJ,EAAoB;AAClBW,IAAAA,aAAa,CAACC,OAAd,CAAsBE,YAAtB,GAAqC,CAArC;AACD;;AAED,SAAO,IAAIxB,KAAJ,CAAUK,MAAV,EAAkB;AACvBoB,IAAAA,EAAE,EAAE,+BADmB;AAEvBC,IAAAA,WAAW,EAAE,CAFU;AAGvBC,IAAAA,WAAW,EAAE,KAHU;AAIvBC,IAAAA,QAAQ,GAJe;AAKvBC,IAAAA,EAAE,EAAE3B,YALmB;AAMvB4B,IAAAA,EAAE,EAAE3B,YANmB;AAOvB,OAAGkB;AAPoB,GAAlB,CAAP;AASD;AAED,OAAO,MAAMU,UAAU,GAAG;AACxBC,EAAAA,KAAK,EAAE,IADiB;AAExBC,EAAAA,SAAS,EAAE,YAFa;AAGxBC,EAAAA,aAAa,EAAE,cAHS;AAIxBC,EAAAA,SAAS,EAAE;AAJa,CAAnB","sourcesContent":["import {Device, Framebuffer} from '@luma.gl/core';\nimport {Model} from '@luma.gl/engine';\nimport {GL} from '@luma.gl/constants';\n\nconst AGGREGATE_VS = `\\\n#define SHADER_NAME data-filter-vertex-shader\n\n#ifdef FLOAT_TARGET\n attribute float filterIndices;\n attribute float filterPrevIndices;\n#else\n attribute vec2 filterIndices;\n attribute vec2 filterPrevIndices;\n#endif\n\nvarying vec4 vColor;\nconst float component = 1.0 / 255.0;\n\nvoid main() {\n #ifdef FLOAT_TARGET\n dataFilter_value *= float(filterIndices != filterPrevIndices);\n gl_Position = vec4(0.0, 0.0, 0.0, 1.0);\n vColor = vec4(0.0, 0.0, 0.0, 1.0);\n #else\n // Float texture is not supported: pack result into 4 channels x 256 px x 64px\n dataFilter_value *= float(filterIndices.x != filterPrevIndices.x);\n float col = filterIndices.x;\n float row = filterIndices.y * 4.0;\n float channel = floor(row);\n row = fract(row);\n vColor = component * vec4(bvec4(channel == 0.0, channel == 1.0, channel == 2.0, channel == 3.0));\n gl_Position = vec4(col * 2.0 - 1.0, row * 2.0 - 1.0, 0.0, 1.0);\n #endif\n gl_PointSize = 1.0;\n}\n`;\n\nconst AGGREGATE_FS = `\\\n#define SHADER_NAME data-filter-fragment-shader\nprecision highp float;\n\nvarying vec4 vColor;\n\nvoid main() {\n if (dataFilter_value < 0.5) {\n discard;\n }\n gl_FragColor = vColor;\n}\n`;\n\nexport function supportsFloatTarget(device: Device): boolean {\n // @ts-expect-error\n const gl = device.gl;\n\n // https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/WebGL_best_practices#Support_for_float_textures_doesnt_mean_you_can_render_into_them!\n return Boolean(\n gl.getExtension('EXT_float_blend') &&\n // WebGL 2\n (gl.getExtension('EXT_color_buffer_float') ||\n // WebGL 1\n gl.getExtension('WEBGL_color_buffer_float'))\n );\n}\n\n// A 1x1 framebuffer object that encodes the total count of filtered items\nexport function getFramebuffer(device: Device, useFloatTarget: boolean): Framebuffer {\n if (useFloatTarget) {\n return device.createFramebuffer({\n width: 1,\n height: 1,\n colorAttachments: [\n device.createTexture({\n format: device.info.type === 'webgl2' ? 'rgba32float' : 'rgba8unorm',\n type: GL.FLOAT,\n mipmaps: false\n })\n ]\n });\n }\n return device.createFramebuffer({\n width: 256,\n height: 64,\n colorAttachments: [device.createTexture({format: 'rgba8unorm', type: GL.FLOAT, mipmaps: false})]\n });\n}\n\n// Increments the counter based on dataFilter_value\nexport function getModel(device: Device, shaderOptions: any, useFloatTarget: boolean): Model {\n shaderOptions.defines.NON_INSTANCED_MODEL = 1;\n if (useFloatTarget) {\n shaderOptions.defines.FLOAT_TARGET = 1;\n }\n\n return new Model(device, {\n id: 'data-filter-aggregation-model',\n vertexCount: 1,\n isInstanced: false,\n drawMode: GL.POINTS,\n vs: AGGREGATE_VS,\n fs: AGGREGATE_FS,\n ...shaderOptions\n });\n}\n\nexport const parameters = {\n blend: true,\n blendFunc: [GL.ONE, GL.ONE, GL.ONE, GL.ONE],\n blendEquation: [GL.FUNC_ADD, GL.FUNC_ADD],\n depthTest: false\n} as const;\n"],"file":"aggregator.js"}
|