Advanced Creative Coding with WebGL & Shaders by Matt DesLauriers
Duration:4 hr 17 min
Release date:2026
Publisher:Frontend Masters
Skill level:Advanced
Language:English
Exercise files:Yes
Software:WebGL, Three.js, GLSL
Course URL:https://frontendmasters.com/courses/webgl-shaders/introduction/
Ready to level up your creative coding game? This course dives deep into the nitty-gritty of 3D graphics programming using WebGL, Three.js, and GLSL shaders. You’ll go beyond basic rendering to explore 3D vectors and craft mind-bending shader effects that have real-world applications in AR/VR, game development, and interactive installations.
🎯 What you’ll learn
- Implement and manipulate 3D vectors for complex scene manipulation.
- Create custom visual effects using GLSL shaders.
- Understand the fundamentals of WebGL for high-performance graphics.
- Integrate shaders with Three.js for advanced rendering.
- Apply learned techniques to fields like generative art and data visualization.
✅ Requirements
- Skills: Familiarity with JavaScript and basic 3D concepts.
- Tools: A modern web browser.
- Hardware: A computer capable of running modern web applications.
📝 Description
This course is all about getting hands-on with WebGL and GLSL to push the boundaries of what’s possible on the web. We’ll break down complex topics like 3D math and shader programming into digestible chunks. You’ll learn how to write your own vertex and fragment shaders to create unique visual effects, from realistic lighting to abstract generative art. Matt DesLauriers, a seasoned creative developer, guides you through practical examples, showing you how to build performant and visually stunning 3D experiences. This isn’t just about theory; it’s about building cool stuff.
🧑🎓 Who this course is for
- Developers looking to add advanced 3D graphics to their web projects.
- Creative coders interested in generative art and interactive media.
- Anyone wanting to understand how shaders work under the hood.
- Artists and designers who want to create dynamic web-based visuals.
🧑🏫 About the Author
Matt DesLauriers is a freelance creative developer known for his work on digital installations, rich 3D web experiences, generative art, and interactive games. He has a knack for translating complex technical concepts into engaging visual projects. His experience spans various fields, making him a perfect guide for exploring the diverse applications of WebGL and shaders.
🏁 Final Result
- You’ll have the skills to program custom shaders and implement advanced 3D graphics techniques in your own web projects, ready to be showcased in a portfolio.

Channel