Rive 101 - 7.19 Build a simple button

[@AnilMeena1692]

I think a lot of people must have doubt in how this is actually working, especially why Idle and Not Hover states. We have to keep in mind that Idle does NOT have any keyframes, so when system goes to idle in 2nd layer of state machine, it's getting key values from the first layer, where Hover state is actually keyed. Now one can question why even make two layers, I think that can be achieved, but a loop gets created while you are exiting the clicked state and you have to set up variables in a way that that loop breaks.

[@knowledge-21234]

It is not working inside flutterflow, although flutterflow have support for rive animations

[@1zidajner]

Nice tutorial. But why do we need "Not Hover" state, why not just use "Idle" again because its basically the same state?

[@cudiedgar]

Just a guess, but it might be a good work ethic to keep when animations start to get complicated

[@sircasino614]

I feel like this should be simplified... what's the point of an input and listener? I feel like that could be condensed into one function probably.

[@dimeloloco]

inputs are just variables that can change based on a listener interacting with them, and listeners are reactions resulting from changes of state. These are front-end / app programming conventions

[@dimeloloco]

it's useful because you can have many to many relationships, ie a few inputs manipulating lots of changes in what you see, so you can have one input producing many state changes on more complex animations / interactions

[@shpljonk]

@@dimeloloco Then it's not simple button.

[@gflav]

Rive is great but integrating it into websites is a pain. I wish there was an easier way to do it. I made a button and all good, took me like 20 min to figure out how to incorporate it into my website. Now it's taking me days to figure out how to make the "click" do something useful on my site besides animate, still can't figure it out!

[@busimo]

Is it a you problem or a Rive problem? Big are integrating it left and right so it may be a you problem. But devs and smaller companies are struggling so it can be a Rive problem. What do you expect it to do beside animate?

[@gflav]

@@busimo It's a rive problem. Spline 3D is like rive but in 3D, and their stuff is MUCH easier to integrate, it even has a workflow with webflow already. I'm an artist not a web developer, I shouldn't have to touch any code.

[@busimo]

You mean u can make spline designs interactive on say framer without touching code? I haven't used spline@@gflav