WebGL: Building Interactive 3D Worlds in the Browser
summary
Starts from a triangle, shows the actual WebGL steps: WebGL render pipeline (vertex buffers, shaders, programs) then moves to higher-level tools Three.js and A‑Frame and live‑codes a scene. Demonstrates loading gltf models, the inspector and Google Blocks, builds a box and a whole scene (camera default offset 1.6m, box positioned at −2m), notes some components (ocean) and the demo environment misbehave but the model loading and inspector workflow succeed.
AI-written summary · about
chapters (8)
- 0:00Intro
- 4:09WebGL Basics
- 5:46AFrame
- 7:21Scene
- 15:38Model
- 20:08Google Blocks
- 24:48Baking Light
- 27:38Conclusion
related talks
37mBuild in-browser 3D experiences with WebGL and PyScript
13mWebGL Demo with THREE.js
41mGetting started with three js and WebGL
17mBuilding Immersive Experiences on the Web
59mRendering 3D Like a Grown-Up
01h 14mWorkshop: Preparing 3D Graphics in the Browser (Part 1)
37mThe next frontier WebGL and WebVR
01h 07mWorkshop: Preparing 3D Graphics in the Browser (Part 2)