Scroll-Based Animations in Three JS with GSAP (GreenSock)

In this video, I show you how you can combine GSAP (Greensock) library and Three JS to create cool scroll-based animations. Please fill out the form below to let me know what topics you are interested in: https://forms.gle/VLGsvbQnx8zuznby8 Check out the video below to see how you can add smooth scrolling using locomotive scroll to what we built in this video:    • Smooth Scrolling with Locomotive Scroll an...   Github repository for the starter code: https://github.com/AkbarBakhshi/Objec... Github repository for the finished project of this video: https://github.com/AkbarBakhshi/three... ====****Video Timestamps****==== 00:00 Intro 00:39 Big announcement on my online course 02:46 Getting starter code and review of existing code 05:19 Text animation on scroll 14:38 Threejs component Animation on scroll 26:50 Final thoughts 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.⚠️ Check out my portfolio website at https://www.akbarbakhshi.com Other video tutorials: Intro to ThreeJS:    • Introduction to Three Js (Part 1) - Add sc...   Custom Shaders in ThreeJS:    • ThreeJS - Introduction to shaders and GLSL...   Raycasting with ThreeJS:    • Detect mouse events on ThreeJS objects usi...   Production-ready Webpack boilerplate:    • Production-ready Webpack boilerplate with ...   Useful links: https://greensock.com/gsap/ https://greensock.com/docs/v3/Plugins... https://greensock.com/docs/v3/GSAP/Ti... https://greensock.com/docs/v3/Plugins... Finally, please 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 🙂