Very big spritesheet image not working correctly in iOS safari canvas

[dennis-ic]

I have a spritesheet image size: 1122px * 915px, 187px * 183px each, formatted as 6 x 5, total 30.

 

I created a sprite using the spritesheet. When I set this sprite start animation, the animation is shaking!

When it reached the last row, the image is compressed!

 

I did some online research and I found something that:

iOS safari canvas limit the image to 1024px * 1024px only.

 

Is this true?

 

I found a website that manage to display a big spritesheet image.

I tried to use their image in phaser but it's not working...

 

Anyone know why?

 

 

 

I uploaded the spritesheet for reference.

 

The website:

http://netent-static.casinomodule.com/games/bigbang_mobile_html/game/bigbang_mobile_html.xhtml?gameId=bigbang_mobile_html&historyURL=/en/&lobbyURL=http://www.netent.com/touch/&server=https%3A%2F%2Fnetent-game.casinomodule.com%2F&operatorId=netent〈=en&sessId=DEMO-6528319210-EUR

 

(it's a mobile web. So please view in a simulator or a mobile device.)

 

 

Cheers,

Dennis

[rich]

In iOS if it can't load a texture then it simply doesn't appear (or Safari crashes!) - it doesn't scrunch it up. So what you're experiencing sounds like something else to be honest. Post up the atlas file you're using along with the image, and the bit of code to load / display it. Might be something in there. Unless it works perfectly on desktop and just dies on iOS?

[croco]

I've experienced the same shaking issue. Want to leave a note here for everyone else looking for a solution:

Keep you texture size power of two, that resolves the issue. (512 / 1024 / 2048, etc)