Performance difference between local develop environment and release environment
Mobile develop of three js
I made web viewer with three js I can move around the room and put video or image and 3d object in room.
When I try it in local environment like localhost:3000, I feel really performance low in release environment like https://www.~~
What should I check and what I have to carefull about it?
I’m using three js + typscript + react etc
Some room is not available at mobile!
I can’t access web room that I made. I can’t get any hint cause, I use chrome for develop and try with mobile version at mac, it works well. And I tried to get console log for “not working room” but It doesnt make any error message about three js or webGL.
When I try to accsess that web, it load and makes sudden refresh and show me thease message
When you get that on iOS, it’s quite likely that you’re using textures that are too large. Make sure none of your models uses textures larger than 2048x2048 ( or even 1024 x 1024 ) pixels and that’l hopefully solve the issue.
Your model might only take 7MB as a file, but when it’s uploaded to the GPU it will take more space. Try uploading it to https://gltf.report/ and check the stats panel to see how much memory it takes in the GPU.
thanks for the link ! I check the gltf file with your link! it said it use 100MB in gpu is this too big to show it in mobile? Is there any guid line that Don’t use above it?
Plus If I use texture like tile(using 512*512 image reapeatly made by blender), then does gpu use that image as larger image?
I looked that error log first time… Actually I tried with mobile debuging with safari. I can’t get other error log too.