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

Опубликовано: 13 Март 2025
на канале: 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