Simple hello triangle example using the current API of WebGPU using C++/WASM and Emscripten.
Due to the hand-wavy nature of this example, certain important concepts are not implemented (such as handling device lost, swapchain resize events, caching renderpasses). These might be implemented at a later date, but it's not strictly important for a simple hello triangle and would needlessly complicate the example which is aimed at showing the basic concept.
Following is an example output of the html canvas:
To build run the following command from the root directory.
emcc main.cpp -o index.html -g -g4 -s USE_WEBGPU=1 --shell-file shell.html --bind -std=c++20
Once the output is present, run a local web server from the root folder. As example you can use Python3 for this:
python -m http.server 8000
Then simply visit http://localhost:8000/index.html in your browser of choice that supports WebGPU. (Chrome Canary was used for testing this repo)
To see an example output, you can visit the Github Pages page for this repository.