Props and events — Vue

Every control in the editor is a prop: in a template write it in kebab-case (dot-color="#7af0ff") and bind numbers, booleans and arrays with : (:density="72"). Leave one out and the shader keeps its own value; change one and the running shader updates without restarting. paused holds the frame.

The component emits ready after its first frame and error if rendering fails. Put content in its #fallback slot for browsers without WebGPU: it shows in place of the canvas.