HTML5 Canvas: Cache a static movieclip on stage?

To force caching of a moviecliip, all you have to do is set Display -> Render -> Cache as Bitmap in the properties.

Hi Benay

"... I am attempting to cache my complex artwork in attempts to improve performance. Is it possible to cache a static movieclip that is already placed on the stage? I have tried:"

Well, I'm not entirely sure how you applied the cache() method in your practice. However

this.movieclip.cache();

won't work. What you do with cache() is to capture a certain region of your stage (it might be the region of a movieclip) and the use this for subsequent redraws. See the example in EaselJS for using cache():

var shape = new createjs.Shape();
 shape.graphics.beginFill("#ff0000").drawCircle(0, 0, 25);
 shape.cache(-25, -25, 50, 50);

Consider this about cache();

"Draws the display object into a new element, which is then used for subsequent draws. Intended for complex content that does not change frequently (ex. a Container with many children that do not move, or a complex vector Shape), this can provide for much faster rendering because the content does not need to be re-rendered each tick."

So it can be advantageous in your problem situation, but without the parameters (x, y, width, height) it can't work. And the cache-area is static, essentially like a bitmap cache. If there are any changes within the cached region (animation, size changes etc) you always would have to update yur cache with updateCache().

"Also, what is the difference/benefit to cacheing complex art in my project rather than simply converting it to bitmap and using it that way?"

In my view the this.movieclip(x, y, w, h) is more or less a static bitmap region.

Generally speaking: You posted in the last days already three threads about animations are dragging when viewed in fullscreen.

HTML5 Canvas: Cache a static movieclip on stage?

Slow, dragging animation when Animate HTML5 Canvas is played in full screen browser

Responsive HTML5 Canvas with max width?

Personally I publish a lot of CreateJS/Animate/Canvas stuff for fullscreen presentations. Apart from my beginnings with AnimateCC and CreateJS canvas, when I did a couple of unwise things, I now have no significant problems with expanding the canvas size for fullscreen. I guess in your ways of constructing your creations there must be issues, independent from max width or cache or anything you are currently trying.

Klaus