WebGPU 3D-Szenen
Loading...
Drei Szenen, drei Techniken
WebGPU-Labor Drei Szenen, drei Techniken
WebGPU wird geprüft…

Interaktive Rendering-Erkundung

Gleicher Raum.
Drei verschiedene Wege.

Drei Live-Szenen zeigen, wie verschiedene WebGPU-Techniken Daten in Bilder verwandeln.

Keine Bibliothek. Reine Shader.
03Live-Szenen
GPUEchtzeitberechnungen
01Geste zum Drehen
SCÉNA 01

Aurora flow

COMPUTE SHADER Tisíce částic proudí podle výpočtu na GPU
Grafikprozessor wird initialisiert…
01SIMULATION

Partikelstrom

Ein Compute-Shader berechnet die Partikelpositionen in jedem Frame neu. Ein Render-Shader setzt sie zu einer weich leuchtenden Polarwelle zusammen.

02GEOMETRIE

Instanzierte Stadt

Ein einzelner Würfel wird dutzende Male mit unterschiedlicher Höhe gerendert. Prozedurale Lichter und ein Tiefenpuffer halten die Perspektive sauber.

03RASTERISIERUNG

Klassisches 3D-Rendering

Die Figur besteht aus Dreiecken und wird mit einer Standard-WebGPU-Render-Pipeline gerendert. Der Vertex-Shader projiziert die Geometrie, der Rasterizer füllt die Flächen und der Tiefenpuffer sortiert die Körperteile korrekt.

WebGPU-Spielwiese·Drei verschiedene Wege zu einem Bild