somnamblst

Actually Animate CC by several updates ago, converts all text using any font you have access to, to shapes described by createjs, a dynamic text field would still get published as a js file, would it not? Have you done any geo location dynamic banners?

One of the coolest things about Animate is using any font you want, and Animate converting it to shapes in the published js file. You have fewer server requests, and no need to make multiple png images or SVGs of your copy. Except, when you paste vector art such as a lockup from Illustrator. Then your js file calls that font. Unfortunately we are not set up to do any QA, so I am unable to report, exactly what happens when the font being called is for example Impact, and the user does not have it. The only fubar situation i was made aware of by a marketing person seeing one of my Animate published ads in the wild, where I had pasted from In Design, to Illustrator to Animate, was the mobile size where it appeared to revert to Times. Any one else noticed this? My experience was that if I had pasted something that contains text from Illustrator I see a line like this this.text = new cjs.Text("", "60px 'HelveticaNeueLTStd-Hv'", "#FFFFFF"); If I created all text in Animate, I have no instances of this.text = new cjs.Text

Just a quick note on what makes a banner rich in Doubleclick post Flash days rules. Expandable, video, dynamic, or anything that would not be considered in page, like a Lightbox ad (floating).

Animate 2017 has an awesome animated GIF export.

I have all vector banners that have been as low as 12-15K zip files and no need to labor in PhotoShop, creating so many assets for so many sizes... All my text is editable text that is converted to vector shapes on publish.

You would edit that FLA in Animate, and enter the individual movie clips and replace the elements, legs, arms, torso, with your doll parts. Then you convert it to a Canvas document. You can either use the timeline or GSAP for forward motion. The nested clips are where the repeat motion loops (arm swinging, leg stepping) happen.

Make a simple one then validate it. https://h5validator.appspot.com/adwords#/asset

One of the cool things about Animate is that SWF era animations that don't require any actionscript can be reused and exported for Canvas. Here is an example walk cycle FLA available for download from Flashkit. I have many saved FLAs that involve human locomotion. Some are running rather than walking http://www.flashkit.com/movies/Animations/Anime/Characters/Walking_-Niall-8420/index.php Walking towards viewer http://www.flashkit.com/movies/Animations/Vector_Animations/People/Walking_-Tamon_Te-198/index.php

"When I first got into banners/Flash I found resizes to be tedious when using timeline animation." I find resizing easy, because I enter the movieclip to change a text object from 300px to 160px. Movieclips are containers you just move. When I got creative from an agency, I had to convert to Rich Media, I was always annoyed if it wasn't using nested movieclips. Between vector lockups simply being pasted and text no matter what the font being converted to shapes, I have almost no server requests and have had zip files under 20K. I don't have tedious imports from PhotoShop because bitmaps are the exception not the norm. And it is rarely more than one. So I might have a small, medium and large over 8 sizes. I was fast on Flash, so going back to Animate from Edge, I got the speed back. It's the copying and pasting of frames and layers, and complex animations I like. ​Then there is the publish templates. That is huge. I never touch the HTML file. And when I do it is easy to use CSS to add things like the youtube API player. Plus Animate Commons came out with extensions. Someone with no timeline experience can do parallax, flexible and adaptive layout. http://animatecommons.com/

I use Animate CC. For me it is the luxury of time. Do you have it?

Animate CC 2017 can export GIFs, that from my limited tire kicking (we have people creating animated GIFs for email) much more easily and smoother than PhotoShop. You would only need very basic Animate skills to pull it off. And you would not have to worry about click tags and zipping assets.

What program did you use to create the .mov, assuming it was not just video?

Animate CC. Too many sizes, and versions, and deadlines further up the pipeline being blown past, as I am able to quickly edit positioning and asset dimensions, as I move to the various sizes. I actually design in Animate, pasting vectors from Illustrator, sizing bitmaps in PhotoShop. TinyPNG for anything that requires transparency. Scrub the timeline for screen caps to create storyboards. When I do use frame scripts for tweening I have used the built in tween.js, and put them on key frames on the timeline to avoid visual clutter. I have had zip files as small as 25K. The other major reason is fonts. We follow print POS, and they buy fonts for specific campaigns. One of the other time savers is publish templates. I never have to touch my HTML files. Find and replace on that many files, was a major hassle.

I was thinking parallax could be cool as a subtle rollover effect that isn't something involving the CTA. I had snow fall on rollover for some holiday ads i did, rather than a button doing something on rollover.

http://animatecommons.com/ The extension enables a rich feature set that makes working with Animate CC easier and more fun. The range goes from simple helper functions to ready to use features like responsive layouts, performance optimization and visual eye candy (parallax) effects.

Since this is a Animate authored banner ad with video question, I thought I would jump in and add that I just got around to checking out what is new in the Animate 2017 release, and I'll be damned if they did not give us an HTML5 video component. The Source parameter allows us to select video file from a local location or provide any URL to play the video (mp4, ogg, ogv, or webm formats). https://helpx.adobe.com/animate/using/using-components-in-animate-cc.html and a virtual camera tool. https://helpx.adobe.com/animate/how-to/virtual-camera.html

Since the vendor is telling you what you must do, have you asked the vendor for a working example? Also, have you tried another video as a troubleshooting test. For instance codecs matter. You can download bigbunny.mp4 here http://camendesign.com/code/video_for_everybody/test.html Recommended video codec for MP4 video format is H.264 with following settings: Optimized for Web ( moov atom at the front of the file ) Progressive scan (no interlacing)

Your clicktag being 100% width and height appears to be blocking everything.

What browsers did you test in? http://www.hongkiat.com/blog/html5-videos-things-you-need-to-know/ Have you thought about using Youtube to play your video? <div id="player"></div> <canvas id="canvas" width="300" height="600"></canvas> <script> // 2. This code loads the IFrame Player API code asynchronously. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // 3. This function creates an <iframe> (and YouTube player) // after the API code downloads. var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '182', width: '298', videoId: '*******', playerVars: { 'autoplay': 1, 'modestbranding':1, 'controls': 1, 'fs': 0, 'rel': 0 }, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } var playerReady = false; // 4. The API will call this function when the video player is ready. function onPlayerReady(event) { playerReady = true; } // 5. The API calls this function when the player's state changes. // The function indicates that when playing a video (state=1), // the player should play for six seconds and then stop. function onPlayerStateChange(event) { if (event.data == YT.PlayerState.ENDED) { <!-- alert('done'); --> } } </script>

Try this blog post. http://inflagrantedelicto.memoryspiral.com/2016/02/responsive-scaling-in-animate-cc/ Also ad platform is very important to know. Many of the ad vendors have templates for specific high impact ads. I don't see that size listed on Yandex. https://yandex.com/adv/requirements/html5

My initial assumption when the change to HTML5 was forced on everyone, was that the HTML5 ads would need to be Rich Media, because in the SWF days multiple files (such as xml) had to be Rich. Luckily I work for a big enough entity we were assigned a Google employee to help us through the transition, that explained the new rules as to when you had to do DCRM Studio rather than DCM. My first banners failed DCM because they were built for studio, and Studo uses exit and DCM uses clickTag. I imagine there are a lot of small entities that may not have had that Rich vs Not explanation who could be enriching Google by building standard ads with no Rich features, and trafficking them through Studio. Something else that changed, is that Enhanced Banner metrics were added for free to all DCM accounts, so the rich metrics also got ported down to the less costly DCM.

Unless you need Rich Media (expandable, dynamic, floating, video), you are probably building for DCM rather than DCRM (Studio). so it is <script type="text/javascript">var clickTag = "https://www.google.com";</script> And onclick="javascript:window.open(window.clickTag)"

It's the acronyms unfortunately. DCRM, DCM, GDN and DFP. Now if you don't know that you don't need to be using DCRM (no video, expanding, floating, lightbox, dynamic) and accidentally create DCRM banners, Google makes more $$$$$$ And then you have Adobe, who came out with animation software called Edge Animate, and then renamed Flash to Animate CC.

Enabler.js is only for Doubleclick Studio Rich Media campaigns (DCRM). You can certainly do rich media whether you need to or not, but there are costs associated with Rich Media. The validator that failed your creative is for DCM. It is an either or situation as the APIs are different. DCM has something called Enhanced banners with rich media like metrics. All DCM users were upgraded to Enhanced at no charge in the summer of 2015. https://doubleclick-advertisers.googleblog.com/2014/02/take-advantage-of-engagement-metrics.html For DCM you can use: <script type="text/javascript">var clickTag = "https://www.google.com";</script> And onclick="javascript:window.open(window.clickTag)" You wrote: (I did help out with some flash banners way back). You can use Flash with its new name Animate CC to export HTML5 Canvas banners, with custom publish templates so you never have to touch your HTML file. http://blogs.adobe.com/animate/step-by-step-html5-ad-creation-with-adobe-animate-cc/

Hi Flash-to-HTML5 I downloaded the sample files and noticed that all of the files, AS3, AS2 and JS are not canvas documents. I must say I am curious as to why anyone would want to author an AS document, only to have to convert it. I personally start with Canvas, and only convert existing (pick up) actionscript files, when it is faster than rebuilding.