WasmGPU.createAnnotation.toolkit().pickAtAndCommit¶
Summary¶
WasmGPU.createAnnotation.toolkit().pickAtAndCommit runs a pick query and immediately feeds the result into selection/annotation commit logic.
Behavior depends on current mode (marker, distance, angle, idle) and staging state.
Syntax¶
WasmGPU.createAnnotation.toolkit().pickAtAndCommit(x: number, y: number): Promise<AnnotationRecord | null>
const record = await toolkit.pickAtAndCommit(x, y);
Parameters¶
| Name | Type | Required | Description |
|---|---|---|---|
x |
number |
Yes | Canvas-space X coordinate in CSS pixels. |
y |
number |
Yes | Canvas-space Y coordinate in CSS pixels. |
Returns¶
Promise<AnnotationRecord | null> - Resolves to a created record when a mode transaction completes, otherwise null.
Example¶
const canvas = document.querySelector("canvas");
const wgpu = await WasmGPU.create(canvas);
const scene = wgpu.createScene();
const camera = wgpu.createCamera.perspective({ fov: 55, aspect: canvas.clientWidth / canvas.clientHeight, near: 0.1, far: 1000 });
const toolkit = wgpu.createAnnotation.toolkit({ scene, camera, canvas, autoBindPointerEvents: false });
toolkit.setMode("distance");
canvas.addEventListener("click", async (event) => {
const rect = canvas.getBoundingClientRect();
const record = await toolkit.pickAtAndCommit(event.clientX - rect.left, event.clientY - rect.top);
if (record) console.log("created", record.id, record.kind);
});