-
Descubra o poder da GPU com WebGPU
Saiba como a API WebGPU fornece acesso seguro a dispositivos de GPU para gráficos e computação em geral. Também vamos explorar a linguagem WGSL para escrever programas que são executados na GPU. E vamos nos aprofundar nas melhores práticas para conseguir o desempenho ideal usando o mínimo de energia possível em computadores e dispositivos móveis.
Capítulos
- 0:00 - Introdução
- 2:14 - Explorar a API WebGPU
- 9:54 - Desenvolver shaders
- 13:57 - Otimizar o desempenho
Recursos
- Transformers.js - Huggingface
- WebGPU Samples - github.io
- WebGPU - W3C
- babylon.js – webGL and WebXR library
- three.js – webGL and WebXR library
- Metal Performance Shaders
Vídeos relacionados
WWDC25
WWDC20
-
Buscar neste vídeo...
-
-
- 0:00 - Introdução
A WebGPU permite gráficos 3D de alto desempenho e computação paralela de uso geral em GPUs. Ela se baseia em WebGL, oferecendo mais flexibilidade e velocidade. A WebGPU foi projetada para ser independente de plataformas, com uma API semelhante à do Metal, e é compatível com Mac, iPhone, iPad, Vision Pro e outros sistemas que não são da Apple.
- 2:14 - Explorar a API WebGPU
O pipeline da WebGPU processa conteúdo de sites ou apps da web por meio do WebKit e do framework do Metal. O Metal gera recursos de GPU, como buffers, texturas e samplers, em grupos de ligação de GPU para uso eficiente. Esses recursos, aliados a programas de shader compilados (computação, vértice e fragmento), são então utilizados pela GPU. A API da WebGPU, que é uma API plana, fornece interfaces para gerenciar dispositivos, recursos, codificadores, pipelines, grupos de ligação e módulos de shader. Muitas vezes, você pode usar um canvas com WebGPU e consultar um 'GPUCanvasContext' para criar um dispositivo de GPU.
- 9:54 - Desenvolver shaders
O WebGPU usa WGSL, uma linguagem para programação de GPU baseada na web. Ele aceita três tipos de programas principais: de vértice, de fragmento e de computação. Os programas de vértice definem as posições dos triângulos na tela. Os programas de fragmento calculam cores e profundidades para texturas. Os shaders de computação, novos no WebGPU, executam cálculos gerais em paralelo, permitindo simulações físicas e outras tarefas complexas.
- 13:57 - Otimizar o desempenho
Para otimizar o desempenho da WebGPU, concentre-se na eficiência da memória. Você também pode minimizar chamadas desnecessárias de atualização de buffer e textura, pois elas exigem cópias de dados e podem ser caras. A reutilização de comandos de renderização por meio de pacotes de renderização é altamente recomendada, pois elimina a validação redundante, economizando tempo e aproximando o desempenho dos níveis nativos. Além disso, reduzir o número de recursos, como buffers de comando, renderizar passes e vincular grupos, é crucial. Seguindo essas diretrizes, você pode criar sites e apps da web incríveis e altamente eficientes, que se destacam no hardware da Apple e em todos os dispositivos móveis e desktop.