Three.js Shaders Tutorial (part 1/2) | Intro to GLSL Vertex and Fragment Shaders

Published: 05 May 2022
on channel: Suboptimal Engineer

17k

509

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 ] ==

Watch video Three.js Shaders Tutorial (part 1/2) | Intro to GLSL Vertex and Fragment Shaders online without registration, duration 07 minute 25 second in high hd quality. This video was added by user Suboptimal Engineer 05 May 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 17 thousand once and liked it 50 people.