WebGPU＋ComputeShader（その12）

https://scrapbox.io/files/68a98c115102656d11cfff5a.png

この砂嵐のサンプルはWebGPUのcompute shaderを用いて処理しています。

compute shaderを用いると、ピクセル単位でスレッドが並列実行される為、CPUで逐次処理する場合に比べて圧倒的に高速に処理することが可能です。

https://scrapbox.io/files/68a9b553b48deac9a63169da.png

砂嵐の計算処理をCPU側行う場合とGPU側で行う場合のコードの比較

https://scrapbox.io/files/68a98de3eb4051e7ca5d2394.png