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

Опубликовано: 05 Май 2022
на канале: 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


Смотрите видео Three.js Shaders Tutorial (part 1/2) | Intro to GLSL Vertex and Fragment Shaders онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Suboptimal Engineer 05 Май 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 18,956 раз и оно понравилось 550 людям.