WebGPU for Beginners 07: Transformations

#gamedev #gamedevelopment #programming

This series is intended as an intro to WebGPU for viewers who might have some OpenGL experience but haven't necessarily dealt with the Node ecosystem. Regardless, there should be something for everyone here.

[Hector-bjls]

The matrix library could be used like this:
const projection = mat4.perspective(mat4.create(), ...);

The reason to accept an "out" as the first parameter is for performance reasons. It allows you to avoid creating temp objects. You can just pre allocate a bunch of matrices and then reuse them over and over. Helps avoid GC pauses.

[charfractal]

i was doing Vulkan for a month and after some point it got so hard, i then found your playlist, and it feels now a lot of things are making sense, thank you for this !! really helped a lot !!

[showgatachakraborty]

I'm soo happy that this playlist exists. Love you <3

[michelangelowebb]

Amazing tutorials. Will you load more videos regarding WebGPU ?

[edwardvmills]

had to add ! to the renderer class properties:
adapter!: GPUAdapter;
device!: GPUDevice;
context!: GPUCanvasContext;
format!: GPUTextureFormat;
....

or else i get "Property 'adapter' has no initializer and is not definitely assigned in the constructor"

can this be chalked up to WebGPU evolving, or might i be missing something in my setup or typescript rules?

is there a better way to overcome this than to blindly follow vscode's ! suggestion?

thanks

[vikrams]

Why is there no sound like you showed at the intro? 😂

[calderarox]

i think you can do to pass the render method to requestAnimationFrame without it losing its context