Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views : Ad Clicks : Ad Views :
Oh Snap!

It looks like you're using an adblocker. Adblockers make us sad. We use ads to keep our content happy and free. If you like what we are doing please consider supporting us by whitelisting our website. You can report badly-behaved ads by clicking/tapping the nearby 'Advertisement' X text.

Advanced Creative Coding with WebGL & Shaders by Matt DesLauriers

Advanced Creative Coding with WebGL & Shaders by Matt DesLauriers

/

Author: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/

Master 3D graphics programming with WebGL and GLSL for stunning creative coding projects.

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.
Curriculum

📋 Course content

  1. Introduction to WebGL & Shaders
    • Course Overview and Setup
    • Understanding the Graphics Pipeline
  2. 3D Math Fundamentals
    • Vector Operations
    • Matrices and Transformations
  3. GLSL Shader Programming
    • Vertex and Fragment Shaders
    • Shader Inputs and Outputs
  4. Advanced Shader Techniques
    • Lighting and Materials
    • Post-Processing Effects
  5. Integrating with Three.js
    • Custom Shader Materials
    • Performance Optimization
Watch online or Download for Free
Advanced Creative Coding with WebGL & Shaders by Matt DesLauriers
NAME
SIZEDURATION
4. Geometry
88 MB
7. Wrapping Up
58.6 MB


Join us on
  Channel    and      Group

Leave a Comment

Your email address will not be published. Required fields are marked *