Background fps issue on mobile

Hi all,

I have an issue with a simple gradient background I made for a game.

When I run the game without it, I stick around 40fps. As soon as the background is added it drop to 20fps.

I tried a tilebackground 16x720, a sprite 32x32 that I resize to fit the layout (960X720) , I even tried the full image 960x720 (which I know will hit performance) but whatever I do the fps drop 50%.

I have the same fps behavior on my Acer Iconia tablet and Galaxy S3 phone. I am using CocoonJS for export.

Any help or tips would be greatly appreciate <img src="smileys/smiley1.gif" border="0" align="middle" />

It's probably overdraw. You can try going to the project properties and turning off 'clear background' which should help a bit.

To learn more about the problem and what can be done about it, read this, especially the section on overdraw: :https://www.scirra.com/blog/112/remember-not-to-waste-your-memory

Thanks for the info Arima <img src="smileys/smiley1.gif" border="0" align="middle" />

I did try to turn off the clear background after reading your post but without success (using a 16x720 tiledbackground).

I read the link you sent me, in my case I only have this gradient back ground that will cover the entire screen, all my others layers uses smaller sprites and tilebackgrounds objects with a layer transparency active.

My biggest sprite is around 213x180 is that too big?

I will try with the "Clear background" at "off" with a single sprite stretch to 960x720 this in a couple of hours and will let you know if that worked better.

Thanks again it really appreciate!