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

Published: 05 May 2022
on channel: Suboptimal Engineer

18,956

550

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 - https://github.com/SuboptimalEng/thre...

🎥 YouTube -    / suboptimaleng
💻 GitHub - https://github.com/SuboptimalEng
🐦 Twitter -   / suboptimaleng
🧵 Threads - https://www.threads.net/@suboptimaleng
📸 Instagram -   / suboptimaleng

== [ Resources ] ==
Three.js Examples - https://threejs.org/examples
Discover Three.js - https://discoverthreejs.com

== [ 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 ] ==
#suboptimal #threejs #shaders

Watch video Three.js Shaders Tutorial (part 1/2) | Intro to GLSL Vertex and Fragment Shaders online without registration, duration hours minute second in high 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 18,956 once and liked it 550 people.

6,153