First style is for hero sections only. The button background jumps out from the opposite direction of the cursor hover.

Second style has randomised animation for each hover. It picks one scribble animation from a set of four.

Third style is simple. This will be used for most buttons.

New buttons for my portfolio update ✨

The animations and their logic were made using @rive.app

#rive #motiongraphics #interactivemotion #uianimation

Check out the interactive version over here - rive.app/community/fi...

With these particular animations, I wanted to explore the idea of the button revealing discounts. Trying to add just a little bit of delight to such an important button.

Animated CTAs for websites 🎬📣

(Check my comment for the link to the interactive version 👇)

Since I started using Rive I’ve thought of it as a tool to add delight to every interaction. One such interaction that I work with a lot is the call-to-action button.

#rive #motiongraphics #uianimation

Plan B: Accept the reality and remove games from the backlog.

Anyways, hope you enjoy this odd and kind-of-creepy… thing.

The solution was to use animation layers. It’s a feature in Rive that allows setting up multiple channels of animations and interactions which run simultaneously. And then Rive blends all the animations, based on all the interactions. It’s honestly wild watching all this happen behind the scenes.

The challenge was to combine the proximity based eye opening with the blinking animations. The opening of eyelids is based on how far the cursor is from the eye. And the blinking happens at random intervals (and sometimes more than once). How do I combine both?

Couldn’t really find a proper tool for this, so I built my own “proximity sensor”. And while I was testing this out with my project, I also ended up doing something that is only possible with Rive.

Link to the interactive version - rive.app/community/fi...

I’ve been experimenting a lot with @rive.app and wanted to figure out a way to drive animation based on cursor proximity.

(Check my comment for the link to the interactive version 👇)

#rive #motiongraphics #interactivemotion #uianimation

Most of the reviews talked about how good it is as a Star Wars experience. But for someone like me who’s not a Star Wars fan, it wasn’t worth it at launch. I do want to try it once, the changes to the Ubisoft open world formula seemed quite interesting.

Check out the interactive version over here - rive.app/community/fi...

So I set up the animations such that the user can hover away (or click) at any time during the hover animation and yet it smoothly ends the hover animation (or transitions to the click animation).

I get to make fun animations and users can choose to do things faster. Win-win.

The assignment was to animate some basic icons. I of course decided that these basic icons could use some not-so-basic animations.

I wanted to keep the hover animations a bit longer so that I can add some more drama. But of course, almost everyone won’t have time to watch the whole animation.

Been playing around with @rive.app so much I forgot to finish the School of Motion’s Rive Academy.

(Check my last reply for the link to the interactive version 👇)

Just got around to doing the assignment for Volume 1.

More info below 👇

#rive #motiongraphics #interactivemotion #uianimation

Killer Frequency’s vibe and aesthetic was so good. Plus the fact that the entire story was told through just voice acting and barely any character animations. Kudos to the VA staff.

I think a lot of recent survival/crafting games have had granular difficulty adjustments. Something that I now want from other games too. Specifically in my case, I would like to make parry windows easier. I don’t want to get good at parrying, I just want to do it!

Wow, guess I should start using this app more