Playing different button animation after first animation plays

Question

Sorry if the title doesn't make much sense, ill try to explain. I have animated my button so that on the first press, it will look like this:

alt text

I want to make it so that once you click the down arrow, or on the second press, the menu will close and go back to this state:

alt text

I have both animations setup, but I cannot figure out how to make the button go back to the original state after the menu slides up.

Answer 1

Best Answer

Answer by KonfuPanda · Feb 28, 2017 at 07:44 AM

You can create one bool parameter in the animator controller. Then you can attach a button component to the menu or some kind of script which can detect a mouse click/touch (whatever you need) so you can change the parameter via script. Then you set up the animator controller so on one value it (true) it goes to the state in the first pictute and on the other value (false) it goes to the state in the second picture. Pseudocode:

     Button myButton;
     AnimationController myAnimController;
     bool myState;
     
     void Awake()
     {
        myButton.onClick.addListener(changeMenuState);
     }

     void changeMenuState
    {
        myState = !myState;
        myAnimController.setBool("BoolParameter", myState);
    }

Add comment · Show 1 · Share

TheDividedSegment · Mar 02, 2017 at 12:56 PM 0

Share

Thank you, the explanation was a perfect step in the right direction! Solved it perfectly.

Playing different button animation after first animation plays

1 Reply

Your answer

Follow this Question

Related Questions