The first 3D GLTF (comp and desk) and it's background is not working in Android Chrome Mobile

[rishbitsnbytes]

There seems to be some problem with Chrome Mobile (Android). The first GLTF (computer with desk) and background is neither loading nor scrolling working propely. Kindly reply if somebody find any solution to this.

[Karan290199]

Hi @rishbitsnbytes, I was facing the same and when I went over the internet I found that the memory consumed in the mobile is quite low and the textures we are using is quite high so the best way is reduce the canvas textures that we were using like we had a Ball Canvas right. Just by replacing it with normal divs, I was able to render the monitor and globe on the android devices

[rishbitsnbytes]

Hi @Karan290199 , thanks for responding. I had also found the same solution. And did that, replaces balls with something else. And it's working now.

[Karan290199]

Also while I was browsing I did find that Google Chrome supports only 16 canvas elements at a time so if we try to render more than 16 I guess that would be the reason we would not be able to load those canvases

[rishbitsnbytes]

Woah is it? That's some good information. Thanks again!

[DarpanIO]

Hi , how can we reduce the resolution of the canvas to make it work , scrolling can work by simply setting touch-controls:pan-y

[hady-dev]

Hi , how can we reduce the resolution of the canvas to make it work , scrolling can work by simply setting touch-controls:pan-y

It is not a resolution issue, chrome browser on phone only supports a certain number of canvases on each web page, I had to get rid of most pf the <BallCanvas /> instances for me to be able to get the desktop and background.

unfortunately reducing the resolution will not help because the browser is just counting the number of canvases and when the number of canvases exceeds the limit it starts removing the first added canvases (top of the page).