somnamblst

All my banners since December have been createjs canvas output, initially exported from Flash CC 2015, now Animate CC which is Flash renamed. The hiccups that are differences between AdWords and DCM, are that AdWords has stricter rules regarding hosted library files. I am lucky, in that any AdWords buys are just static, so I am using the single hosted SSL compliant creatjs file. DCM does host GSAP. The biggest advantage to Animate are fonts (any font you want, no web safe font stacks, no PNG images of copy) and Compact Shapes. Grant Skinner said his goal was to have SWF era file sizes. Just because we can go to 200K does not man we should. Animate like Flash before it does an amazing job of minifying vector content. I use TinyPNG for transparent bitmaps. You can either use GSAP in your JS file or on the timeline. Another cool feature is scale content, when you change stage sizes. I use it going from 728x90, to 468x60 and then to 320x50, and use the scaled bitmap dimensions to make new smaller bitmaps for those ad sizes, after adjusting my other elements for much smaller ad dimensions.

This is a little confusing since we don't actually use the button to click through. Just having a button symbol gives you a cursor, and it adds this to your published HTML stage.update(); stage.enableMouseOver(); and then on your canvas div right before ending > onclick="javascript:window.open(window.clickTag) Alternately you could wrap your canvas div with an HREF but its not valid. (though it does work)

Christian, It was a very confusing time. Luckily the company I work for does enough $$$$$$$$$$, that we had a google employee shepherding us through the transition. The good news is unless you are doing video, expanding, dynamic; unusual sizes like lightbox floating, you don't need to consider your banner ads rich media. That means no DCRM enabler.js, no exits, and best of all no GWD. DCM is not rich media, DCRM is. Zipped FLA and modified HTML file and JS file attached. just drag the button layer to the bottom of the stack it appears to effect the rollover on the CTA. Here is the validator for DCM https://h5validator.appspot.com/dcm animateCC_banner_2X.zip

The update fixed the cache issue, but only if you signed out before installing the upgrade. I couldn't find a place to sign out, so I am still SHFT+CNTRL+DELETE and dumping just cached images and files.

Ohem I noticed that, but I was still breaking apart because I didn't know it was auto converting.

Actually Oliver, with Animate CC AKA Flash you create your text in an AS3 document, duplicate your text layer so you don't have to start over with copy changes, then break apart your text, then copy and paste your layer or keyframe into a Canvas doc, or convert your AS3 doc to Canvas. You have all the control you had in Flash. Once you have broken apart your copy you can select individual characters or lines and move them. Also in the MAX presentation on banners, 5-8 server requests was mentioned as a limit.

Noco they actually referenced your questions about filters and effects in this MAX presentation. Some things that are not available are because they are too expensive to render. https://images-tv.adobe.com/avp/vr/155ad5fb-a467-45ba-a599-6f0e3b4806ad/3e5d068a-7998-41d1-8607-d4f04a5579df/1aa439ad-0773-4ee7-b88b-28393984b4a0_20151007114929.854x480at800_h264.mp4 I took screenshots and added my notes http://greensock.com/forums-support-files/flashCC_canvas_HTML5ads.png

The main reason I am so enthusiastic about using Flash CC Canvas/Animate CC is because I can use any font I have access to. Breaking apart text, creates a vector graphic of your copy. I have created a banner campaign with 4 vector lockups or logos pasted from Illustrator, no bitmaps, text created in an AS3 document and broken apart before converting to Canvas, and authored at 2X the size for retina, and had my unzipped *.js file be 15K. I actually have zipped files that are only 30K. The compact shapes function of easel.js is responsible for such low K weghts

I am doing timeline animation using tweenjs, simply because you have to use tweenjs anyways. But you certainly can use GSAP on the timeline to manipulate anything you have on the timeline. There is apparently amazing minifying of imported vector graphics or anything you create in Animate CC, as my files are small even before zipping. So go ahead and splurge on GSAP. There is this http://www.createjs.com/docs/easeljs/classes/DOMElement.html

Yes. The padding is removed in the body tag. so if you want to remove the body background color style, stop before margin:0px I like the single createjs file. Corey Hudson referenced it in his CC Canvas for banners presentation, as being smaller than individual files. I get the impression that easeljs does an extremely good job of minifying vector graphics. I had one campaign with 4 vector lockups or logos, and my js file was only 15k not zipped. Apparently that is what the Compact forms options does. The one I am working on now has many keyframes for two masks and my js file is 56K. The browser cache issue that began suddenly about a month ago is fixed, but you reportedly have to sign out of CC before you install Animate CC. From the Adobe blog:

Some improvements seem designed for banner creators The padding is gone. Create spritesheet is not checked by default. And use hosted uses just this <script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script> and it is already SSL compliant. So fewer things to add to your HTML doc, just clickTag var and onclick="javascript:window.open(window.clickTag)" There is an option to provide a URL for web fonts. And an option to import an HTML template so I imagine you can create one that has the clicktag stuff baked in.

I am also authoring at twice the size for retina display, and am very pleased with the Flash CC Canvas export file sizes. The compact shapes publish settings option that is checked by default seems responsible for the light weight of multiple imported vector graphics copied and pasted from Illustrator. I love using guide layers again, as I have to version for as many as 11 different logos. The masking we loved from Flash is also intact in canvas export, as are motion guides. For banners uncheck create sprite sheet as Doubleclick does not permit JSON files.

If you could hear the mouse activity anywhere on a page your banner happens to be on, the dimensions of your banner would have to be 100%, rathert than 728x90. This is definitely something that falls under rich media. Perhaps reach out to Doubleclick Studio Rich Media and ask if they have done anything like that. There are templates in their template database that were created for specific unusual requests.

I know this is a Plan B type suggestion, but have you thought about loading your Edge Animate published 3-D flip using an iFrame, into your Flash CC canvas exported HTML doc? Or using the DOM element? http://www.createjs.com/docs/easeljs/classes/DOMElement.html You might want to ask on Stack Overflow, Lanny of GSkinner.com, hangs out there. http://stackoverflow.com/users/1252916/lanny Very jealous that you are getting to beta test Animate CC.

Hosting libraries is also about cache. Couple possibilities. The bandwidth bills are higher than projected, and Wall St. is not happy. Or maybe so many designers were going right up to the 200K limit because they thought they got to go to 200k with bitmaps, and the ads were not loading in a real world test. I have always been my own personal K Weight police. If i could make a 32 color GIF that was only 23K, i would. They did just buy Pointroll for big $$$$$$$$$$$$

Just tried it. I passed. nothing worse than getting emails from AdOps marked Hot. It always means something is FUBAR.

Hi 13coulors, DFP is Doubleclick for Publishers. I used to work for a company that used DFP, I currently work for a company that uses DCM, and when my ads hit a particular publisher (DFP), I believe they are supplied as a tag. DFP users do receive ads from agencies and advertisers so I am not surprised that there is an HTML5 template in DFP Google has forums for all their products. Here is a thread on HTML5 issues in DFP. https://groups.google.com/forum/?fromgroups#!topicsearchin/google-doubleclick-for-publishers-api/html5/google-doubleclick-for-publishers-api/fTxwDnEy7jQ

Hi RayH The good news is you can use the tool you are most familiar with to create animated banners, which is Flash CC Canvas export, soon to be renamed Animate CC n the next release. I also have used Edge and going back to Flash has greatly improved workflow. Attached is my banner example zip file with commented HTML doc, that shows what you add to your HTML file after publishing. I also have an FLA I was unable to attach, because that type of file is not permitted as an attachment in this forum. PM your email address and I'll send it you. This MAX presentation is highly recommended. https://images-tv.adobe.com/avp/vr/155ad5fb-a467-45ba-a599-6f0e3b4806ad/3e5d068a-7998-41d1-8607-d4f04a5579df/1aa439ad-0773-4ee7-b88b-28393984b4a0_20151007114929.854x480at800_h264.mp4 The white paper http://createjs.com/html5ads/ banner_example.zip

Hi Ohem Your example http://plnkr.co/edit/rDtONIWD5Jgrpd8Ax7oL?p=preview Does expand on rollover for me. Did you change anything?

If you are currently creating your text as images you will love it. Any font you want, just break apart your text.

This site was useful when I used to get sent the FUBAR files to troubleshoot http://www.adopstools.net/ I can only imagine the headaches the Ad Ops people deal with. Never did figure out who/why but a SWF created in house by production artists in another city, with crazy impossible click throughs was firing a click on every impression.

Mediaplex, I believe. Looks like a cachebuster http://www.adopsbuzz.com/ad-exchanges/right-media-yahoo-advertising-exchange/implementing-click-tracking-or-cache-busting-macros-in-third-party-tag-creatives/

The reason for the looping animation rule is that looping animation is annoying, so the ad industry responded with the 3X or 15 seconds rule. I know of no one who has gotten dinged, people either follow the rule or don't, I don't think there was a way that did not involve a human with a stopwatch to enforce it. The unfortunate byproduct of that rule was some mass production banner shops did everything as a 3X animation, when national ads created by agencies were once and done. I personally do, once and done, and try to make my duration appropriate to the messaging. Since we are talking about HTML5 banners there is an AdHelper specific class for Flash CC Canvas export banners, created by the createjs team. http://createjs.com/html5ads/ http://github.com/createjs/sandbox/ .

Is the visibility function something you are QAing in Doubleclick Studio? The reason I ask is because I would not be surprised if this is something you would not be able to tell if it is working, until the ad is live on a page, after a tag has been created, and the ad is being served by ad software such as DFP. Studio does have a preview function that allows you to preview an ad on a site that you supply the URL for, but I have never gotten it to work for any URL I have provided.

If you have not solved this, why not use the transform tool in Flash to manually your reg point. When you create an MC you can choose where your reg point is. so I just created one with top left, but I still had a reg point in the center. One of the speakers at one of the MAX Flash CC createjs presentations definitely talked about this, I just can't remember which one.