What you want is impossible. ActionScript is not multithreaded, so it has no way in the middle of executing code to "know" when it's time to render the next frame.  Event handler code runs to completion, always. It's the responsibility of the programmer to ensure that event handlers don't run for too long. The only solution to your problem is to do less processing each frame. For example determine how many pixels can be processed before slowdown occurs (bearing in mind that this limit will be different for different users), then limit your loop to processing that many pixels at a time, perhaps iteratively processing the entire bitmap, or randomly selecting pixels instead. If you wanted to get really fancy you could include a benchmarking algorithm to automatically determine what the upper limit is on any particular system before processing time exceeds the frame rate. Also your randomHex() function can be completely replaced with Math.random()*16777215. That should speed things up a bit. Saving a local reference to bmp.bitmapData.width and height in the update function instead of looking it up every single time through the loop should also be faster. ... View more

This stuff is all very well documented on the internet. ECMAScript Math.random() doesn't take any arguments, it just returns a float between 0 and 1. So you'd do this: this.random_RO.gotoAndStop(Math.random() * (this.random_RO.totalFrames - 1) + 2); Note that _totalframes was wrong too. In AS3 it's totalFrames. ... View more

Create an HTML video tag in a DOM element positioned over the canvas. Here are a couple of simple functions for managing DOM element creation in Canvas mode: // Create a DIV layer above the canvas // Accepts X, Y, width, height, HTML content, and CSS styling (optional) // CSS styling is a string with format "prop:value; prop:value" etc. // CSS properties must use JavaScript aliases // Returns a reference to the DIV, required to remove it later // // DIV is added as a child to the CreateJS stage, allowing all // applicable properties and methods to be used. // http://www.createjs.com/docs/easeljs/classes/DOMElement.html makeDiv = function(x, y, w, h, html, css) {     // create and initialize DIV element     var d = document.createElement("div");     d.style.visibility = "hidden";     d.style.position = "absolute";     d.style.left = 0;     d.style.top = 0;     d.style.width = w + "px";     d.style.height = h + "px";     d.style.overflow = "auto";     d.innerHTML = html;     // apply styling     if (css) {         var cssPair;         var cssStyles = css.split(";");         var i = cssStyles.length;         while ( i ) {             cssPair = cssStyles[--i].split(":");             if (cssPair.length == 2) {                 d.style[cssPair[0].trim()] = cssPair[1].trim();             }         }     }     // attach element to CreateJS stage     canvas.parentNode.appendChild(d);     var dcjs = new createjs.DOMElement(d);     dcjs.x = x;     dcjs.y = y;     return(stage.addChild(dcjs)); } // Remove a DIV created by makeDiv rmDiv = function(ref) {     // sanity check     if (!ref) {         return;     }     // remove the HTML element     var elem = ref.htmlElement;     if (elem.parentNode) {         elem.parentNode.removeChild(elem);     }     // remove the DOMElement proxy     stage.removeChild(ref); } Example: makeDiv(0, 0, 640, 480, "<video src='myvideo.mp4' autoplay controls></video>"); I really should post all this stuff on a blog or something. ... View more