Creating Scroll Activated RIVE Animations

https://bit.ly/4bTD5zu 👈 Design & code like me. Use "UI2024" for 25% Off! https://bit.ly/4dVpgRa - Get notified when my Rive course is released! -- Today, we're going to step back into the awesome world of Rive and show you exactly how you can activate various Rive timelines based on scroll position. This involves a bit of JavaScript, and project files are available down below! Rive remix link: https://rive.app/community/files/13966-26384-scroll-activated-animations/ JavaScript/html/css: https://codepen.io/designcourse/pen/RwXMVOe 0:00 - Intro 0:53 - Creating the Rive Assets 2:30 - Animations 7:30 - State Machine Logic 13:22 - HTML / CSS / JavaScript Let's get started! #rive #frontend #uiux - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: https://designcourse.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!