en en en en en en en en en en en en en en en en fa en en fr hbs_lat en en en es en en en de en en fr en en ca en en en en en en fr fr en en fr en en en en en en en en en en en fr sv en en en en en en en en en en en en en en en en en en en en en tr en nb en tr en en en en en en en en ru en en en en en sv en ru en en en en en en ru en en en en en en ru en en en en en en ms nb en en ms en en en en ja fr en fr fi en en en en en en en ms nb en en ms en en en en ja fr en fr fi en en fr en en en es en fr en hu en en en es en nl en de en it en en en en en en en fr cv es tr es en en en en ms en en en en en en fr en hbs_lat en en en en en en en fr cv es tr es en en en en de en en en ca en en en en en
Animate CC for Canvas export is out with improvements
noco replied to somnamblst's topic in Banner Animation
Thanks for the tips, I'll take a look. Swiffy used to use SVG, but now it uses Canvas. You can confirm this by looking at the source. They must be doing something different with how they render masks.
Anyone know what is with masks from Animate CC output being aliased in chrome? This doesn't happen with swiffy output, which also uses canvas. Also noticing you can't animate filters or anything from the color effects panel, other than alpha. It does it in the Animate timeline, but when you publish it doesn't work. For example you can't animate the tint of an image. Sad to say it but using swiffy still seems to be the most reliable and powerful option for most banners, aside from hand coding.
Sizmek to start counting the file size of external libraries on Feb 1st
noco replied to ohem's topic in Banner Animation
Sizmek currently counts the size of the files unzipped. I believe that you are expecting them to count the zipped size, but they count the unzipped size. And possibly you are thinking the extra size is coming from your external libraries. They are going to start counting the zipped size (thank goodness), but I don't see them saying that they will be counting external libraries. I sure hope not.
SVG Clip Paths, Gradients, and DoubleClick DCM Upload Issue
noco replied to noco's topic in Banner Animation
This was actually through DoubleClick DCM, not Studio. Studio is Rich Media and these were just Standards HTML5 Banners. The tough thing is that most banner creators only have access to Studio, so you wouldn't know there is a problem until you sent these off to the Media company for trafficking, then they would see the issue. Luckily I have access to DCM and was able to catch it.
SVG Clip Paths, Gradients, and DoubleClick DCM Upload Issue
noco replied to noco's topic in Banner Animation
For now I've gotten around this by using the technique shown here in the script.js file; injecting an externally loaded .svg file into the dom. http://plnkr.co/edit/LneUEK?p=preview This script might also work, though I'm unsure of browser compatibility https://github.com/iconic/SVGInjector Once the .svg contents are injected into the DOM, you can animate them with GSAP. And DoubleClick doesn't throw a fit when you upload the ad, because all the SVG is contained in an external file that it doesn't parse. It isn't ideal and seems like overkill, but it will have to do for now.
SVG Clip Paths, Gradients, and DoubleClick DCM Upload Issue
noco replied to noco's topic in Banner Animation
I have an email out to DoubleClick support. I posted here as well because I would think a lot of people will be attempting to do very similar stuff to what I am doing with the GSAP + the DrawSVG plugin. But, when it comes time to actually deploy a banner that uses the SVG/GSAP techniques you see talked about and in many of the great codepen examples, you would hit this road block. I tried removing the url() wrapper but that seems to break the clip path and gradient fill in the svg. Possibly there is some other way to modify the svg code to remove the url references that someone more experience with svg would know about. Another possibility I just came across is loading it via ajax and injecting it into the dom as shown here http://plnkr.co/edit/LneUEK?p=preview.
SVG Clip Paths, Gradients, and DoubleClick DCM Upload Issue
noco posted a topic in Banner Animation
I'm having in issue where DoubleClick is throwing an error when uploading a standard banner with inline svg; to DoubleClick Campaign Manager. It seems to have proplems when the inline svg references clip paths and fills using url(). The SVG that illustrator outputs has two parts in it where I'm using a basic mask and a gradient fill. Like this: clip-path:url(#SVGID_2_); fill:url(#logo_1_); When you upload the banner DoubleClick detects those two as url requests and looks for files named "#SVGID_2_" and "#logo_1_" which obviously don't exist because the are references to ids in the inline svg code. DoubleClick throws and error saying there are missing files. This is basically putting a halt to wrapping up what was a finished banner until I tried to upload it. Has anyone else experienced this and found any work around? I'm doing some pretty basic stuff with SVG here so it is rather disappointing to run into this. Thanks.
Solutions for Banner Ads in the Post-Flash World
noco commented on GreenSock's blog post in Blog
@Jack, yeah I definitely see your side of it. It is very frustrating at the moment, but hopefully it gets better soon. I've actually already sent out this article several times, thanks for breaking it down so clearly.
Solutions for Banner Ads in the Post-Flash World
noco commented on GreenSock's blog post in Blog
I'm used to using TweenMax on websites where there is no file size limitation. I now find myself trying to figure out the bare minimum size i need to use GreenSock for animation in standard banners. We are seeing some requests for HTML banners where they wan't all the assets to fit in a single 40kb zip file (with no CDN use). The way it works is you zip all your assets and then upload the .zip file to DoubleClick DCM. To use TweenLite effectively in a banner, it seems you need to at least include the CSS Plugin. When you zip TweenLite.min and CSSPlugin.min, you end up with a 25kb zip file. That only leaves us with 15kb for everything else we need in a banner, which isn't realistic. It seems like there might still be a case for TweenNano for creating standard banners (versus Rich Media). It would need to include base functionality to animate css properties. Like you said, 40kb is just not a reasonable amount. Unfortunately it is a hurdle we face for the time being. It is definitely a bit of a nightmare at the moment when it comes to file size.
“GreenSock has encouraged me to play with the code, to dream up new and exciting things to do.”
“It's shocking the @w3c didn't use @greensock as a model of how to do animation via code. Did they even ask animators what they use?”
“GreenSock is the best thing that happened to SVG animations since SVG animations.”
“Spent today converting an animation to pure CSS, and then into GSAP. GreenSock was an order of magnitude easier. Love it.”
“The GreenSock animation platform is one of the most useful sets of tools in existence when it comes to web animation.”
“I’ve long felt like GSAP is the best kept secret in JavaScript.”
“I think I love GreenSock as much as bacon.”
“There is no doubt that GreenSock is currently the best available tool for creating astonishing interactive websites and animation effects.”
“The best thing about GSAP is that it just works, and it works well. On every single browser I’ve tested.”
Sign Up For Our Newsletter
Get the latest updates on GreenSock products, exclusive offers, and more right in your inbox.
Your information will always be kept confidential.
Thanks for signing up!
Now you'll begin receiving the latest GreenSock updates, exclusive offers, and more right in your inbox. Welcome aboard.