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

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

from project_3d_developer_portfolio.

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

from project_3d_developer_portfolio.

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

from project_3d_developer_portfolio.

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.

from project_3d_developer_portfolio.

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

from project_3d_developer_portfolio.

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 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).

from project_3d_developer_portfolio.