How a Frame Renders

This section opens scene.render(), the steps WebGL and WebGPU built by hand, measured on BookNest's store: the passes of a frame, shader caching and translation, and what a draw call costs on each backend.

Subsections

• Scene to Draw Calls
• The Effect and Material Cache
• WebGL Shaders
• WGSL Translation
• WebGPU Bindings
• Draw Call Cost