Skip to content

GlyphField.onVisualChange

Summary

GlyphField.onVisualChange registers a listener for visual-state changes and returns an unsubscribe callback.

Syntax

GlyphField.onVisualChange(listener: (kind: GlyphFieldVisualChangeKind) => void): () => void
const result = glyphField.onVisualChange(listener);

Parameters

Name Type Required Description
listener (kind: GlyphFieldVisualChangeKind) => void Yes Callback invoked when visual-relevant state changes.

Returns

() => void - Function that unsubscribes or unregisters the listener created by this call.

Type Details

GlyphFieldVisualChangeKind

type GlyphFieldVisualChangeKind = "scale" | "colormap" | "visual";

Example

const canvas = document.querySelector("canvas");
const wgpu = await WasmGPU.create(canvas);

const glyphField = wgpu.createGlyphField({ instanceCount: 1, positions: new Float32Array([0, 0, 0, 0]), rotations: new Float32Array([0, 0, 0, 1]), scales: new Float32Array([1, 1, 1, 0]), attributes: new Float32Array([0.5, 0, 0, 0]), scaleTransform: { mode: "linear", domainMin: 0, domainMax: 1 } });
const listener = (kind) => console.log(kind);
const result = glyphField.onVisualChange(listener);
console.log(result);

See Also