I need to be able to display an animation over a static image.
Given that MPMoviePlayer gives you no control over anything useful, the only way I can think to do this is to use multiple static images, which we display (one-by-one) to create a "movie like" animation.
I know we could use UIImageView to do this (by setting the UIImageView animationImages property and then calling startAnimation), however we are going to have over 100 images in our animation – so memory usage will be maxed out.
Does anyone have any nice ways to do this kind of animation? Using Core Animation or OpenGL?
My guess is that we'd need to create an image buffer, and as we load new images, we display images from the image buffer??
Best Answer
You could use a Core Animation CALayer to host your animation, and swap a series of CALayers in and out of that main layer to perform your frame-by-frame animation. You can set the content of an image-frame-hosting CALayer to a CGImageRef using its contents property. A series of CALayers containing your images could be created and stored in an NSMutableArray as needed, then removed when done to minimize memory use.
You can set the transition duration between frames by wrapping the replaceSublayer:with: method call in a CATransaction, like the following:
You might also be able to get away with swapping in and out the CGImageRef in the contents of your main layer, if your frame display time is short enough.