I am playing a movie using an AVPlayer and animating 500 falling particles on top. I tried to simply add 500 animated CALAyers. I tried several variations on that but performance is always a problem. As soon as I get more then around 100 CALayers, the video gets choppy. What would be the proper way to do this? I thought maybe this should be done using OpenGL, but I never used it and can't find how to have a video played in OpenGL. I can get the background videos as separate frame pngs, but being fullscreen, the content size gets quite big quite fast.
Asked
Active
Viewed 335 times
3 Answers
0
Try drawing the particles into a much smaller number of CALayers, multiple particles per layer bitmap, one for each speed of falling, etc. Then redraw the layers in background threads as needed so as not to impact the composited on video frame rate.
hotpaw2
- 70,107
- 14
- 90
- 153
-
Problem is that I need the user to be able to interact with the particles and to have the animation look kind of realistic. For now, I generate a custom path for each particles and the effect is quite good. I tried to compose the image offscreen using UIGraphicsBeginImageContext, but adding the particles images to it (500) and refreshing the layer using CADisplayLink also resulted in extremely poor performance. – droussel Sep 22 '11 at 17:18
0
Take a look at this post Alternatives to creating an openGL texture from a captured video frame to overlay an openGL view over video? (iPhone). Brad shows how to render video to OpenGL textures. You can then render your particles over a video textured plane. For interaction, you could integrate a physics engine such as Bullet to exert forces to areas of the screen to interact with the particles.
If you can wait, I think this will get much easier (video to texture stream) in iOS5.
0
We ended up running an OpenGL layer using Cocos2D over our video animation. The performance was impacted a little but for our need, it was alright.
droussel
- 1,322
- 1
- 11
- 17