Forum Discussion
Animation: I want to move and simultaneously shrink the size of object in Storyline 3
Hi All,
I need help regarding Animation in storyline 3. I want to diagonally move the object ( which can be achieved by motion paths ) and simultaneously shrink it to almost 20% of its size. Not ...
An option would be to use GSAP. As its build into Storyline its as easy as selecting your image and then triggering the javascript animation...
Like this...
animateElement("cat");
function animateElement(_accName){var element2Animate = document.querySelector("[data-acc-text='"+_accName+"']");gsap.to(element2Animate, {x: "30vw", y: "60vh", duration: 2 ,scale:0.65});
}
Sample added
So, what are the coordinates? If I'm trying to go from the upper left hand corner to the lower right hand corner of the screen, and my screen size is 1280x720, using "1280vw" doesn't seem to work.