How to create animated shaders with three.js

How to create animated material shaders using threejs with React Three Fiber? In this tutorial, we will discover what are shaders, how to create custom ones and how to pass adjust parameters (uniforms) using Leva. To do so we will create Rocket League animated decals styles on a Tesla Cybertruck model. Get the starter pack here ? #r3f ▬▬▬▬▬▬ Useful L I N K S ? ▬▬▬▬▬▬ My complete course to learn React Three Fiber Link to the final result Link to the source code Three.js Journey. I also have a discount code just for you to get -20% Book of Shaders The Study of Shaders with React Three Fiber React Three Fiber documentation R3F Drei ▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬ 00:00 - Intro 00:18 - Final Result 00:38 - Program 00:58 - What is a Shader? 02:11 - Custom Shader Examples 02:36 - Project Setup 03:39 - Shader Material 05:10 - GLSL Format 06:00 - Stripes Shader 09:25 - Disks Shader 10:34 - Resources 11:00 - Thank you ▬▬▬▬▬▬ Support the channel ? ▬▬▬▬▬▬ Become a member to get access to awesome perks: ▬▬▬▬▬▬ Connect with me ? ▬▬▬▬▬▬ ? The Discord Community ? Instagram : ? Facebook : ?Twitter : ?TikTok : ? My website :