Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

"Working week" First test of interactive animation using Rive

ema_colombo's profile picture

Emanuele Colombo

22,717 subscribers

160,322 görüntüleme • 3 yıl önce •via X (Twitter)

EğitimBilim & TeknolojiSanat
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Emanuele Colombo profil fotoğrafı
Emanuele Colombo3 yıl önce

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 Babel profil fotoğrafı
Tony Babel3 yıl önce

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

Emanuele Colombo profil fotoğrafı
Emanuele Colombo3 yıl önce

@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 Grabowski profil fotoğrafı
Adam Grabowski3 yıl önce

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

Emanuele Colombo profil fotoğrafı
Emanuele Colombo3 yıl önce

@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 🇺🇦 profil fotoğrafı
Gabriel Gareso 🇺🇦3 yıl önce

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

Emanuele Colombo profil fotoğrafı
Emanuele Colombo3 yıl önce

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

Benjamin Ulmet profil fotoğrafı
Benjamin Ulmet3 yıl önce

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

Emanuele Colombo profil fotoğrafı
Emanuele Colombo3 yıl önce

@rive_app 45kb 🤯

Wolfgang Bremer → Bluesky profil fotoğrafı
Wolfgang Bremer → Bluesky3 yıl önce

@rive_app this is amazing ♥️

Benzer Videolar

Build interactive data-driven characters with Rive by millie
1:38

Build interactive data-driven characters with Rive by millie

Guido Rosso

59,462 görüntüleme • 4 ay önce

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

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

Ashley Best 🏝

13,500 görüntüleme • 2 ay önce

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!
0:42

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 görüntüleme • 8 ay önce

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 🎚️
0:45

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 görüntüleme • 6 ay önce

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
0:49

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 görüntüleme • 1 yıl önce

Animation test Model release this week #Skullgirls #b3d
1:14

Animation test Model release this week #Skullgirls #b3d

Nik🕶️🍊

51,661 görüntüleme • 1 yıl önce

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

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

Drawsgood

12,367 görüntüleme • 3 ay önce

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

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

SEGA Informant

651,581 görüntüleme • 11 ay önce

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

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 görüntüleme • 3 yıl önce

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! 🔊👇
0:20

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,173 görüntüleme • 4 gün önce

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.
3:23

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,172 görüntüleme • 2 yıl önce

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
0:39

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,961 görüntüleme • 1 yıl önce

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

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

Guido Rosso

116,883 görüntüleme • 2 yıl önce

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.
0:20

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 görüntüleme • 10 ay önce

I just submitted my interactive duck avatar to the #rivechallenge by Contra and Rive From a simple head animation to a full reactive game character, it’s finally live! 🔥| Drop a vote on Contra and check the first comment, where the duck is waiting for you 👇
0:30

I just submitted my interactive duck avatar to the #rivechallenge by Contra and Rive From a simple head animation to a full reactive game character, it’s finally live! 🔥| Drop a vote on Contra and check the first comment, where the duck is waiting for you 👇

MattJedrzejewski

19,514 görüntüleme • 6 ay önce

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".
0:20

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 görüntüleme • 9 ay önce