If you're not experienced with JavaScript, timeline animation would be the easiest way to achieve a wiggle animation.  Just make a few keyframes at different positions & rotations, and the add classic tweens between the keyframes. For movement to actually be completely random, that would require math & code.  I found an example which isn't quite what you want, but it can give you an idea of what kind of coding goes into that: http://codepen.io/rauluranga/pen/KwoBdE ... View more

That would still be my recommended approach; the alternative would be animating a mask frame by frame. arturs73452037​, Scroll down to the "Create the Flash Circular Progress Bar with Mask" part from Preran's link and you'll see how to draw/reveal a circle. ... View more

This issue would occur with any ad serving company; not just Sizmek. The solution is to target the whole canvas instead of a button filling the canvas; then your mouseout will be detected even once the ad is served inside an iFrame: canvas.addEventListener("mouseover", over.bind(this)); canvas.addEventListener("mouseout", out.bind(this)); function over() {   this.cta.gotoAndPlay("over"); } function out() {   this.cta.gotoAndPlay("out"); } ... View more

You need to use keyframes to avoid changing things on every frame. You can double click a symbol to edit its contents and create nested animations. Here, I set up a quick example for you to play with; hopefully this helps make things clearer for you: Dropbox - nested_counting ... View more

I just found some more nice demos from a pro: Infographic Workflow Series: Overview & Pre-Production on Vimeo The Youtube videos will be easier for beginners to follow, but these are pretty cool to see. ... View more

root = this; document.onkeydown = function(e) {     switch (e.keyCode) {         case 37: flipLeft();             break;         case 39: flipRight();             break;     } }; function flipLeft(){   createjs.Tween.get(root.mcName).to(   {scaleX:-1},   250, createjs.Ease.elasticOut); } function flipRight(){   createjs.Tween.get(root.mcName).to(   {scaleX:1},   250, createjs.Ease.elasticOut); } Please note that mcName should be changed to match the instance name of the movie clip that you want to flip. Also, just wanted to mention that Stack Overflow was super helpful in figuring this out: keyboard events - Detecting arrow key presses in JavaScript - Stack Overflow ... View more

In the head of your HTML file, add: <script>var clickTag = "http://www.google.com";</script> To set up the window opening functionality, you can either add onclick="javascript:window.open(window.clickTag)" to your canvas tag in the HTML, or you can create a button within Animate, give it an instance name, and add this to the actions: this.myBtn.on("click", function(){   window.open(clickTag, "_blank"); }); If you add a button symbol in Animate, you will automatically get the pointer finger when you mouse over the hit area, but you can also add cursor:pointer to the CSS in your HTML file without a button symbol to get the same effect. For DCM and Adwords, you also need to include the Ad Size meta tag.  You can review all of the requirements for DCM HTML5 banners here: How to prepare HTML5 assets for DCM - DoubleClick Digital Marketing Partners Help Also, for Animate, you can create easily reusable templates so you don't have to retype the same code in every banner: Using Animate CC HTML5 Canvas Templates with Multiple Publish Profiles | Creative Cloud blog by Adobe ... View more

What I like to do is to add my border to the "dom_overlay_container" div, and also add box-sizing:border-box; to the styling, so that the border goes inside the div instead of outside. ... View more

It wouldn't.  You would link to the TweenMax CDN and could do simple animation with only a few lines of code. Alternately, if the animation is very simple you could skip the JS libraries and just do CSS animation. If you're not comfortable hand-coding and you're limited to 15k file size, you're pretty much limited to a JPG or GIF. ... View more