Forum Discussion
GSAP 3.5.1 ( latest version ) is now included in Storyline 360
A few months ago i discovered Storyline uses the GSAP Tweening library for all its animation features. Any animation you make in Storyline somehow is triggered by GSAP under the hood of Storyline. T...
Hi Math,
please forgive the "stupid questions", I'm a total beginner when it comes to javascript/GSAP.
- GSAP only works with imported SVGs, right?
- Is it possible to zoom in/out images using GSAP?
- If I want to learn more about GSAP and how to use it in Storyline: What would you recommend? How should I proceed? What should I look at most? Javascript to begin with?
Many thanks in advance. :-)
You can animate any page element with GSAP. Images, shapes, Storyline UI-elements...even create elements from scratch. Anything is possible. Yes, you can zoom in/out of image. scaleX, scaleY or scale will do that. To achieve a zoom-effect you need to keep the 'mask' of an object static... or scale down probably..
Check starting with my posts..
I would love to start a tutorial series to help anyone with GSAP in Storyline...not sure how to post and maintain that on the community though...My suggestion:
Record and put them on YouTube. Then create a dedicated "Learning GSAP" thread and as you add tutorials on YouTube, post the links in the thread with a description of what the tutorial covers.Yeah, might be a good idea...
Since I have no idea exactly how GSAP works, I have a favor to ask:
Could you show me with an example how zooming and moving an image at the same time works? You can find an example in the attachment.
I would then like to try to deal more precisely with the topic using your code...
Would be SUPER, if that would work!
Many thanks!
The basis is easy. Getting it exactly as you want, well that takes time and practice.
Here you have the basis... Both in a video showing how to ( more or less ) Kann sicher grundlicher ;-) and the final result...
