GLSL & Shaders Tutorial - Understanding The Syntax And The Idea Behind The Vertex & Fragment Shaders

By the end of this video, you'll have a solid understanding of the GLSL ES language's syntax. And also the whats and hows behind shaders, the vertex and fragment shaders more precisely. --- Timestamps 00:00 Introduction 00:13 GLSL definition 00:42 Comments 01:01 Variables and constants 01:25 Basic types 02:09 Vectors and matrices 02:51 Vectors 05:05 Matrices 06:13 Samplers 06:27 Arrays 06:53 Structures 07:29 Control flow statements 07:40 Functions 08:41 Storage qualifiers 26:10 Precision qualifiers 10:48 Shaders definition 11:03 Vertex shader 12:24 Fragment shader 13:41 Example 1 17:45 Example 2 22:52 Example 3 25:40 Final words --- Article https://waelyasmina.net/articles/glsl-and-shaders-tutorial-for-beginners-webgl-threejs/ --- Support the channel buymeacoffee.com/waelyasmina --- The boilerplate that I'm using in my tutorials https://github.com/WaelYasmina/ThreeBoilerplate --- Links WebGL, Shaders, Vertex Shader, Fragment Shader, GLSL ES, and WebGPU In A Nutshell https://youtu.be/6AHpdQCrf_Q Three.js Tutorial For Absolute Beginners https://youtu.be/xJAfLdUgdc4 Math For Game Devs by Freya Holmér https://www.youtube.com/playlist?list=PLImQaTpSAdsD88wprTConznD1OY1EfK_V GLSL built-in functions https://www.shaderific.com/glsl-functions