Triggering Greensock (GSAP) using timeline events

445 views
Skip to first unread message

miah8000

unread,
May 17, 2016, 2:00:39 PM5/17/16
to Google Web Designer beta
I am in the process of transitioning from Edge to GWD and would like to implement GSAP into the process. I am able to call functions and target elements (made some buttons rollover, etc...) but I want to figure out how to trigger Greensock calls using events on the timeline. Is this something that others have done? I asked the question on the GSAP forum and got very little constructive feedback. I am not sure what the crossover is but I hoped to find some ideas/support here. 

Svein-Tore Narvestad

unread,
May 17, 2016, 3:39:25 PM5/17/16
to Google Web Designer beta

Hi Miah!

Not quite sure if this is what you want.  I asume you know how to use GSAP.  Move the timeline to i.e. 1sec and the press add Event:


An event will be added in the timeline:



Then doubleclick the event (the E).  This window will open:




A message Add Custom action pops up.  Press this one and you will get a window where you can wrtie your GSAP code:





Svein-Tore

miah8000

unread,
May 18, 2016, 11:52:07 AM5/18/16
to Google Web Designer beta
I am familiar with this, it is calling the function and making it fire which is causing problems. I've tried several approaches but had no success yet. 

Nivesh Rajbhandari

unread,
May 18, 2016, 5:52:57 PM5/18/16
to Google Web Designer beta
Hi,

Please elaborate on what you mean by "it is calling the function and making it fire which is causing problems." Which GreenSock library and APIs are you using?

Can you trigger a simple animation using the GreenSock libraries like the example at the bottom of https://googlewdesigner.blogspot.com/2016/04/popular-questions-from-google-web.html (Can I use external JavaScript libraries in Google Web Designer? section)?

Thanks,
Nivesh

Reply all
Reply to author
Forward
0 new messages