WebGPU Fundamentals

A set of articles to help learn WebGPU

• Basics
• Fundamentals
• Inter-stage Variables
• Uniforms
• Storage Buffers
• Vertex Buffers
• Textures
• Textures
• Loading Images
• Using Video
• Cube Maps
• Storage Textures
• Multisampling / MSAA
• Constants
• Data Memory Layout
• Transparency and Blending
• Bind Group Layouts
• Copying Data
• Optional Features and Limits
• Timing Performance
• WGSL
• How It Works
• 3D Math
• Translation
• Rotation
• Scale
• Matrix Math
• Orthographic Projection
• Perspective Projection
• Cameras
• Matrix Stacks
• Scene Graphs
• Lighting
• Directional Lighting
• Point Lighting
• Spot Lighting
• Techniques
• 2D
• Large Clip Space Triangle
• 3D
• Environment maps
• Skyboxes
• Compute Shaders
• Compute Shader Basics
• Image Histogram
• Image Histogram Part 2
• Misc
• Resizing the Canvas
• Multiple Canvases
• Points
• WebGPU from WebGL
• Speed and Optimization
• Debugging and Errors
• Resources / References
• WGSL Function Reference
• WGSL Offset Computer

• github
• Tour of WGSL
• WebGPU API Reference
• WebGPU Spec
• WGSL Spec
• WebGPUReport.org
• Web3DSurvey.com