Let’s try out webgpu computing with an example.

(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

Github: https://github.com/tamani-coding/webg…

Subscribe: https://www.youtube.com/channel/UCBTwKzJg-BR56tKWO5CT7XA/featured

#webgpu #web-development