Jump to content
GreenSock

GreenSock

Google DoubleClick and AdWords host GSAP on their CDN

Recommended Posts

Thanks for the help - I already had a ready function:

$(document).ready(function () { 

}

But I tried the

document.addEventListener("DOMContentLoaded", function(event) { 
//Now run your animation.
});

and got the same error message.

Link to comment
Share on other sites

@tedbell, can you provide a link so we can see the problem in context? It sounds like your page isn't actually loading TweenMax. Tough to troubleshoot blind, though. 

Link to comment
Share on other sites

Hi Ted,

 

Thanks for the demo.

I don't see any errors and the animation appears to be playing fine.

I guess you fixed it?

Link to comment
Share on other sites

Carl - thanks! I didn't fix it, but when you said it works for you - bingo! My Adblocker was preventing the GSAP lib from loading! Thanks for all the help - what an idiot I am - probably shouldn't be allowed to use any Greensock libraries after this embarrassment. I have to learn to turn off my Adblocker when I am creating ads!  :0

  • Like 2
Link to comment
Share on other sites

Classic! 

 

Don't worry, its normal. 

 

You'd be surprised the amount of times myself and my colleagues have run into that very schoolboy error.

  • Like 2
Link to comment
Share on other sites

Has anyone noticed in the Google approved CDN for Adwords and DoubleClick they added CreateJS!!??.  https://support.google.com/richmedia/answer/6307288?hl=en

 

What that means you can use (as the tutorials here show) that you can use Flash or Adobe Animate 2015 Again to make Adwords banners, yes!

I have successfully managed to get Adobe Animate, with CreateJS and TweenMax to make Adwords banners en then successfully uploading them using the external libraries form the CDN. This means my js file needed for the banner is only in total when minified en compressed only 8KB!!!! that gives me a headroom of 150KB - 8KB for images. Which now in Animate CC i don't use as often because it is only needed for true bitmaps, typefaces, text and vectors like logo's are converted to canvas.

 

Ofcourse you work in Adobe Animatie in Canvas HTML, but you can mix plain HTML by setting a div on top of the canvas generated by Animate CC 2015 and then move from there. Animate converts all vector library elements to canvas elements. So when you import a logo from illustrator its not converted to an image. When you use fonts you can easily edit them when the client wants changes.

 

Yes another new way of making ads for Google Adwords, thanks again GreenSock!!

  • Like 3
Link to comment
Share on other sites

LOL

 

That is almost one year old

 

LOL coding by hand is easier, i get now a canvas file that is 120KB in size ;-)

  • Like 1
Link to comment
Share on other sites

  • 2 weeks later...

Thanks for letting us know! Great news.

Link to comment
Share on other sites

  • 8 months later...

That's pretty odd indeed. I'd recommend reaching out to the DoubleClick team. Unfortunately, we don't have any control over what they put on their CDNs. :(

Link to comment
Share on other sites

  • 8 months later...

We sent a request today to the Google folks, @HHCC IT Department, so hopefully they'll put 2.1.2 up there soon. We'll post here if/when we hear back. It certainly wouldn't hurt for you (and others) to submit your requests directly to Google as well so that they can gauge user demand. 

Link to comment
Share on other sites

On 3/7/2019 at 10:05 AM, HHCC IT Department said:

Any ETA on when GreenSock 2.1.0 will be available on Google's CDN?

 

Google has the new 2.1.2 files in place and I updated the original post at the top of this thread too. Here are the URLs: 


https://s0.2mdn.net/ads/studio/cached_libs/tweenmax_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/jquery.gsap_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/timelinelite_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/tweenlite_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/timelinemax_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/raphaelplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/colorpropsplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/pixiplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/scrolltoplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/textplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/endarrayplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/cssruleplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/attrplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/modifiersplugin_2.1.2_min.js 
https://s0.2mdn.net/ads/studio/cached_libs/directionalrotationplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/easelplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/roundpropsplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/bezierplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/cssplugin_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/easepack_2.1.2_min.js
https://s0.2mdn.net/ads/studio/cached_libs/draggable_2.1.2_min.js

 

Thanks to the Google folks for jumping on this.

 

Happy tweening!

  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×