Hello and welcome to this first post in the WebGPU tutorial series! In this series, we will learn how to start with WebGPU with JavaScript.
Welcome
Hello and welcome to this first post in the WebGPU tutorial series!
In this series, I will write step-by-step tutorials to get you started with WebGPU development using JavaScript. I will start with the basic aspects and try to cover all relevant topics over time. I will try to write the individual chapters in such a way that the code and information for each article focuses on the content of the chapter. Since the WebGPU specification is not yet complete and it does not yet work in all browsers, it may be that updates will have to be made to individual chapters at a later date. However, this should be limited, especially in the first chapters. But that makes it even more interesting to deal with the topic now, since WebGPU could be one of the future technologies when it comes to 3D and computing in browsers and mobile platforms.
Vision and Approach
Target of this is to make it easy to get into this technology. Therefore I will try to explain single functions and topics in a targeted way. It may be that some things are obvious to some, but I have often found that I lack information or do not understand things because others often take them for granted. I want to prevent this. I am not a professional in this area myself, I see this as an opportunity for me to learn more about it and write it down so that others can benefit from it. I have already worked with OpenGL and WebGL a lot, but not yet with WebGPU. So please bear with me if there is a need for adjustment here and there or if I learn something new over time.
Prerequisites
However, it is a prerequisite that you are familiar with web development, i.e. HTML and JavaScript. The aim is, of course, not to explain the basic things in Javascript.
I will host all code for each chapter in a public repo on GitHub and link to it, of course.
Stay tuned!
