Build in-browser 3D experiences with WebGL and PyScript
summary
Shows a working triangle render built with raw WebGL shaders and Python running in the browser, then scales to a Three.js scene of 50,000 cubes navigated with camera controls; uses PyScript with Pyodide (or MicroPython for smaller downloads), loads GLTF models and HDR environment maps, and wires JS callbacks via proxies. Claims real, end-to-end browser demos that run (big initial download, FPS varies by browser), and prefers WebGL 2.0 not WebGPU.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:463D graphics fundamentals
- 8:07PyScript introduction
- 12:41WebGL setup with PyScript
- 18:47Static triangle with WebGL
- 20:35Animating triangle in Python
- 23:23Three.js introduction
- 28:18Interactive 3D cubes
- 30:03Textures and 3D models
- 34:14Data-driven visualizations with Deck.gl
- 36:22Closing thoughts
related talks
31mWebGL: Building Interactive 3D Worlds in the Browser
41mIntro to WebGL with Python examples
13mWebGL Demo with THREE.js
34mWebGL Practical Application
34mNext-Generation 3D Graphics on the Web
59mRendering 3D Like a Grown-Up
41mBuilding 3D Games using Babylon.js
45mThe visual web of today and tomorrow - WebGL and WebVR.