Button Animation (Using Animator) - Unity 3D[Tutorial][C#]

In this Friday's episode, we create button animations with an animator controller. We have 4 different button states. Idle, Highlighted, Pressed and disabled.

►-------------------------------------------------------◄
Join the community, keep on learning.

► Come hang out in discord! This is the most efficient way to reach not only the team members but thousands of other developers like you! We love it when you help, showcase or just discuss with each other in discord!

► Learn about unity and game design with this playlist:

► If you enjoy what I do here and would like to support me, pledge any amount on Patreon.

►-------------------------------------------------------◄
Stay up to date!

N3K is friendly, laidback community that helps you create video games, and make friends while doing so. Check out our website to learn more, or join us on discord!

► Keep up to date with our plans! Follow the Facebook page

►-------------------------------------------------------◄
More content!

Do you need some ideas?
Try out our Unity Training playlist!

[HealzLife]

Hello, if you're trying to do this on more recent versions make sure you set the animation not to use loop (found on the animations within the projects folder), and if you're still having issues you may have set multiple conditions on the inspector of a parameter by pressing plus more times then once (It's what I did on accident).

[Anelius]

Thank you, I've been looking everywhere for a clear tutorial on how to animate buttons and you nailed it!

[rafaribeiro]

Thanks for the tutorial! I wasn't understanding "Animator" and "Animation" windows and this helped me.

[supertenchoo]

Thanks for the tutorial, I actually learn something new from you, keep up the great work

[blindcentrist]

Thanks a lot for the tutorial, just what i needed. Never stop making these!

[kykilli]

Great write up. Simple and to the point.

[AkanWarcraft]

Thank you so much this helped me get into the animation more and i was able to play with it and learn even more!
This has not only made my start menu look killer it's added more detail to my whole game! Thanks so much!

[adityasharma]

" This is where the fun begins"

[RuiX]

I feel like I need to comment on an issue. First of all thank you for the tutorial: very helpful!


In my menu, how different "sub menus" are changed is by disabling the previous and enabling the next. With these animations on the buttons imagine a button was in its Disabled (animator) state: by going to another menu and turning back to the original menu where our disabled state button is located, it won't return to its original state when idle, or any of the other states (i.e: it will be on the idle state, but its properties will remain the same as if the button were in the disabled state).


For this to be fixed I had to record, for instance, a single keyframe on idle state with the original properties of the button.


I'm sorry if this was somehow explained and I did not get it. But just letting others know of this if they ran into this issue :) Nice coding everyone!

[arthdh]

Could you show how to build a particle system like that?!

[praneeth]

Wonderful and such an informative tutorial
Thanks a lot for making this great tutorial

[dario]

thanks that helped me a lot <3
Won a sub and I liked it

[rutwikd]

Your tutorials are Great.!! Good job :)

[marroussabdelilah]

Thank you so much, you re the best :)

[flamekite]

You are the best, keep doing videos man :))

[cevdetsmite]

great tutorial. everything works fine but my pressed button is not staying still, it is going back to idle after press state. I want it to stay as pressed unless I click the button again I want it to go back to its idle state. any tips?

[polriubrogent]

Can you trigger an animation from another gameObject when highlight the button?

[VoxBlox]

Hey I know this is super old but I have an issue with this that Ive been looking everwhere to fix but cannot. In the video you are able to copy paste the first button and mouse over all of them up and down just fine. For me when I do the same thing they will do the highlighted anmation if I go from 1st button in heirarchy down but not going the reverse way. only the lower button in hierarchy animates and I dont know why. Any ideas?

[baileymogensen]

Hey just wondering how to stop the highlight trigger from playing until the entire animation of pressed has played through?

[denkozlov]

Thank you very much, you helped me out a lot ;)