WebGPU: 250.000 particelle nel tuo browser
Oggi è il giorno 50. È l'ultimo giorno della mia serie in cui costruisco nuova tecnologia da zero ogni giorno.
Ho scelto WebGPU per concludere questa serie. WebGPU ti permette di simulare 250.000 particelle interamente sulla tua GPU all'interno di un browser.
La tua CPU ha pochi core veloci. La tua GPU ha migliaia di core semplici. Per muovere 250.000 particelle, una CPU le elabora una alla volta. Una GPU ne elabora migliaia contemporaneamente.
WebGPU è il moderno successore di WebGL. Utilizza i compute shader per eseguire programmi generici sul tuo hardware.
Come funziona:
- Crei un device per gestire la GPU.
- Crei un buffer per contenere i dati delle particelle, come posizione e velocità.
- Carichi i dati sulla GPU una sola volta.
- Scrivi un compute shader per gestire il movimento.
Il compute shader esegue la stessa logica per ogni particella contemporaneamente. I dati rimangono sulla GPU. Passano dalla fase di calcolo alla fase di rendering senza lasciare l'hardware. Questa velocità permette alla simulazione di girare a 60fps.
WebGPU diventerà la base per il machine learning e il calcolo intensivo all'interno del browser. È uno strumento vitale per il futuro dello sviluppo web.
Grazie per aver seguito questa serie. Puoi trovare l'archivio completo di ogni progetto qui.
Codice completo: https://github.com/dev48v/webgpu-from-zero
Post completo: https://dev.to/dev48v/webgpu-i-simulated-250000-particles-entirely-on-the-gpu-in-the-browser-2o0f
Archivio: https://dev48v.infy.uk/techfromzero.php