Custom Shaders in ThreeJS - Map image texture on objects using fragment and vertex shaders code

Показать описание

Join the Late Night Coders community to get access to online courses and more:

Check out part 1 with an introduction to shaders:

Github repository for the starter code:

Github repository for the finished project of this video:

====****Video Timestamps****====
00:00 What we are doing in this video and why?
02:45 Getting starter code
06:10 Changing ThreeJS camera position and looking away from the center of the scene
10:16 MeshBasicMaterial and ShaderMaterial for texture mapping
13:04 Writing vertex and fragment shader code to map texture on geometry
28:45 Taking control of the opacity ("a" in "rgba") of the texture in the fragment shader
38:04 Changing the position of Object using ThreeJS Clock and vertex shader
45:53 Quick recap and outro

✅ 🆓 Please make sure to subscribe to the channel and hit the notification bell to be the first to know whenever I upload new videos.⚠️

Other video tutorials:

Useful links:

Finally, leave a comment below and let me know if you have any questions or you have any topics in mind that would like me to make videos for.

Happy coding 🙂