Search the Community

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

Hey folks, Curious if anyone has any real-world examples of what they have built using Google Web Designer that they can share. We want to help the GWD team as they continue to support GSAP as an option in their IDE via File > include JS library feature. Providing them with some real world examples would be a great help. If you can't share your work publicly, send me a PM. Thanks

Hi all I'm fairly new here but really loving my initial forays into GSAP. Gotta say I love it I am new to HTML5 banner creation as well, though I've been coding for a while now. Anyway, anyone here using GWD to start off their ads for Double Click campaigns and then using GSAP? I'm a hand coder so I tend to get more confused using tools like these but since watching a few of the DC hangouts where Google talks about HTML5 and GWD etc.., it seems to be a recommended workflow when having to add in the required code snippets for DC. This 'could' save some time .. BUT I've tried GWD and even a couple YT trainings on a basic banner ad with a tap area and I find the tool buggy and slow. Are there any banner creators here that use GSAP only and then add in the DC code OR are there hybrid users here too? If you are using GWD and come from a hand coding background, what do you use it for, if at all? I am asking because I don't want to waste more time learning a tool that I don't actually need. I also do not yet completely understand the requirements for a DoubleClick ad .. hence my inquiring mind. Thanks ahead of time. Love this forum! Coco

i've gotten GSAP working well in GWD. but i notice that all images dropped on the stage are position: absolute. so, trying to animate "x" works but moves the element relative to its own position. eg this: TweenLite.to("#b1", 1, { x: 15 }); moves the div #b1 to the right 15px from where it is, not to 15px from the left edge. does anyone know how to fix this in GWD so i can use x and y, not left and top? i tried a few things, but nothing seemed to work. did i do something wrong when setting up the images on stage? i read in the forums that using x instead of left will also help get rid of jittery animations http://greensock.com/forums/topic/9249-jittery-animation-with-slow-moving-images/ thank you!