WebGPU Samples
Github
helloTriangle
helloTriangleMSAA
resizeCanvas
rotatingCube
twoCubes
texturedCube
instancedCube
fractalCube
cameras
cubemap
computeBoids
animometer
videoUploading
videoUploadingWebCodecs
samplerParameters
imageBlur
shadowMapping
reversedZ
deferredRendering
particles
cornell
gameOfLife
renderBundles
worker
A-buffer
bitonicSort
normalMap
Other Pages
Workload Simulator ↗️
Image Blur
See it on Github!
This example shows how to blur an image using a WebGPU compute shader.
main.ts
./blur.wgsl
../../shaders/fullscreenTexturedQuad.wgsl