Create tooltip on hover, destroy on mouse out?

[alarian]

Hey!

I have a text with alpha: 0

When hovering over a sprite, I've done it so this text tweens to alpha: 1

But I've also set it up so that hovering over the text keeps it at alpha: 1 too.

This solution is stupid. Since the text will show when accidentally hovering over it.

I need to create the text when hovering the sprite, then tween it to alpha: 1 and tween back to alpha: 0 and destroy the text when no longer hovering neither the text or sprite.

I'm Lost here...

Help :'(

[MichaelD]

Simple, use https://github.com/netgfx/Phasetips my plugin for creating tooltips, advanced/simple and whatever in between

[alarian]

That's just too quick of an answer!

I'll check it out when I'm back home

Thank you so much Michael!

[alarian]

Hi,

 

This is what I'm doing:

http://alarian.1apps.com/idle/

 

When hovering over the "land" part, the +1 wood / -100 food shows.

I understand how I can do this with your plugin.

 

What I don't understand is, how I can make it behave the way it does in my game?

 

It takes 500 ms before it "disappears", which gives the user half a second to change focus to the text before it goes away.

 

I see no way for the user to interact with the tooltip with your plugin "from scratch".

But then again, I'm kind of new at all of this...

[MichaelD]

The page doesn't open. In my plugin you can set: animationSpeedHide to 500 or whatever value to add the delay also animationDelay to add a direct delay.

 

If you want me to add a feature or if you add it yourself and you think it would be a nice addition you can do a pull request and I will review it.

[alarian]

I don't understand how to do a pull request without forking.

 

I would like a feature where you can hover the tooltip itself and it stays visible.

That way, your plugin could be used to create all sorts of UI stuff.

 

The thing is, you need to have a bit of time to actually move the mouse from Target to Tooltip.

If animationDelay does the trick, then you don't need another property.

Otherwise, I'd also request hideDelay or something like that.