Migration from WebGL to WebGPU - Concepts and Implementation

Explore the migration process from WebGL to WebGPU in this conference talk from Conf42 JavaScript 2023. Delve into the evolution of web graphics technologies, examining the timeline of WebGL and WebGPU. Gain insights into WebGPU's current state and core concepts, including GPU adapters, devices, features, and limits. Learn about resource types, command recording, and passes in WebGPU. Compare high-level conceptual differences between WebGL and WebGPU in areas such as initialization, buffers, shaders, and drawing techniques. Examine the distinctions in handling uniforms across WebGL 1.0, 2.0, and WebGPU. Investigate shader languages, comparing GLSL and WGSL, and explore differences in data types, structures, and built-in functions. Understand viewport space, clip spaces, and receive valuable WebGPU tips to enhance your development process. Access additional resources and links to further your knowledge in web graphics programming.

intro
preamble
background
timeline of webgl & webgpu
current state of webgpu
webgpu core concepts
gpu adapter
gpu device
features and limits
gpucanvascontext
resource types
queue
recording gpu commands
passes
high-level conceptual differences
initialization
buffers
shaders
programs vs pipelines
drawing
uniforms
- in webgl 1.0
- in webgl 2.0
- in webgpu
shaders
glsl vs wgsl
comparison of data types
structures
function declarations
built-in functions
convention differences
texture 2d
viewport space
clip spaces
webgpu tips
resources & links