Skip to content

material.data#onVisualChange

Summary

material.data#onVisualChange registers a listener for visual-state changes and returns an unsubscribe callback.

Syntax

DataMaterial.onVisualChange(listener: (kind: DataMaterialVisualChangeKind) => void): () => void
const result = material.onVisualChange(listener);

Parameters

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

Returns

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

Type Details

DataMaterialVisualChangeKind

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

Example

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

const material = wgpu.material.data({ data: new Float32Array([0.2, 0.4, 0.7, 1.0]), scaleTransform: { mode: "linear", domainMin: 0, domainMax: 1 }, colormap: "viridis" });
const listener = (kind) => console.log(kind);
const result = material.onVisualChange(listener);
console.log(result);

See Also