@luma.gl/engine 9.1.0-alpha.2 → 9.1.0-beta.1

package/dist/modules/picking/index-picking.js

@@ -0,0 +1,148 @@
+// luma.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { pickingUniforms, GLSL_UNIFORMS, WGSL_UNIFORMS, INVALID_INDEX } from "./picking-uniforms.js";
+// SHADERS
+const source = /* wgsl */ `\
+${WGSL_UNIFORMS}
+
+const INDEX_PICKING_MODE_INSTANCE = 0;
+const INDEX_PICKING_MODE_CUSTOM = 1;
+const INDEX_PICKING_INVALID_INDEX = ${INVALID_INDEX}; // 2^32 - 1
+
+struct indexPickingFragmentInputs = {
+  objectIndex: int32;
+};
+
+let indexPickingFragmentInputs: indexPickingFragmentInputs;
+
+/**
+ * Vertex shaders should call this function to set the object index.
+ * If using instance or vertex mode, argument will be ignored, 0 can be supplied.
+ */
+fn picking_setObjectIndex(objectIndex: int32) {
+  switch (picking.indexMode) {
+    case INDEX_PICKING_MODE_INSTANCE, default: {
+      picking_objectIndex = instance_index;
+    };
+    case INDEX_PICKING_MODE_CUSTOM: {
+      picking_objectIndex = objectIndex;
+    };
+  }
+}
+
+`;
+const vs = /* glsl */ `\
+${GLSL_UNIFORMS}
+
+const int INDEX_PICKING_MODE_INSTANCE = 0;
+const int INDEX_PICKING_MODE_CUSTOM = 1;
+
+const int INDEX_PICKING_INVALID_INDEX = ${INVALID_INDEX}; // 2^32 - 1
+
+flat out int picking_objectIndex;
+
+/**
+ * Vertex shaders should call this function to set the object index.
+ * If using instance or vertex mode, argument will be ignored, 0 can be supplied.
+ */
+void picking_setObjectIndex(int objectIndex) {
+  switch (picking.indexMode) {
+    case INDEX_PICKING_MODE_INSTANCE:
+      picking_objectIndex = gl_InstanceID;
+      break;
+    case INDEX_PICKING_MODE_CUSTOM:
+      picking_objectIndex = objectIndex;
+      break;
+  }
+}
+`;
+const fs = /* glsl */ `\
+${GLSL_UNIFORMS}
+
+const int INDEX_PICKING_INVALID_INDEX = ${INVALID_INDEX}; // 2^32 - 1
+
+flat in int picking_objectIndex;
+
+/**
+ * Check if this vertex is highlighted (part of the selected batch and object)
+ */ 
+bool picking_isFragmentHighlighted() {
+  return 
+    bool(picking.isHighlightActive) &&
+    picking.highlightedBatchIndex == picking.batchIndex &&
+    picking.highlightedObjectIndex == picking_objectIndex
+    ;
+}
+
+/**
+ * Returns highlight color if this item is selected.
+ */
+vec4 picking_filterHighlightColor(vec4 color) {
+  // If we are still picking, we don't highlight
+  if (bool(picking.isActive)) {
+    return color;
+  }
+
+  // If we are not highlighted, return color as is
+  if (!picking_isFragmentHighlighted()) {
+    return color;
+  }
+   
+  // Blend in highlight color based on its alpha value
+  float highLightAlpha = picking.highlightColor.a;
+  float blendedAlpha = highLightAlpha + color.a * (1.0 - highLightAlpha);
+  float highLightRatio = highLightAlpha / blendedAlpha;
+
+  vec3 blendedRGB = mix(color.rgb, picking.highlightColor.rgb, highLightRatio);
+  return vec4(blendedRGB, blendedAlpha);
+}
+
+/*
+ * Returns picking color if picking enabled else unmodified argument.
+ */
+ivec4 picking_getPickingColor() {
+  // Assumes that colorAttachment0 is rg32int
+  // TODO? - we could render indices into a second color attachment and not mess with fragColor
+  return ivec4(picking_objectIndex, picking.batchIndex, 0u, 0u);  
+}
+
+vec4 picking_filterPickingColor(vec4 color) {
+  if (bool(picking.isActive)) {
+    if (picking_objectIndex == INDEX_PICKING_INVALID_INDEX) {
+      discard;
+    }
+  }
+  return color;
+}
+
+/*
+ * Returns picking color if picking is enabled if not
+ * highlight color if this item is selected, otherwise unmodified argument.
+ */
+vec4 picking_filterColor(vec4 color) {
+  vec4 outColor = color;
+  outColor = picking_filterHighlightColor(outColor);
+  outColor = picking_filterPickingColor(outColor);
+  return outColor;
+}
+`;
+/**
+ * Provides support for color-based picking and highlighting.
+ *
+ * In particular, supports picking a specific instance in an instanced
+ * draw call and highlighting an instance based on its picking color,
+ * and correspondingly, supports picking and highlighting groups of
+ * primitives with the same picking color in non-instanced draw-calls
+ *
+ * @note Color based picking has the significant advantage in that it can be added to any
+ * existing shader without requiring any additional picking logic.
+ */
+export const picking = {
+    ...pickingUniforms,
+    name: 'picking',
+    source,
+    vs,
+    fs
+};
+//# sourceMappingURL=index-picking.js.map

package/dist/modules/picking/index-picking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-picking.js","sourceRoot":"","sources":["../../../src/modules/picking/index-picking.ts"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAKpC,OAAO,EAAC,eAAe,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAC,8BAA2B;AAEhG,UAAU;AAEV,MAAM,MAAM,GAAG,UAAU,CAAC;EACxB,aAAa;;;;sCAIuB,aAAa;;;;;;;;;;;;;;;;;;;;;;;CAuBlD,CAAC;AAEF,MAAM,EAAE,GAAG,UAAU,CAAC;EACpB,aAAa;;;;;0CAK2B,aAAa;;;;;;;;;;;;;;;;;;CAkBtD,CAAC;AAEF,MAAM,EAAE,GAAG,UAAU,CAAC;EACpB,aAAa;;0CAE2B,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEtD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,GAAG,eAAe;IAClB,IAAI,EAAE,SAAS;IACf,MAAM;IACN,EAAE;IACF,EAAE;CAC6E,CAAC"}

package/dist/modules/picking/legacy-picking-manager.d.ts

@@ -0,0 +1,27 @@
+import { Device, Framebuffer } from '@luma.gl/core';
+import { picking } from '@luma.gl/shadertools';
+import { ShaderInputs } from "../../shader-inputs.js";
+/**
+ * Helper class for using the legacy picking module
+ */
+export declare class LegacyPickingManager {
+    device: Device;
+    framebuffer: Framebuffer | null;
+    shaderInputs: ShaderInputs<{
+        picking: typeof picking.props;
+    }>;
+    constructor(device: Device, shaderInputs: ShaderInputs);
+    destroy(): void;
+    getFramebuffer(): Framebuffer;
+    /** Clear highlighted / picked object */
+    clearPickState(): void;
+    /** Prepare for rendering picking colors */
+    beginRenderPass(): import("@luma.gl/core").RenderPass;
+    updatePickState(mousePosition: [number, number]): void;
+    /**
+     * Get pick position in device pixel range
+     * use the center pixel location in device pixel range
+     */
+    getPickPosition(mousePosition: number[]): [number, number];
+}
+//# sourceMappingURL=legacy-picking-manager.d.ts.map

package/dist/modules/picking/legacy-picking-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy-picking-manager.d.ts","sourceRoot":"","sources":["../../../src/modules/picking/legacy-picking-manager.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAC,YAAY,EAAC,+BAA4B;AAGjD;;GAEG;AACH,qBAAa,oBAAoB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,GAAG,IAAI,CAAQ;IACvC,YAAY,EAAE,YAAY,CAAC;QAAC,OAAO,EAAE,OAAO,OAAO,CAAC,KAAK,CAAA;KAAC,CAAC,CAAC;gBAEhD,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY;IAKtD,OAAO;IAIP,cAAc;IAUd,wCAAwC;IACxC,cAAc;IAId,2CAA2C;IAC3C,eAAe;IAef,eAAe,CAAC,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IA+B/C;;;OAGG;IACH,eAAe,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;CAM3D"}

package/dist/modules/picking/legacy-picking-manager.js

@@ -0,0 +1,76 @@
+// luma.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+/**
+ * Helper class for using the legacy picking module
+ */
+export class LegacyPickingManager {
+    device;
+    framebuffer = null;
+    shaderInputs;
+    constructor(device, shaderInputs) {
+        this.device = device;
+        this.shaderInputs = shaderInputs;
+    }
+    destroy() {
+        this.framebuffer?.destroy();
+    }
+    getFramebuffer() {
+        if (!this.framebuffer) {
+            this.framebuffer = this.device.createFramebuffer({
+                colorAttachments: ['rgba8unorm'],
+                depthStencilAttachment: 'depth24plus'
+            });
+        }
+        return this.framebuffer;
+    }
+    /** Clear highlighted / picked object */
+    clearPickState() {
+        this.shaderInputs.setProps({ picking: { highlightedObjectColor: null } });
+    }
+    /** Prepare for rendering picking colors */
+    beginRenderPass() {
+        const framebuffer = this.getFramebuffer();
+        framebuffer.resize(this.device.getCanvasContext().getPixelSize());
+        this.shaderInputs.setProps({ picking: { isActive: true } });
+        const pickingPass = this.device.beginRenderPass({
+            framebuffer,
+            clearColor: [0, 0, 0, 0],
+            clearDepth: 1
+        });
+        return pickingPass;
+    }
+    updatePickState(mousePosition) {
+        const framebuffer = this.getFramebuffer();
+        // use the center pixel location in device pixel range
+        const [pickX, pickY] = this.getPickPosition(mousePosition);
+        // Read back
+        const color255 = this.device.readPixelsToArrayWebGL(framebuffer, {
+            sourceX: pickX,
+            sourceY: pickY,
+            sourceWidth: 1,
+            sourceHeight: 1
+        });
+        // console.log(color255);
+        // Check if we have
+        let highlightedObjectColor = [...color255].map(x => x / 255);
+        const isHighlightActive = highlightedObjectColor[0] + highlightedObjectColor[1] + highlightedObjectColor[2] > 0;
+        if (!isHighlightActive) {
+            highlightedObjectColor = null;
+        }
+        this.shaderInputs.setProps({
+            picking: { isActive: false, highlightedObjectColor }
+        });
+    }
+    /**
+     * Get pick position in device pixel range
+     * use the center pixel location in device pixel range
+     */
+    getPickPosition(mousePosition) {
+        const devicePixels = this.device.getCanvasContext().cssToDevicePixels(mousePosition);
+        const pickX = devicePixels.x + Math.floor(devicePixels.width / 2);
+        const pickY = devicePixels.y + Math.floor(devicePixels.height / 2);
+        return [pickX, pickY];
+    }
+}
+//# sourceMappingURL=legacy-picking-manager.js.map

package/dist/modules/picking/legacy-picking-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy-picking-manager.js","sourceRoot":"","sources":["../../../src/modules/picking/legacy-picking-manager.ts"],"names":[],"mappings":"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"}

package/dist/modules/picking/picking-manager.d.ts

@@ -0,0 +1,45 @@
+import { Device, Framebuffer } from '@luma.gl/core';
+import { ShaderInputs } from "../../shader-inputs.js";
+import { pickingUniforms } from "./picking-uniforms.js";
+/** Information about picked object */
+export type PickInfo = {
+    batchIndex: number | null;
+    objectIndex: number | null;
+};
+export type PickingManagerProps = {
+    /** Shader Inputs from models to pick */
+    shaderInputs?: ShaderInputs<{
+        picking: typeof pickingUniforms.props;
+    }>;
+    /** Callback */
+    onObjectPicked?: (info: PickInfo) => void;
+};
+/**
+ * Helper class for using the new picking module
+ * @todo Port to WebGPU
+ * @todo Support multiple models
+ * @todo Switching picking module
+ */
+export declare class PickingManager {
+    device: Device;
+    props: Required<PickingManagerProps>;
+    /** Info from latest pick operation */
+    pickInfo: PickInfo;
+    /** Framebuffer used for picking */
+    framebuffer: Framebuffer | null;
+    static defaultProps: Required<PickingManagerProps>;
+    constructor(device: Device, props: PickingManagerProps);
+    destroy(): void;
+    getFramebuffer(): Framebuffer;
+    /** Clear highlighted / picked object */
+    clearPickState(): void;
+    /** Prepare for rendering picking colors */
+    beginRenderPass(): import("@luma.gl/core").RenderPass;
+    getPickInfo(mousePosition: [number, number]): PickInfo | null;
+    /**
+     * Get pick position in device pixel range
+     * use the center pixel location in device pixel range
+     */
+    getPickPosition(mousePosition: number[]): [number, number];
+}
+//# sourceMappingURL=picking-manager.d.ts.map

package/dist/modules/picking/picking-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picking-manager.d.ts","sourceRoot":"","sources":["../../../src/modules/picking/picking-manager.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAClD,OAAO,EAAC,YAAY,EAAC,+BAA4B;AACjD,OAAO,EAAC,eAAe,EAAgB,8BAA2B;AAGlE,sCAAsC;AACtC,MAAM,MAAM,QAAQ,GAAG;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,wCAAwC;IACxC,YAAY,CAAC,EAAE,YAAY,CAAC;QAAC,OAAO,EAAE,OAAO,eAAe,CAAC,KAAK,CAAA;KAAC,CAAC,CAAC;IACrE,eAAe;IACf,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF;;;;;GAKG;AACH,qBAAa,cAAc;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IACrC,sCAAsC;IACtC,QAAQ,EAAE,QAAQ,CAAyC;IAC3D,mCAAmC;IACnC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEvC,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAGhD;gBAEU,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,mBAAmB;IAKtD,OAAO;IAKP,cAAc;IAUd,wCAAwC;IACxC,cAAc;IAId,2CAA2C;IAC3C,eAAe;IAef,WAAW,CAAC,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,QAAQ,GAAG,IAAI;IA4C7D;;;OAGG;IACH,eAAe,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;CAM3D"}

package/dist/modules/picking/picking-manager.js

@@ -0,0 +1,101 @@
+// luma.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+import { INVALID_INDEX } from "./picking-uniforms.js";
+/**
+ * Helper class for using the new picking module
+ * @todo Port to WebGPU
+ * @todo Support multiple models
+ * @todo Switching picking module
+ */
+export class PickingManager {
+    device;
+    props;
+    /** Info from latest pick operation */
+    pickInfo = { batchIndex: null, objectIndex: null };
+    /** Framebuffer used for picking */
+    framebuffer = null;
+    static defaultProps = {
+        shaderInputs: undefined,
+        onObjectPicked: () => { }
+    };
+    constructor(device, props) {
+        this.device = device;
+        this.props = { ...PickingManager.defaultProps, ...props };
+    }
+    destroy() {
+        this.framebuffer?.destroy();
+    }
+    // TODO - Ask for a cached framebuffer? a Framebuffer factory?
+    getFramebuffer() {
+        if (!this.framebuffer) {
+            this.framebuffer = this.device.createFramebuffer({
+                colorAttachments: ['rgba8unorm', 'rg32sint'],
+                depthStencilAttachment: 'depth24plus'
+            });
+        }
+        return this.framebuffer;
+    }
+    /** Clear highlighted / picked object */
+    clearPickState() {
+        this.props.shaderInputs.setProps({ picking: { highlightedObjectIndex: null } });
+    }
+    /** Prepare for rendering picking colors */
+    beginRenderPass() {
+        const framebuffer = this.getFramebuffer();
+        framebuffer.resize(this.device.getDefaultCanvasContext().getPixelSize());
+        this.props.shaderInputs?.setProps({ picking: { isActive: true } });
+        const pickingPass = this.device.beginRenderPass({
+            framebuffer,
+            clearColors: [new Float32Array([0, 0, 0, 0]), new Int32Array([-1, -1, 0, 0])],
+            clearDepth: 1
+        });
+        return pickingPass;
+    }
+    getPickInfo(mousePosition) {
+        const framebuffer = this.getFramebuffer();
+        // use the center pixel location in device pixel range
+        const [pickX, pickY] = this.getPickPosition(mousePosition);
+        // Read back
+        const pixelData = this.device.readPixelsToArrayWebGL(framebuffer, {
+            sourceX: pickX,
+            sourceY: pickY,
+            sourceWidth: 1,
+            sourceHeight: 1,
+            sourceAttachment: 1
+        });
+        if (!pixelData) {
+            return null;
+        }
+        const pickInfo = {
+            objectIndex: pixelData[0] === INVALID_INDEX ? null : pixelData[0],
+            batchIndex: pixelData[1] === INVALID_INDEX ? null : pixelData[1]
+        };
+        // Call callback if picked object has changed
+        if (pickInfo.objectIndex !== this.pickInfo.objectIndex ||
+            pickInfo.batchIndex !== this.pickInfo.batchIndex) {
+            this.pickInfo = pickInfo;
+            this.props.onObjectPicked(pickInfo);
+            // console.log(`Object ${pickInfo.objectIndex} in batch ${pickInfo.batchIndex} was picked`)
+        }
+        this.props.shaderInputs?.setProps({
+            picking: {
+                isActive: false,
+                highlightedBatchIndex: pickInfo.batchIndex,
+                highlightedObjectIndex: pickInfo.objectIndex
+            }
+        });
+        return this.pickInfo;
+    }
+    /**
+     * Get pick position in device pixel range
+     * use the center pixel location in device pixel range
+     */
+    getPickPosition(mousePosition) {
+        const devicePixels = this.device.getDefaultCanvasContext().cssToDevicePixels(mousePosition);
+        const pickX = devicePixels.x + Math.floor(devicePixels.width / 2);
+        const pickY = devicePixels.y + Math.floor(devicePixels.height / 2);
+        return [pickX, pickY];
+    }
+}
+//# sourceMappingURL=picking-manager.js.map

package/dist/modules/picking/picking-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picking-manager.js","sourceRoot":"","sources":["../../../src/modules/picking/picking-manager.ts"],"names":[],"mappings":"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"}

package/dist/modules/picking/picking-uniforms.d.ts

@@ -0,0 +1,79 @@
+import type { NumberArray4 } from '@math.gl/types';
+export declare const INVALID_INDEX = -1;
+/**
+ * Props for the picking module, which depending on mode renders picking colors or highlighted item.
+ * When active, renders picking colors, assumed to be rendered to off-screen "picking" buffer.
+ * When inactive, renders normal colors, with the exception of selected object which is rendered with highlight
+ * can distinguish between 2^32 different objects in each of 2^32 different batches.
+ */
+export type PickingProps = {
+    /** Are we picking? I.e. rendering picking colors? */
+    isActive?: boolean;
+    /** Whether to use instance_index (built-in) or a custom application supplied index (usually from an attribute) */
+    indexMode?: 'instance' | 'custom';
+    /** Batch index (used when rendering multiple models to identify which model was picked), defaults to 0 */
+    batchIndex?: number;
+    /** Index of the highlighted batch, defaults to 0 */
+    highlightedBatchIndex?: number | null;
+    /** Set an index to highlight that item, or `null` to explicitly clear **/
+    highlightedObjectIndex?: number | null;
+    /** Color of visual highlight of "selected" item () */
+    highlightColor?: NumberArray4;
+};
+/**
+ * Uniforms for the picking module, which renders picking colors and highlighted item.
+ * When active, renders picking colors, assumed to be rendered to off-screen "picking" buffer.
+ * When inactive, renders normal colors, with the exception of selected object which is rendered with highlight
+ */
+export type PickingUniforms = {
+    /**
+     * When true, renders picking colors. Set when rendering to off-screen "picking" buffer.
+     * When false, renders normal colors, with the exception of selected object which is rendered with highlight
+     */
+    isActive: boolean;
+    /** Set to true when picking an attribute value instead of object index */
+    indexMode: 0 | 1;
+    /** Index of batch currently being rendered */
+    batchIndex: number;
+    /** Do we have a highlighted item? */
+    isHighlightActive: boolean;
+    /** Color of visual highlight of "selected" item. Note: RGBA components must in the range 0-1 */
+    highlightColor: NumberArray4;
+    /** Indicates which batch to visually highlight an item in (defaults to 0) */
+    highlightedBatchIndex: number;
+    /** Indicates which index in the batch to highlight an item in */
+    highlightedObjectIndex: number;
+};
+export type PickingBindings = {};
+export declare const GLSL_UNIFORMS = "precision highp float;\nprecision highp int;\n\nuniform pickingUniforms {\n  int isActive;\n  int indexMode;\n  int batchIndex;\n\n  int isHighlightActive;\n  int highlightedBatchIndex;\n  int highlightedObjectIndex;\n  vec4 highlightColor;\n} picking;\n";
+export declare const WGSL_UNIFORMS = "struct pickingUniforms {\n  isActive: int32;\n  indexMode: int32;\n  batchIndex: int32;\n\n  isHighlightActive: int32;\n  highlightedBatchIndex: int32;\n  highlightedObjectIndex: int32;\n  highlightColor: vec4<f32>;\n} picking;\n";
+declare function getUniforms(props?: PickingProps, prevUniforms?: PickingUniforms): PickingUniforms;
+/**
+ * Provides support for color-based picking and highlighting.
+ *
+ * In particular, supports picking a specific instance in an instanced
+ * draw call and highlighting an instance based on its picking color,
+ * and correspondingly, supports picking and highlighting groups of
+ * primitives with the same picking color in non-instanced draw-calls
+ *
+ * @note Color based picking has the significant advantage in that it can be added to any
+ * existing shader without requiring any additional picking logic.
+ */
+export declare const pickingUniforms: {
+    readonly props: PickingProps;
+    readonly uniforms: PickingUniforms;
+    readonly name: "picking";
+    readonly uniformTypes: Required<import("modules/shadertools/dist/lib/utils/uniform-types").UniformTypes<PickingUniforms>>;
+    readonly defaultUniforms: {
+        readonly isActive: false;
+        readonly indexMode: 0;
+        readonly batchIndex: 0;
+        readonly isHighlightActive: true;
+        readonly highlightedBatchIndex: -1;
+        readonly highlightedObjectIndex: -1;
+        readonly highlightColor: NumberArray4;
+    };
+    readonly getUniforms: typeof getUniforms;
+};
+export {};
+//# sourceMappingURL=picking-uniforms.d.ts.map

package/dist/modules/picking/picking-uniforms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picking-uniforms.d.ts","sourceRoot":"","sources":["../../../src/modules/picking/picking-uniforms.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAMjD,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kHAAkH;IAClH,SAAS,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAClC,0GAA0G;IAC1G,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,sDAAsD;IACtD,cAAc,CAAC,EAAE,YAAY,CAAC;CAC/B,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,8CAA8C;IAC9C,UAAU,EAAE,MAAM,CAAC;IAEnB,qCAAqC;IACrC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gGAAgG;IAChG,cAAc,EAAE,YAAY,CAAC;IAC7B,6EAA6E;IAC7E,qBAAqB,EAAE,MAAM,CAAC;IAC9B,iEAAiE;IACjE,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,EAAE,CAAC;AAejC,eAAO,MAAM,aAAa,mQAczB,CAAC;AAEF,eAAO,MAAM,aAAa,0OAWzB,CAAC;AAEF,iBAAS,WAAW,CAAC,KAAK,GAAE,YAAiB,EAAE,YAAY,CAAC,EAAE,eAAe,GAAG,eAAe,CA2C9F;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe;oBACb,YAAY;uBACT,eAAe;;;;;;;;;;;;;CAgBgD,CAAC"}

package/dist/modules/picking/picking-uniforms.js

@@ -0,0 +1,109 @@
+// luma.gl
+// SPDX-License-Identifier: MIT
+// Copyright (c) vis.gl contributors
+/** Default color for auto highlight, a cyan color */
+const DEFAULT_HIGHLIGHT_COLOR = [0, 1, 1, 1];
+export const INVALID_INDEX = -1;
+// GLSL_UNIFORMS
+const uniformTypes = {
+    isActive: 'i32',
+    indexMode: 'i32',
+    batchIndex: 'i32',
+    isHighlightActive: 'i32',
+    highlightedBatchIndex: 'i32',
+    highlightedObjectIndex: 'i32',
+    highlightColor: 'vec4<f32>'
+};
+export const GLSL_UNIFORMS = /* glsl */ `\
+precision highp float;
+precision highp int;
+
+uniform pickingUniforms {
+  int isActive;
+  int indexMode;
+  int batchIndex;
+
+  int isHighlightActive;
+  int highlightedBatchIndex;
+  int highlightedObjectIndex;
+  vec4 highlightColor;
+} picking;
+`;
+export const WGSL_UNIFORMS = /* wgsl */ `\
+struct pickingUniforms {
+  isActive: int32;
+  indexMode: int32;
+  batchIndex: int32;
+
+  isHighlightActive: int32;
+  highlightedBatchIndex: int32;
+  highlightedObjectIndex: int32;
+  highlightColor: vec4<f32>;
+} picking;
+`;
+function getUniforms(props = {}, prevUniforms) {
+    const uniforms = { ...prevUniforms };
+    // picking
+    if (props.isActive !== undefined) {
+        uniforms.isActive = Boolean(props.isActive);
+    }
+    switch (props.indexMode) {
+        case 'instance':
+            uniforms.indexMode = 0;
+            break;
+        case 'custom':
+            uniforms.indexMode = 1;
+            break;
+        case undefined:
+            // no change
+            break;
+    }
+    switch (props.highlightedObjectIndex) {
+        case undefined:
+            // Unless highlightedObjectColor explicitly null or set, do not update state
+            break;
+        case null:
+            // Clear highlight
+            uniforms.isHighlightActive = false;
+            uniforms.highlightedObjectIndex = INVALID_INDEX;
+            break;
+        default:
+            uniforms.isHighlightActive = true;
+            uniforms.highlightedObjectIndex = props.highlightedObjectIndex;
+    }
+    if (typeof props.highlightedBatchIndex === 'number') {
+        uniforms.highlightedBatchIndex = props.highlightedBatchIndex;
+    }
+    if (props.highlightColor) {
+        uniforms.highlightColor = props.highlightColor;
+    }
+    return uniforms;
+}
+/**
+ * Provides support for color-based picking and highlighting.
+ *
+ * In particular, supports picking a specific instance in an instanced
+ * draw call and highlighting an instance based on its picking color,
+ * and correspondingly, supports picking and highlighting groups of
+ * primitives with the same picking color in non-instanced draw-calls
+ *
+ * @note Color based picking has the significant advantage in that it can be added to any
+ * existing shader without requiring any additional picking logic.
+ */
+export const pickingUniforms = {
+    props: {},
+    uniforms: {},
+    name: 'picking',
+    uniformTypes,
+    defaultUniforms: {
+        isActive: false,
+        indexMode: 0,
+        batchIndex: 0,
+        isHighlightActive: true,
+        highlightedBatchIndex: INVALID_INDEX,
+        highlightedObjectIndex: INVALID_INDEX,
+        highlightColor: DEFAULT_HIGHLIGHT_COLOR
+    },
+    getUniforms
+};
+//# sourceMappingURL=picking-uniforms.js.map

package/dist/modules/picking/picking-uniforms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picking-uniforms.js","sourceRoot":"","sources":["../../../src/modules/picking/picking-uniforms.ts"],"names":[],"mappings":"AAAA,UAAU;AACV,+BAA+B;AAC/B,oCAAoC;AAKpC,qDAAqD;AACrD,MAAM,uBAAuB,GAAiB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC,CAAC;AAoDhC,gBAAgB;AAEhB,MAAM,YAAY,GAA0E;IAC1F,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,KAAK;IAEjB,iBAAiB,EAAE,KAAK;IACxB,qBAAqB,EAAE,KAAK;IAC5B,sBAAsB,EAAE,KAAK;IAC7B,cAAc,EAAE,WAAW;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC;;;;;;;;;;;;;;CAcvC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAAC;;;;;;;;;;;CAWvC,CAAC;AAEF,SAAS,WAAW,CAAC,QAAsB,EAAE,EAAE,YAA8B;IAC3E,MAAM,QAAQ,GAAG,EAAC,GAAG,YAAY,EAAoB,CAAC;IAEtD,UAAU;IACV,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;QACjC,QAAQ,CAAC,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC;IAED,QAAQ,KAAK,CAAC,SAAS,EAAE,CAAC;QACxB,KAAK,UAAU;YACb,QAAQ,CAAC,SAAS,GAAG,CAAC,CAAC;YACvB,MAAM;QACR,KAAK,QAAQ;YACX,QAAQ,CAAC,SAAS,GAAG,CAAC,CAAC;YACvB,MAAM;QACR,KAAK,SAAS;YACZ,YAAY;YACZ,MAAM;IACV,CAAC;IAED,QAAQ,KAAK,CAAC,sBAAsB,EAAE,CAAC;QACrC,KAAK,SAAS;YACZ,4EAA4E;YAC5E,MAAM;QACR,KAAK,IAAI;YACP,kBAAkB;YAClB,QAAQ,CAAC,iBAAiB,GAAG,KAAK,CAAC;YACnC,QAAQ,CAAC,sBAAsB,GAAG,aAAa,CAAC;YAChD,MAAM;QACR;YACE,QAAQ,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAClC,QAAQ,CAAC,sBAAsB,GAAG,KAAK,CAAC,sBAAsB,CAAC;IACnE,CAAC;IAED,IAAI,OAAO,KAAK,CAAC,qBAAqB,KAAK,QAAQ,EAAE,CAAC;QACpD,QAAQ,CAAC,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC;IAC/D,CAAC;IAED,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,QAAQ,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IACjD,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE,EAAkB;IACzB,QAAQ,EAAE,EAAqB;IAE/B,IAAI,EAAE,SAAS;IAEf,YAAY;IACZ,eAAe,EAAE;QACf,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,iBAAiB,EAAE,IAAI;QACvB,qBAAqB,EAAE,aAAa;QACpC,sBAAsB,EAAE,aAAa;QACrC,cAAc,EAAE,uBAAuB;KACxC;IAED,WAAW;CACoE,CAAC"}

package/dist/passes/get-fragment-shader.d.ts

@@ -0,0 +1,12 @@
+import { ShaderPass } from '@luma.gl/shadertools';
+/**
+ * Gets fragment shader source for a shader pass sub pass
+ * @param options
+ * @returns
+ */
+export declare function getFragmentShaderForRenderPass(options: {
+    shaderPass: ShaderPass;
+    action: 'filter' | 'sample';
+    shadingLanguage: 'wgsl' | 'glsl';
+}): string;
+//# sourceMappingURL=get-fragment-shader.d.ts.map

package/dist/passes/get-fragment-shader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-fragment-shader.d.ts","sourceRoot":"","sources":["../../src/passes/get-fragment-shader.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAEhD;;;;GAIG;AACH,wBAAgB,8BAA8B,CAAC,OAAO,EAAE;IACtD,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,GAAG,MAAM,CAkBT"}