Next-Generation 3D Graphics on the Web
summary
Covers practical tools and measurable gains: a ready-to-use model-viewer custom element with AR, accessibility, and a single offscreen WebGL context plus IntersectionObserver/ResizeObserver to render many embedded models; current WebGL hits ~1,000 draw-call limits and an eight-context cap, while early WebGPU demos deliver 3x more draw calls and native-like scale (approaching 10,000 objects). WebGPU exposes GPU compute and shared memory, reducing redundant memory loads (example: 400→64 loads) and promising up to 10x TensorFlow.js speedups.
AI-written summary · about
chapters (10)
- 0:00The history of WebGL
- 2:07WebGL basics and frameworks
- 3:48Modern WebGL use cases
- 5:36Mixing WebGL with HTML
- 8:25Simplifying WebGL workflows
- 10:23Building 3D web components
- 14:01Introduction to WebGPU
- 17:55Performance benefits of WebGPU
- 20:06Understanding GPU compute
- 30:40The future of GPU on the web
related talks
38mWebGPU: Next-generation 3D Graphics on the Web
22mWebGL For More Than Graphics: Is It Possible?
40mThe WebGPU Revolution: Full GPU Power on the Web and Beyond
28mTurbo charging 2D on the web
34mWhat WebGPU means for Web platform?
20mEmbracing WebGPU and WebXR With Three.js
14m3D On The Web
37mMoving Web applications into Virtual Reality