Zum Inhalt springen
WebGPU for UI Design
Suchen
Strg
K
Abbrechen
LinkedIn
Meine Website
Farbschema wählen
Dunkel
Hell
System
Menü
0. Vorwort
Vorwort
Für wen ist dieses Buch?
Feedback und Kontakt
1. Vorbereitung
2. Rendering
Aufgabe – Eine Kugel aus Marmor
3. WGSL, Licht & Materialien
4. Die WebGPU Shading Language (WGSL)
Einführung in WGSL
Variablen und Adressräume in WGSL
Datentypen in WGSL
Vektorkomponenten und Swizzling
Rechnen mit WGSL
Vertex-Attribute
Uniforms
Interstage-Variablen
Vertex Shader
Fragment Shader
Reflexionsmodelle und Shading-Verfahren
Uniforms in Echtzeit aktualisieren
5. Kameras & Transformationen
Kameras & Transformationen
Vertex-Transformationen
Homogene Koordinaten
Model-Transformation
View-Transformation
Projektionsmatrix
Viewport-Transformation
Normalentransformation
6. Matrizen in TypeScript
Matrizen in TypeScript mit wgpu-matrix
wgpu-matrix
Aufgabe: Interaktive Vertex-Transformationen
7. Animation
Animation
8. Farben
Farben
9. Texturen
Texturen
10. Interaktion & Picking
Interaktion & Picking
11. Projekt
Projekt
12. Fortgeschrittenes WebGPU
Fortgeschrittenes WebGPU
13. Was WebGPU besonders macht
Was WebGPU besonders macht
14. Ökosystem & Praxis
Ökosystem & Praxis
Beispiele
LinkedIn
Meine Website
Farbschema wählen
Dunkel
Hell
System
Farben