Shaders: How to Create Mind-Blowing Effects on Your Website
summary
Shaders are GPU programs originally from video games used to perform massively parallel visual calculations such as lighting. The talk explains core shader principles, how to embed shaders into a website using ThreeJS to produce effects like fractals, rain or kaleidoscopes, and covers practical best practices for using shaders on the web.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:48Why shaders fascinate
- 3:53How shaders work
- 15:55Shader web advantages
- 16:38GLSL basics
- 22:12Simple Three.js example
- 25:22Shader animation and time
- 29:12Using textures
- 33:45Advanced effects and interactivity
- 37:14Point cloud creation
- 40:14Three.js integration
- 42:14Conclusion and Q&A
related talks
20mThe future of the web is paved with shaders
44mWebGL and Shaders: Programming Light
53mPixel Shaders for Web Developers
25mHow to Program Your GPU (and Not Do It Alone)
26mCreative experiments with WebGL shaders in JavaScript
44mFrom CSS to WebGL Shaders: An Overview of Animation Techniques
01h 08mThe quest for the graphical web
34mWebGL Practical Application