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

Опубликовано: 13 Сентябрь 2024
на канале: 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 ] ==