WebGPU: Tarayıcınızda 250.000 Parçacık
Bugün 50. gün. Her gün sıfırdan yeni bir teknoloji inşa ettiğim serimin son günü.
Bu seriyi bitirmek için WebGPU'yu seçtim. WebGPU, bir tarayıcı içinde 250.000 parçacığı tamamen GPU'nuz üzerinde simüle etmenize olanak tanır.
CPU'nuz birkaç hızlı çekirdeğe sahiptir. GPU'nuz ise binlerce basit çekirdeğe sahiptir. 250.000 parçacığı hareket ettirmek için bir CPU bunları tek tek işler. Bir GPU ise binlercesini tam olarak aynı anda yapar.
WebGPU, WebGL'in modern halefidir. Donanımınızda genel programlar çalıştırmak için compute shader'lar kullanır.
Nasıl çalışır:
- GPU'yu yönetmek için bir device oluşturursunuz.
- Konum ve hız gibi parçacık verilerini tutmak için bir buffer oluşturursunuz.
- Verileri GPU'ya bir kez yüklersiniz.
- Hareketi yönetmek için bir compute shader yazarsınız.
Compute shader, her bir parçacık için aynı mantığı aynı anda çalıştırır. Veriler GPU üzerinde kalır. Donanımdan ayrılmadan compute adımından render adımına geçer. Bu hız, simülasyonun 60fps hızında çalışmasını sağlar.
WebGPU, tarayıcı tabanlı makine öğrenimi ve ağır hesaplamalar için temel oluşturacaktır. Web geliştirmenin geleceği için hayati bir araçtır.
Bu seriyi takip ettiğiniz için teşekkürler. Her projenin tam arşivini burada bulabilirsiniz.
Tam kod: https://github.com/dev48v/webgpu-from-zero
Tam yazı: https://dev.to/dev48v/webgpu-i-simulated-250000-particles-entirely-on-the-gpu-in-the-browser-2o0f