So, I’m trying to work on something here and I just found a bit of an issue while working on it.
I’m trying to animate these squares so that when you MouseOver one them, they’ll all move so that the one you have your mouse over is on display. Like this
That works perfectly, BUT since I’m working with relative frames, when I move from one mouse over to the next one, without waiting for the previous timeline to finish, it uses the relative position of the current state, causing weird results
Is there a way to fix this? Any ideas are welcome!
The thing is, If I move the mouse quickly over the circles, it won’t detect the last Mouse Out action… and the animation will get stuck on the last mouse over.
There seems to be an issue with the mouse over~out event timing. At a certain point if the mouse is traveling too fast the elements do not correctly register the event.
One solution:
A Javascript function (“delayMouseOver”) is triggered with Hype’s “Mouse Over” action for the grey “Rectangle”. This code delays the “Mouse Over” firing by “0.5” seconds (500 milliseconds).
The circles will reset themselves 500 milliseconds after a fast moving mouse enters the grey “Rectangle”. I found setting the value in the code any lower than 500 (i.e. a faster response) would not trigger properly.
It doesn’t solve the problem if the person moves the mouse over one of the circles and out of the frame, but you really did help me! My question is, is this Mouse Over~Out issue worth a bug report? Is it really a bug after all?