Search the Community
Showing results for tags 'storyline'.
Found 2 results
-
Gsap animations relatives to the main container scale value (Storyline)
Grégory F. posted a topic in GSAP
Hi, I'm trying to use Gsap to make some advanced animation in Storyline, but I have a serious issue, because the course is resized depending the window size with css transformation : scale(). GSAP seams to ignore this rule because for example 200px is always 200px no matter the scale ratio. For now, I calculate the ratio and create the tweens depending of it (and recreate them on window.onresize), but there is an issue if you change the window size during the animation. Is there any possibilities to get the animation to be relatives to this scale ? https://360.articulate.com/review/content/9a23964a-1d79-4c1c-8e47-e8f036269c18/review Here an example of a tween: window["tween"+i] = gsap.fromTo(labels[i],{y:574*scale},{y:334*scale,ease:"power1.out", duration:0.25, paused: true,immediateRender:false, onComplete:twComplete,onCompleteParams:[i]}); Thanks a lot. -
Good day everyone. Been working on several GSAP implementations on our Articulate Storyline 360 courses. They work fine for the most part. I come here today because we've encountered an issue when restart course trigger is activated. It restarts the course, but the GSAP implementation does not restart. We tried to do some fixes with the help of ChatGPT and several searches online, but it just wont work. We have a persistent svg progress bar implementation we did using GSAP. Basically every new slide we move to, it increases. But when we move back, it does not decrease, and persists to the last max slide visited. Here is the current code for the progress bar. This is located in the slide master, where all slides are using the layout from. Meaning this JS is covered on every slide. When we reach Slide 36, it resets the progress bar. Its values and display are visibly reset. But after hitting restart course button, it seems like GSAP just completely stopped working. It does not function anymore and the Logs on Console keep saying that we are still on Slide 36 and the progress bar keeps saying it is reset even when we're already on slide 1 and onwards after the restart. Please help guide us on the proper way to restart a gsap script. I dont think the way we are doing it is right (not sure at all what is the right method) but any input will be appreciate. Thank you so much.
