WebGPU es una nueva API moderna para acceder a las capacidades de GPU en aplicaciones web. Antes de WebGPU, había una tecnología WebGL, que proporcionaba un subconjunto de la funcionalidad WebGPU. Y WebGPU permite una nueva clase de contenido web enriquecido que los desarrolladores pueden usar para crear aplicaciones sorprendentes. Su historia se remonta a la API de OpenGL ES 2.0 lanzada en 2007, que a su vez se basa en la antigua API de OpenGL. WebGPU trae estos modernos avances de API a la plataforma web. Se enfoca en habilitar las capacidades de GPU de una manera multiplataforma, al tiempo que proporciona una API que se siente natural en la web y es más limpia que algunas de las API nativas para las que está diseñada.
Las GPU a menudo se asocian con la representación de gráficos rápidos y detallados, y WebGPU no es una excepción. Tiene las funciones necesarias para admitir muchas de las técnicas de renderizado más populares en las GPU móviles y de escritorio en la actualidad, y proporciona una forma de agregar nuevas funciones en el futuro a medida que evolucionan las capacidades del hardware. Más allá del renderizado, WebGPU libera el potencial de las GPU para realizar cargas de trabajo altamente paralelas y de propósito general. Estos sombreadores de cómputo se pueden usar de forma independiente, sin ningún componente de representación, o como una parte estrechamente integrada de la canalización de representación.
1. Inicializar WebGPU
Si solo desea usar WebGPU para la informática, puede experimentar WebGPU sin mostrar nada en la pantalla. Sin embargo, si desea representar algo en la pantalla, como lo haremos en Codelab, debe preparar un lienzo.
1.1 Empezar con el lienzo
Primero, creamos un nuevo documento HTML y luego preparamos un elemento de lienzo para dibujar contenido específico, el código es el siguiente:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<ti