WebGPU Unleashed: tutorial prático - e-book interativo gratuito

• E-book gratuito sobre programação gráfica com WebGPU usando JavaScript
• Motivo para escrever o livro
  • Um amigo perguntou o que o filho dele deveria aprender para começar em programação gráfica
  • No passado, OpenGL e DirectX eram recomendados para iniciantes
  • Recentemente, surgiram novas APIs como Vulkan, Metal e DirectX 12, mas elas têm código mais complexo e variam conforme a plataforma
• WebGPU é uma nova API gráfica que oferece recursos gráficos nativos na web
  • Diferentemente de outras APIs, o WebGPU atua como um wrapper para várias APIs
• Vantagens do WebGPU:
  • Como denominador comum entre outras APIs, é relativamente simples
  • Como padrão de API gráfica para a web, pode ser usado em todas as plataformas
  • Também há implementações em C++ e Rust para quem tem interesse em desenvolvimento nativo
• Começa com uma visão geral dos drivers de GPU e do pipeline da GPU
  • Muitos estudantes conseguem implementar aplicações gráficas simples, mas não entendem bem a interação com drivers e hardware da GPU
• Depois ensina o uso básico do WebGPU
  • Desenhar triângulos: o elemento básico dos gráficos 3D
  • Técnicas de renderização 2D e controle de cenas 3D
• Tópicos avançados
  • Explica computação em GPU com WebGPU e técnicas avançadas de renderização
  • Passa a ser possível fazer computação em GPU na web, algo que não era possível com WebGL
  • Abre possibilidades interessantes, como inferência de IA em GPU
• Tutorial final: renderização com Gaussian Splatting
  • Exemplo complexo que combina computação em GPU e renderização
  • Gaussian Splatting é uma tecnologia recente capaz de renderizar cenas 3D realistas em tempo real
• Em vez de um livro tradicional, é oferecido em formato web interativo
  • Explicações de conceitos em vídeo, citações de referência por links e um playground online para executar e modificar exemplos de código

Resumo do GN⁺

• "WebGPU Unleashed" é um livro gratuito para aprender com facilidade programação gráfica com WebGPU usando JavaScript
• O WebGPU é relativamente simples como denominador comum entre várias APIs gráficas e pode ser usado em todas as plataformas
• O livro começa com uma visão geral dos drivers e do pipeline da GPU e cobre desde desenho básico de triângulos até técnicas de renderização 2D e 3D e computação avançada em GPU
• É possível aprender a renderizar cenas 3D realistas em tempo real com tecnologias recentes como Gaussian Splatting
• O formato web interativo aumenta a eficácia do aprendizado com vídeos, links e playground online

[GN⁺]

Comentários do Hacker News

• Foi difícil encontrar muita informação enquanto eu trabalhava em um projeto com WebGPU

  • A linguagem WGSL e a API de JS são bem documentadas, mas foi preciso muito esforço para encontrar respostas para perguntas relacionadas
  • Relatei vários bugs no Firefox e preciso resolver alguns problemas

• Muito impressionante e interessante para quem quer se aprofundar em WebGPU

  • No Safari, o código do playground não funciona completamente
  • Reiniciei o Safari e o problema foi resolvido
  • Seria bom se a capa do livro mudasse de acordo com o exemplo

• Estou pensando em começar um pequeno protótipo de jogo para aprender WebGPU

  • Pretendo começar a estudar com este livro

• O conceito de playground de código com hiperlinks é fantástico

  • O conteúdo do livro também é excelente
  • Parabéns e obrigado por ter feito isso como um projeto paralelo

• Obrigado pelo excelente livro

  • Há problemas de renderização no viewport móvel, especialmente no Firefox
  • A navegação quebra e o scroll do conteúdo não funciona bem

• Muito legal, parece ter exigido um grande esforço

• Conselho para não se culpar demais, mesmo que o projeto não esteja totalmente concluído

  • Dá para melhorar com a ajuda da comunidade

• Pergunta sobre por que o WebGPU não está ativado por padrão no Firefox

• Obrigado pela grande quantidade de conteúdo bom oferecido gratuitamente

  • Quando eu era mais jovem, estava procurando recursos como este
  • Gosto do fato de você focar em vídeo e realmente tornar isso interessante
  • Sugestão de formas de receber apoio financeiro por meio de conteúdo educacional e produção de vídeos