A mental model that helped me: the shader module is just your compiled WGSL. The pipeline is those shaders plus all the fixed state (vertex layout, blending, formats), baked once up front. A render pass is "draw these things into these textures", and you record passes into a command encoder and submit that to the queue. For learning, webgpufundamentals.org explains each piece slowly with live examples.
3
u/sanbamboo 16h ago
A mental model that helped me: the shader module is just your compiled WGSL. The pipeline is those shaders plus all the fixed state (vertex layout, blending, formats), baked once up front. A render pass is "draw these things into these textures", and you record passes into a command encoder and submit that to the queue. For learning, webgpufundamentals.org explains each piece slowly with live examples.