2.6 Resumen

Al final de esta sección, debería tener una aplicación web mínima ejecutándose que utiliza la API WebGPU. Los ejemplos de codificación le han dado una idea de cómo funciona WebGPU, incluidas algunas de las características principales (por ejemplo, búferes de GPU, sombreador simple y canalización). En esta lección, aprendió un poco sobre los diversos componentes de la API WebGPU y aprendió sobre las diversas etapas de la canalización. También aprendió cómo inicializar una aplicación WebGPU. ¡Estos son detalles importantes y solo la punta del iceberg! En las secciones futuras, aprenderá cómo cargar vértices e índices en búferes de índice y vértice, cómo escribir y cargar programas de sombreado, realizar ecuaciones de iluminación básicas en un sombreador de píxeles y cómo realizar efectos gráficos.

2.6.1 Ejercicios: Retos

• Modifique el programa dado en el Listado 2.2, para que dibuje triángulos de diferentes colores (rojo, naranja y azul)
• Usando funciones trigonométricas simples (sin y cos), modifique el sombreador de vértices para que el triángulo esté rotado.
• Cambie la función de dibujo para que dibuje 2 triángulos (es decir, passEncoder.draw(3, 1, 0, 0); - cambie el 3 a un 6), actualice el sombreador de vértices para que produzca un ‘cuadrado’ en lugar de un solo triángulo
• Intente modificar la topología gráfica a diferentes tipos y verifique el resultado