MENU

Fun & Interesting

Integrating your RIVE Animations on the Web!

DesignCourse 57,494 3 years ago
Video Not Working? Fix It Now

https://bit.ly/3mEJWp7 - Become a frontend developer (50% off limited time!) -- Want to learn UI/UX? https://designcourse.com​​​​​​​​​ -- Today, I'm going to show you how to take the Rive animation we created from a week ago, and get it implemented on the web with fully interactivity through JavaScript. Watch the first lesson here: https://www.youtube.com/watch?v=9_Gz-fFfFek Codepen demo for this project: https://codepen.io/designcourse/pen/bGroPoJ (not responsive!) https://rive.app/ 0:00 - Introduction 1:02 - An Awesome Offer 1:40 - Rive Project Overview & Exporting 3:28 - Integrating the Rive Web JS Library 4:25 - Writing the HTML 5:50 - Writing the CSS 7:18 - JavaScript 20:46 - Final Project Preview 20:59 - Final Thoughts #rive #javascript #animations - - - - - - - - - - - - - - - - - - - - - - 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!

Comment