WebGL 2: Uniforms (Part 1)

This video covers the basics of WebGL uniforms. We'll cover what uniforms are. We'll look at `uniform locations` (which are related to `attribute locations` too). And we'll see some of the ways to send different types of data into your vertex and fragment shaders.

You can find supplementary materials on this video series' GitHub page:

This series on WebGL 2 was produced for anyone who, like me, had major problems getting a firm understanding of WebGL's intermediate and advanced concepts. Every video is focused on a single concept. If I've done this well, you shouldn't really need to "get up to speed" before watching any of these videos. There are no external libraries. I'm not building up to a custom API or injecting any abstractions. And I don't expect you to have watched from episode #1 to get "how I'm doing things with WebGL."

Complete playlist:

Videos:

I really hope someone out there will find this series helpful.

[habibosaye]

Learning WebGL1 and this playlist has cleared up so much. It’s almost as if the tutorials out there assume you know the tiny bits. Thank you!

[andrejhronco]

Excellent series! well thought-out and explained examples.

[ryanchen]

great tutorial on webgl, will you go on to cover webgpu?

[whiterook]

Do I need to set a uniform's value every time I make a draw call with a program, or only when it changes? If I'm running this on a loop, do I call it before every frame, or every time I use the program, or only when the value changes? Or will the value stay in memory so I can set it once and then never call gl.uniform1f() again for that particular uniform?

[smitpatil]

why point is rectangle and not circle ?

[sidekickrida]

is `fragColor` a keyword or can it be something like `frag_color`?

[ethernet]

The title of this video is "Uniforms (Part 1)". Is there a Part 2? I can't seem to find it, it's also not in the description.