𝗪𝗲𝗯𝗚𝗣𝗨: 𝟮𝟱𝟬,𝟬𝟬𝟬 𝗣𝗮𝗿𝘁𝗶𝗰𝘂𝗹𝗮𝘀 𝗲𝗻 𝘁𝘂 𝗻𝗮𝘃𝗲𝗴𝗮𝗱𝗼𝗿
Esto marca el día 50. Es el último día de mi serie en la que construyo una nueva tecnología desde cero cada día. Quería terminar con WebGPU.
Simulé 250.000 partículas completamente en la GPU dentro de un navegador.
Tu CPU tiene unos pocos núcleos rápidos. Tu GPU tiene miles de núcleos simples. Una CPU mueve las partículas una por una. Una GPU mueve miles al mismo tiempo.
WebGPU es el sucesor moderno de WebGL. Le da a tu navegador acceso al hardware a través de compute shaders. Estos shaders permiten que la GPU realice cálculos matemáticos, no solo dibujar gráficos.
Cómo funciona:
• Creas un dispositivo para gestionar la GPU. • Creas un buffer para almacenar los datos de las partículas, como la posición y la velocidad. • Subes los datos una vez y los mantienes en la GPU. • Escribes un compute shader para una partícula. • La GPU ejecuta ese shader en las 250.000 partículas a la vez.
Los datos permanecen en la GPU. Pasan del paso de cómputo al paso de renderizado sin regresar a la CPU. Esta velocidad permite que la simulación se ejecute a 60fps.
WebGPU es la nueva base para las matemáticas en el navegador y el aprendizaje automático local. Era la forma correcta de terminar esta serie.
Gracias por seguir este viaje. Puedes encontrar el archivo completo de cada proyecto aquí.
Código 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
Comunidad de aprendizaje opcional: https://dev48v.infy.uk/techfromzero.php