Sphere just disappears from my three.js scene

Questions
,
1

After inspecting in js/client.js is source code. On certain devices, sphere just disappears. I do not know how to fix that part. http://hireabadass.com/

Everything works great on the devices I own, but my friends sent me a video of everything disappearing. I really don’t know where I’m wrong, I don’t have a single error in the console

My camera has big near and far const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.01, 1000);

I added mesh.frustumCulled = false;

But still disappears. For sphere texture I used THREE.TextureLoader();

2

I suggest you remove the following line:

renderer.setPixelRatio(4);

and replace it with

renderer.setPixelRatio( window.devicePixelRatio );

Hard coded pixel ratios can easily break apps because you end up with a too large drawing buffer.

Besides, you have the following line of code:

var material = new THREE.MeshBasicMaterial({ map: texture, overdraw: 1 });

overdraw is no property of MeshBasicMaterial. You can remove it.

3

Thank you so much!

2 Likes