With the demise of Adobe Edge, it looks like I am going to focus on using Google Web Designer as a central GUI animation tool. Having coded using GS in Flash for some time, I am glad that GSAP is easy to bring into GWD, especially since it is hosted on their CDN. I personally preferred Edge but never used GS in it, as I was able to make what I needed most of the time without it. My question is about how I could trigger GS functions/effects using events on GWD timeline. I've tried creating events and calling functions that have TweenLite calls in them, I've tried calling TweenLite directly in the event function and neither one works. If anyone has some guidance on this, it would be very welcome. Here's an example of the code generated for a timeline event that is currently not firing the tween at 2.1 seconds
<script type="text/javascript" gwd-events="handlers">
window.gwd = window.gwd || {};
gwd.scaleCTA = function(event) {
TweenMax.to(redCTA, 0.5, {
scale: 1,
ease: Back.easeOut.config(4)
});
};
</script>
I've tried also replacing this with the function call that currently works on rollover to bump the CTA up.
Files are attached.
Greensock GWD SVG Test.zip