Learn WebGPU
Advanced: Compute shaders and graphics

Image-processing filters

Fast image processing with compute shaders.

Learning steps

Compute shaders are ideal for image processing.

Why:

  • Per-pixel parallelism.
  • Even complex filters run fast.
  • Multi-pass processing is easy.

Common filters:

  • Blur (Gaussian).
  • Edge detection (Sobel).
  • Color grading.

Task

Allow a texture to be used as storage.

Progress 0 / 2 completed

WebGPUを初期化中...

コンソール
コンソール出力がここに表示されます

Learn WebGPU — interactive tutorials for learning WebGPU

GitHub