Note: I'm freezing the wgpu version at
v0.17.0.2because the webgpu native API is still very much in flux and it's alot of work to update all of the examples for breaking changes.
The examples in basics and 3d_math folder are following the guide found here: https://webgpufundamentals.org/
Since things change (and likely changed while working on this) the guide from this revision should be the similar to what I was following.
Unlike the guide I did not use any GUI library (too complicated). Instead I built demos that, to my understanding, demonstrated what the GUI was showing.
Also, at this time I have not verified if my results match the guides since none of my browsers support webgpu on my hardware yet. I would not be surprised if at least a few of them are off somehow.
The code has been tested on Kubuntu 23.04, Linux Mint 21.1 and Linux Mint 21.3. I hope it works on other machines though 😁.
git clone [email protected]:bobajeff/webgpu_fundamentals_c.git
- wgpu-native v0.17.0.2 (required) -
- Download the wgpu-native v0.17.0.2 build
- extract in source directory
- rename folder to
wgpu
- ffmpeg (optional - only one example uses it)
- get the ffmpeg libraries for your system. For ubuntu based systems the command is:
sudo apt-get install pkg-config libavdevice-dev libavfilter-dev libavformat-dev
- get the ffmpeg libraries for your system. For ubuntu based systems the command is:
In source directory run:
cmake -B build
cmake --build build
Run the executables found in their respective build subdirectories or run the test_build.sh script
I had a lot of joy playing with this. It seems that porting from javascript to c is not such a bad idea. I had a much better time than doing something very similar in porting some C++ to C. I mostly just wanted to learn the API but It was good to get my hands wet with GPU GL programming and familiarize myself with 3d graphics concepts again.
Thanks to webgpufundamentals.org for providing a easy to follow guide and helping to explain how these things work.