WebGPU renderer path

Use this page to confirm that shapes and the render loop behave correctly when the WebGPU HAL is selected. It complements the initialization and plugin topics in Lesson 1 and the performance notes in Lesson 8.

If WebGPU is unavailable in the browser, fall back to WebGL and compare frame cost or visual parity.

Interactive demo

Just use renderer="webgpu" to enable WebGPU.

html

<ic-canvas renderer="webgpu"></ic-canvas>

If you don't set shaderCompilerPath, it will use the default shader compiler 'https://unpkg.com/@antv/[email protected]/dist/pkg/glsl_wgsl_compiler_bg.wasm'.

This WASM is byte-for-byte identical to the previously used 1.6.8 artifact; the URL change does not upgrade the compiler. See Lesson 1 for the upstream package security note. The ECS component ic-spectrum-canvas uses the bundled compiler by default, with the Vite development configuration described there.

html

<ic-canvas
    renderer="webgpu"
    shaderCompilerPath="/your/path/to/glsl_wgsl_compiler_bg.wasm"
></ic-canvas>

WebGPU renderer path ​

Interactive demo ​

WebGPU renderer path

Interactive demo