How to change the button image texture on hover?

This site is currently in read-only mode during migration to a new platform.
You cannot post questions, answers or comments, as they would be lost during the migration otherwise.
0 votes

I want a button to have an image and then change the entire image when the mouse cursor hovers over it. Clicking the hover tick on the inspector just overlaps another texture over it. How would I completely change the button image on hover?

Thanks in advance!

in Engine by (40 points)

1 Answer

+4 votes
Best answer

I don't understand your question very well , but there is TextureButton node in Godot and it has " hover " property and you can assign different image to it .... and as far as I know and I tested , it will change the image completely
( I add a big image , Normal property of TextureButton , then I added small image to Hover property , and when I run the game , it change the image completely

just use TextureButton node instead of Button node

by (116 points)
selected by

That was it! Thanks so much. I was just using the wrong node. The regular Button node does have a hover property, but it keeps the main image (the Icon property) so that the hover image just overlaps it instead of replacing it. Thanks again.

by (40 points)
Welcome to Godot Engine Q&A, where you can ask questions and receive answers from other members of the community.

Please make sure to read Frequently asked questions and How to use this Q&A? before posting your first questions.
Social login is currently unavailable. If you've previously logged in with a Facebook or GitHub account, use the I forgot my password link in the login box to set a password for your account. If you still can't access your account, send an email to [email protected] with your username.