WebGPU Computing Example - Tutorial

Let's try out webgpu computing with an example.

Don't forget to subscribe and like, if you wanna see more!

(00:00) - Intro
(01:07) - Example Idea
(01:34) - Project Setup
(02:12) - Select JPEG Image and read Pixel Data
(09:31) - Access GPU device
(10:22) - Buffers
(16:22) - Bind Group Layout
(18:46) - Bind Group
(20:05) - Shader Module & Compute Pipeline
(21:59) - WGSL
(29:33) - Create & Start Compute Pass
(32:44) - Read the Result
(34:05) - Outro

[bzhmaddog]

That's the most understandable tutorial/guide I have found so far. Thank you.

[Dominik-K]

This is a great tutorial and it really helped me to understand the different steps needed. I really like that WebGPU is easier to adjust when needed and the shader code just looks way nicer

[atibyte]

Nice video, thank you! That WGSL shader language looks terrible compared to GLSL or HLSL.

[pravinpoudel]

15:23 "I am doing this extra step to get along with WebGPU restriction", can you please help me on understanding what do you mean by that?

[diegocamilopenaramirez]

Thank You

Will You upload more about webgpu?