The future of the web is paved with shaders
summary
Claims practical shader recipes for the web: how GLSL shaders run on WebGL and WebGPU to make realistic glass, refraction, diffuse lighting, color dispersion, and screen‑level postprocessing; concrete tools like 3JS and React Free Fiber and utilities such as texture2D, noise and edge detection; demos include ray‑marching landscapes, a cloudscape, and a particle scene that scales to 65,000 particles and runs in real time, with code and resources linked and working examples.
AI-written summary · about
chapters (11)
- 0:00Shader basics on the web
- 2:29What is a shader and how it works
- 5:16Vertex and fragment shaders in GLSL
- 7:04Creative effects with vertex shaders
- 8:54Fragment shader techniques
- 10:21Realistic glass with shaders
- 13:32Post-processing and stylization
- 15:18Art styles with edge detection
- 17:25Advanced shader effects
- 18:07Particle rendering and geometry
- 19:11Resources and closing
related talks
43mShaders: How to Create Mind-Blowing Effects on Your Website
34mWebGL Practical Application
44mWebGL and Shaders: Programming Light
26mCreative experiments with WebGL shaders in JavaScript
01h 08mThe quest for the graphical web
37mMoving Web applications into Virtual Reality
22mWebGL For More Than Graphics: Is It Possible?
33mPainting by Functions