In this coding tutorial, we go over the basics of Three.js GLSL shaders. We start off by learning about the WebGL graphics pipeline. Then we go over what vertex + fragment shaders are and how they work. Finally, look at the minimal amount of code required to create a Three.js shader material.
Code -
Twitter -
GitHub -
Website -
== [ Resources ] ==
Three.js Examples -
Discover Three.js -
== [ Timestamps ] ==
00:00 Intro to Three.js Shaders
00:58 WebGL Graphics Pipeline
02:26 Vertex + Fragment Explained
03:09 Three.js Setup Guide
03:50 Shader Material
05:19 Coding Simple GLSL Shaders
== [ Tags ] ==