Page 1 of 1

Animated HotSpot

Posted: Mon Jun 19, 2017 4:27 pm
by dukarev_sergey
Hi
Help me pleas made animated hotspot

http://anturaga.net/temp/tour_hs_circle/hs_circle.html

I'd like to get next things:
Mouse Enter - animation of circle OFF (scale 100%)
Mouse Leave - animation of circle ON (scale 50% and etc)

Now "hs_circle" continue moving even mouse over hotspot.

Thank you.

Re: Animated HotSpot

Posted: Mon Jun 19, 2017 6:39 pm
by Hopki
Hi,
Looking at your screen shots Im a bit confused.
You have both actions and logic blocks for the same thing.
Example you show mouse enter, change element alpha to 1.00 for img_5.
But you also have a logic block and in the elements properties.
The Alpha also is set to default 1.00 it would make sense for it to start at alpha 0.

To tidy this up I would use Logic blocks.
Example in the element img_5 you can use under the alpha logic block, Mouse Over Parent = True, Alpha 1.000. Then set transition to 1 second.
As your mouse enters the Hotspot Template img_5 will fade in.
Wen your mouse leaves the hotspot template it will fade back to 0.
This way you don't need two actions to mouse enter and mouse leave.

But in answer to your question I would add to the circles Alpha Logic Block
Mouse Over Parent = True Alpa = 0
Then set a transition to say 0.5 seconds so you see a fade effect.

Regards,
Hopki

Re: Animated HotSpot

Posted: Tue Jun 20, 2017 6:25 pm
by dukarev_sergey
Hi,
Thank you for ctions and logic blocks. It's more corectly.
But white circle still fade from 1 to 0
How can I make circle visible when Mouse Over?

http://anturaga.net/temp/tour_hs_circle/hs_circle.html