Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

"Working week" First test of interactive animation using Rive

Emanuele Colombo

22,675 subscribers

160,339 views • 3 years ago •via X (Twitter)

Education Science & Technology Arts

Anya Rossi• Live Now

Private livecam show

10 Comments

Emanuele Colombo3 years ago

Still a lot of things to figure out but the potential is incredible. Experience the interactive animation firsthand on my website and let me know what you think!

Tony Babel3 years ago

@rive_app Haha, so cool! Reminds me when I used to make interactive animations in flash a decade ago.

Emanuele Colombo3 years ago

@rive_app I was still working in video editing when Flash was at its peak, so I didn't have direct experience using it. It's fun to see how interactivity opens a whole new level of storytelling

Adam Grabowski3 years ago

@rive_app nice! how has it been adapting to the Rive workflow from AE?

Emanuele Colombo3 years ago

@rive_app I struggled a bit in getting rid of some muscle memory (i.e. shortcuts), but I must say they are pretty similar in terms of animation. There are a few functions that I would actually love to see implemented in AE (in example, the way layers are managed)

Gabriel Gareso 🇺🇦3 years ago

@rive_app Oh wow! Mind = blown 🤯 that’s so cool!!! Now I have to try that app as well Hahaha

Emanuele Colombo3 years ago

@rive_app I am sure you will come up with something great!

Benjamin Ulmet3 years ago

@rive_app Amazing as always, I'm curious to know what's the weight of your final file?

Emanuele Colombo3 years ago

@rive_app 45kb 🤯

Wolfgang Bremer → Bluesky3 years ago

@rive_app this is amazing ♥️

Related Videos

Ekko from Arcane - Fan art interactive poster Seriously, Rive is a game-changer for stuff like this. Using Flutter and some tricks, I hooked the animation up to the phone’s gyroscope 🤯 Check my first comment, there is live preview 📎 Follow for more! 🫵

Ekko from Arcane - Fan art interactive poster Seriously, Rive is a game-changer for stuff like this. Using Flutter and some tricks, I hooked the animation up to the phone’s gyroscope 🤯 Check my first comment, there is live preview 📎 Follow for more! 🫵

MattJedrzejewski

12,764 views • 1 year ago

Build interactive data-driven characters with Rive by millie

Build interactive data-driven characters with Rive by millie

Guido Rosso

59,482 views • 4 months ago

Here's another Pretext example, using a Rive animation to drive the reflow! 🪱 How satisfying are those curves?!

Here's another Pretext example, using a Rive animation to drive the reflow! 🪱 How satisfying are those curves?!

Ashley Best 🏝

13,500 views • 2 months ago

We love that Play is used by so many Rive users to test their Rive animations! In our latest update we added new features for Rive files inside Play: › Different animations accross timelines › New Animation property with Direction & Loop › Nested Rive Inputs support Play is Rive's best friend!

We love that Play is used by so many Rive users to test their Rive animations! In our latest update we added new features for Rive files inside Play: › Different animations accross timelines › New Animation property with Direction & Loop › Nested Rive Inputs support Play is Rive's best friend!

Play

16,729 views • 9 months ago

I turned my portfolio site into an interactive prototype 🎛️ You can tune the style, motion curve, and speed of my intro animation built with 50+ states in Rive - now live at 🎚️

I turned my portfolio site into an interactive prototype 🎛️ You can tune the style, motion curve, and speed of my intro animation built with 50+ states in Rive - now live at 🎚️

Bruce Cao

68,821 views • 6 months ago

While you're here, how about a 1-minute walkthrough of how I made this "Rive is Magical" animation? File is now available in the Rive community! Rive

While you're here, how about a 1-minute walkthrough of how I made this "Rive is Magical" animation? File is now available in the Rive community! Rive

Joey Judkins

12,250 views • 1 year ago

Got this loaded using the Rive Apple runtime! It utilizes scripting, cool to see it all working in the simulator.

Got this loaded using the Rive Apple runtime! It utilizes scripting, cool to see it all working in the simulator.

Drawsgood

12,367 views • 4 months ago

Animation test Model release this week #Skullgirls #b3d

Animation test Model release this week #Skullgirls #b3d

Nik🕶️🍊

51,661 views • 1 year ago

They went on to create two more pieces of test footage using this animation and effects technique.

They went on to create two more pieces of test footage using this animation and effects technique.

SEGA Informant

651,581 views • 1 year ago

First gameplay test with the new assault rifle using the integration available for our Low Poly Shooter Pack! #indiedev #gamedev #animation #FPS #UnrealEngine5

First gameplay test with the new assault rifle using the integration available for our Low Poly Shooter Pack! #indiedev #gamedev #animation #FPS #UnrealEngine5

Infima Games

12,709 views • 3 years ago

Recently, we had the pleasure of collaborating with the incredible ASB GlassFloor GlassCourt -Technology team for a month. During this time, we worked on various activations and fan games that were featured during breaks at the EuroLeague Final Four in Athens. Our focus was on the interactive/motion part using Rive ! Here’s a fast look at the Rive work behind the Adidas First To Four Challenge! 🔊👇

Recently, we had the pleasure of collaborating with the incredible ASB GlassFloor GlassCourt -Technology team for a month. During this time, we worked on various activations and fan games that were featured during breaks at the EuroLeague Final Four in Athens. Our focus was on the interactive/motion part using Rive ! Here’s a fast look at the Rive work behind the Adidas First To Four Challenge! 🔊👇

JΛVIΞR

11,536 views • 12 days ago

In today's tutorial, you can learn how to make an interactive vibrant card animation in Rive. By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.

In today's tutorial, you can learn how to make an interactive vibrant card animation in Rive. By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.

Alex Barashkov

51,263 views • 2 years ago

Love the new site update Figma! The new interactive Rive animations are awesome! 🚀🚀🚀

Love the new site update Figma! The new interactive Rive animations are awesome! 🚀🚀🚀

Guido Rosso

116,883 views • 3 years ago

HEY CUTIE... - Short Animation Test It's finally out! A short little animation test between Jaizybel and Noa we've been working on for a while (along other things eheheh...)! The goal of this animation test is to settle on a finished look and show you what stylization we aim for

HEY CUTIE... - Short Animation Test It's finally out! A short little animation test between Jaizybel and Noa we've been working on for a while (along other things eheheh...)! The goal of this animation test is to settle on a finished look and show you what stylization we aim for

Joyark Toons

160,974 views • 1 year ago

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.

Guido Rosso

59,850 views • 10 months ago

When the owl loading post went viral, many said “DEV’S NIGHTMARE”, so I recreated the process and tested it with my team DSpot Team. Results: 🖌 Design, Animation & Setup in Rive → ~10h ⚙️ Integration/Test (iOS) → ~1h Most of the work is done in Rive. For devs, it was almost "plug & play".

When the owl loading post went viral, many said “DEV’S NIGHTMARE”, so I recreated the process and tested it with my team DSpot Team. Results: 🖌 Design, Animation & Setup in Rive → ~10h ⚙️ Integration/Test (iOS) → ~1h Most of the work is done in Rive. For devs, it was almost "plug & play".

JΛVIΞR

23,502 views • 10 months ago