WebGPU Unleashed: Praktisches Tutorial – interaktives kostenloses E-Book

 (shi-yan.github.io)
24 Punkte von GN⁺ 2024-08-05 | 1 Kommentare | Auf WhatsApp teilen
  • Kostenloses E-Book über WebGPU-Grafikprogrammierung mit JavaScript
  • Warum das Buch geschrieben wurde
    • Ein Freund fragte, was sein Kind lernen sollte, um mit Grafikprogrammierung zu beginnen
    • Früher wurden OpenGL und DirectX Einsteigern empfohlen
    • In letzter Zeit sind neue APIs wie Vulkan, Metal und DirectX 12 aufgekommen, aber sie haben komplexeren Code und unterscheiden sich je nach Plattform
  • WebGPU ist eine neue Grafik-API, die native Grafikfunktionen im Web bereitstellt
    • Im Unterschied zu anderen APIs fungiert WebGPU als Wrapper für mehrere APIs
  • Vorteile von WebGPU:
    • Als gemeinsamer Nenner anderer APIs ist sie vergleichsweise einfach
    • Als Standard für Web-Grafik-APIs auf allen Plattformen nutzbar
    • Für Menschen mit Interesse an nativer Entwicklung gibt es auch Implementierungen in C++ und Rust
  • Beginnt mit einem Überblick über GPU-Treiber und die GPU-Pipeline
    • Viele Studierende können einfache Grafik-Anwendungen umsetzen, aber es fehlt oft das Verständnis für GPU-Treiber und die Interaktion mit der Hardware
  • Danach werden die Grundlagen der WebGPU-Nutzung vermittelt
    • Ein Dreieck zeichnen: das Grundelement der 3D-Grafik
    • 2D-Rendering-Techniken und Steuerung von 3D-Szenen
  • Fortgeschrittene Themen
    • Erklärung von GPU-Computing mit WebGPU und fortgeschrittenen Rendering-Techniken
    • GPU-Computing im Web wird möglich, was mit WebGL nicht möglich war
    • Dadurch eröffnen sich spannende Möglichkeiten wie GPU-AI-Inferenz
  • Abschließendes Tutorial: Gaussian-Splatting-Rendering
    • Ein komplexes Beispiel, das GPU-Computing und Rendering kombiniert
    • Gaussian Splatting ist eine moderne Technik, mit der sich realistische 3D-Szenen in Echtzeit rendern lassen
  • Statt als traditionelles Buch wird es in einem interaktiven Webformat bereitgestellt
    • Mit Video-Erklärungen zu Konzepten, Referenzverweisen per Link und einem Online-Playground, in dem Codebeispiele ausgeführt und verändert werden können

Zusammenfassung von GN⁺

  • "WebGPU Unleashed" ist ein kostenloses Buch, mit dem sich WebGPU-Grafikprogrammierung mit JavaScript leicht erlernen lässt
  • WebGPU ist als gemeinsamer Nenner mehrerer Grafik-APIs vergleichsweise einfach und auf allen Plattformen nutzbar
  • Das Buch beginnt mit einem Überblick über GPU-Treiber und Pipeline und behandelt dann das Zeichnen einfacher Dreiecke, 2D- und 3D-Rendering-Techniken sowie fortgeschrittenes GPU-Computing
  • Mit modernen Techniken wie Gaussian Splatting kann man lernen, realistische 3D-Szenen in Echtzeit zu rendern
  • Durch das interaktive Webformat mit Videos, Links und Online-Playground wird der Lerneffekt erhöht

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2024-08-05
Hacker-News-Kommentare

  • Während der Arbeit an einem WebGPU-Projekt war es schwierig, viele Informationen zu finden

    • Die WGSL-Sprache und die JS-API sind gut dokumentiert, aber es erfordert viel Aufwand, Antworten auf verwandte Fragen zu finden
    • In Firefox wurden mehrere Bugs gemeldet, und einige Probleme müssen behoben werden

  • Für Menschen, die tiefer in WebGPU einsteigen möchten, ist es sehr beeindruckend und interessant

    • In Safari funktioniert der Playground-Code nicht vollständig
    • Nach einem Neustart von Safari war das Problem behoben
    • Es wäre schön, wenn sich das Cover des Buches je nach Beispiel ändern würde

  • Ich möchte einen kleinen Spielprototypen starten, um WebGPU zu lernen

    • Ich plane, mit diesem Buch mit dem Lernen zu beginnen

  • Das Konzept des verlinkten Code-Playgrounds ist fantastisch

    • Auch der Inhalt des Buches ist großartig
    • Es werden Glückwünsche und Dank dafür ausgesprochen, dass dies als Side-Project umgesetzt wurde

  • Vielen Dank für das großartige Buch

    • Es gibt Rendering-Probleme im mobilen Viewport, besonders in Firefox
    • Die Navigation ist kaputt und der Content lässt sich nicht gut scrollen

  • Sehr cool, und es scheint, als wäre sehr viel Arbeit hineingeflossen

  • Der Rat lautet, sich nicht zu sehr fertigzumachen, auch wenn das Projekt noch nicht vollständig abgeschlossen ist

    • Mit Hilfe der Community kann es verbessert werden

  • Frage, warum WebGPU in Firefox nicht standardmäßig aktiviert ist

  • Vielen Dank für die vielen guten Inhalte, die kostenlos angeboten werden

    • Eine junge Person hatte nach solchen Ressourcen gesucht
    • Gefällt, dass der Fokus auf Videos liegt und dass es tatsächlich interessant gemacht wird
    • Es wird vorgeschlagen, Wege zu finden, über Bildungsinhalte und Videoproduktion finanzielle Unterstützung zu erhalten