Atlas images not displaying in mobile

Phaser 3
1

We have been loading images as individual SVG,PNG and WEBP files. We are moving the images into atlas files and have no issues on desktop.

Phaser 3.80.1
we load like

        //Load the full image atlas
        this.load.atlas('all_images', '/bonez/images/image_atlas.webp', '/bonez/images/image_atlas.json');

6905Ă—1008 959 KB

https://zoombies.world/bonez/images/image_atlas.json

When we load our PWA on android ( which was working with no issues ), the new code that uses the atlas, does not display some of the images. We don’t recognize a pattern of why some and not others…

You can try this app on both desktop and on mobile ( android optimized ) Zoombies Bonez is the premiere hybrid Web2/3 PvP strategic wager card game

the screen in question is the gameboard ( after you join a match, pick cards and play )

The working screenshot below:

image
image1920Ă—954 118 KB

1 Like
2

ok Figured it out. This was not a Phaser issue, mobile devices may not support images larger than 2048 x 2048.

We had packed this image in question as 6905 x 1008 . We since re-exported all the assets in atlas’ that are 2048 x 2048 and they are working great :slight_smile: