Anatomy of a fragment shader
In this lesson, we break down the structure of a minimal fragment shader — the part of your WebGL program that runs once per pixel. You’ll learn how to use varyings like v_uv, assign colors using gl_FragColor, and work with GLSL data types like vec2 and vec4. By the end, you’ll understand how to render a simple screen-filling gradient based on pixel position.
- Chapter 1
Building Shader Effects in Vue
10 lessons • 59 min2:53
3:51
4:24
8:47
7:17
7:15
6:50
9:59
2:54
5:21
