Forum Discussion
GSAP, x-y transformation in the Modern Player
As some other users in other posts commented when resizing/scaling your browser a Storyline using GSAP for animation will loose its proper positioning and that ain't fun. Allthough i had that fixed for quite a while i didnot have the time to post about it. Well here is a solution. In the attached Storyline there is a function called 'get_XYPos()'. That function returns an array with the x and y value of the object you are using. In the Storyline there is a GSAP timeline looping a shape to scale up and down. A small rectangle (1 x 1 ) is positioned in the Storyline and used as reference to the correct position. On resizing the browser window, a function is called killing the GSAP timeline tween and then getting the new x/y positions and setting the circle to that new correct position.
Then the looping GSAP timeline resumes and the animation continues...
Funny... but onhover and changing x/y position is offcourse something awkward. The moment your y-value changes enough the hover returns false and thus the action will be stopped and the element returns to its original position. So to achieve what you want, you need to hover a hotspot...and trigger another element.
https://360.articulate.com/review/content/e41012ae-7099-4e3f-8d6f-58fa5edc0e21/review
Fixed in here...Kind regards,
MathThanks for your help, I didn't know about the features you wrote about, I'll look into them. I'm trying to make animations like the buttons here. Thanks again
You dont really need Javascript or GSAP for these. Easy to do with button states.
I am trying to have a graphic item in storyline follow or replace the mouse, but I am running across the situation that the mouse tracking is going off - it seems to be tracking the full screen size and just not the slide window. Is there a fix for this? File that I have been testing is attached, any help is much appreciated.
