Cocos2D game engine javascript is too slow on mobile

Question

i developed a game using cocos2D javascript that works fine on web browsers but when i run it on mobile ( iPhone 4s , android nexus) the FPS was dropped to 20 - 22 on iPhone (max) how to optimize it to increase the FPS to 30 on mobile .

Answer 1

Generally slow downs are an inevitable part of using a mobile browser. There just isn't as much grunt on a phone, and mobile browsers are not yet as natively accelerated as their desktop counterparts. This is changing though (iOS 6 for example has made great leaps).

For now though, generally you need to profile and optimize your code. Try to use some isolated testing to understand what's causing the lag. Some general tips:

1. Drawing is slow. Try to draw less things.
2. Consider preredering complex graphics.
3. Don't create objects. I recommend using gamecore.js object pooling.
4. Test your effects and sprite rendering: generally rotation, alpha and scaling are going to slow you down a lot.
5. Buffer input events and only handle them once per cycle.
6. Buffer audio objects.
7. Slow down your physics cycling (if you're running a simulation)
8. Consider using a game engine like playcraft.
9. Look at using appMobi or Ludei for native acceleration wrapping.