[request] HTML5 example.

[0wwafa]

It would be great to have a simple example on how to load and apply a SLANG shader (for example a CRT emulation) to a DIV/CANVAS in HTML5.

[aleino-nv]

Unfortunately, at the moment we don't have a stand-alone example that does only what you ask and nothing else.

The one example we have is https://github.com/shader-slang/slang-playground.

It is, however, conceptually simple:

1. Take Slang shader input from user
2. Compile it to WebGPU shading language (WGSL)
3. Use that just as you would in a normal WebGPU application.

A bit more details on the implementation:

• It uses the WASM (WebAssembly) build described in https://github.com/shader-slang/slang/blob/master/docs/building.md to compile Slang shaders to WGSL code.
• The WASM bindings used by slang-playground are here: https://github.com/shader-slang/slang/tree/master/source/slang-wasm.
• Apart from the step of obtaining WGSL shaders from Slang code, the task of displaying the output is best explained by WebGPU tutorials.
  • For example, the top hit I found on Google was https://codelabs.developers.google.com/your-first-webgpu-app#4.