Animate Storyline Groups with GSAP
Sep 18, 2022
Continuing on my series about animating with the GSAP library in Storyline360 i am focusing now on groups of elements in Storyline. As we all know its quite tough to get animation directly in Storyline exactly as you want it, especially when grouping Objects. Well with GSAP you can tackle any group exactly the same as your normal elements. Ensure you can select it properly, either by using the 'accessibility name' or in anyother way, and you can trigger the same animations you use on simple elements.
Here you find my GSAP Storyline tester to accompany this post.
First thing you can try is changing the rotation and duration and check SL-Group g1 or SL-Group g2. Click 'run gsap animation' and you will notice the complete group nicely animates.
Ofcourse you can change the transformation center for the complete group as before. Clicking the circular transformation point tool to see its orientation
change. Do notice that you can enter pixel values and thus the orientation point of the rotation will be outside of the bounds of the group. Learned that myself only recently.
Inside the groups are buttons included. The controls in 'Innergroup' influence the parameters for those buttons. Changing duration, x and y scale will change the animation when clicking those buttons. Notice that also the transformation point works nicely. Thus being able to scale a group from any of its borders.
Adding an ease to your animation can really improve it big. A list with several eases available in GSAP and Storyline360 is selectable. Only works on the 2 Innergroups and the scaling for now. Best detectable when using a short duration and change the ease on an element. In the gif above you can see some of those differences, especially noticeable on the bounce and elastic ease.
GSAP especially shines when you try to use multiple animations together. Notice in this gif that whenever you make your duration for a rotation long enough, you can click the Innergroup buttons and the animations still work perfectly smooth. The Gif has more trouble playing then the GSAP animation ;-)
Adding the Storyline for the adventurers amongst us...