In this video, I will show you how you can implement a cool scroll progress indicator using javascript and Lottie Animations.
Join the Late Night Coders community to get access to online courses and more:
https://www.latenightcoders.club/
Github repository for the starter code:
https://github.com/AkbarBakhshi/three...
Github repository for the finished project of this video:
https://github.com/AkbarBakhshi/scrol...
✅ 🆓 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:
scroll-based animations with ThreeJS and GSAP: • Scroll-Based Animations in Three JS w...
Intro to ThreeJS: • Introduction to Three Js (Part 1) - A...
Custom Shaders in ThreeJS: • ThreeJS - Introduction to shaders and...
Raycasting with ThreeJS: • Detect mouse events on ThreeJS object...
Production-ready Webpack boilerplate: • Production-ready Webpack boilerplate ...
Useful links:
https://www.npmjs.com/package/@lottie...
https://lottiefiles.com/92752-loader
https://lottiefiles.com/26511-circula...
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 🙂
In questa pagina del sito puoi guardare il video online Scroll Progress Indicator using Javascript and Lottie Animations Tutorial della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Late Night Coders 28 febbraio 2022, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 432 volte e gli è piaciuto 13 spettatori. Buona visione!