Very weird glitch on android

Questions
1

Hi, I’ve had my website for a few months. Recently, I noticed a very weird issue on Android – all the meshes on the website are distorted and the animations jitter.

IMG_4549
IMG_45491284×2002 270 KB

I don’t usually use Android, so I’m not sure when this issue started. All I know is that everything was fine when I tested it on an Android phone a few weeks ago. I haven’t made any significant changes to the files.

I’ve attached the screenshot here, and you can also check it here: https://madebyyuma.com. It only glitches on the browsers on Android (Chrome etc); all other OSes seem fine. Do you know what could have happened?

2
  1. Are you using custom shaders?
  2. Are you using displacementMaps?

Looks like shader precision issue.

3

No I didn’t use either of them. Any modifiers like subdivision surface have been baked when exported from blender. On iOS the website plays perfectly which is odd.

4

I might be mistaken, but this looks like a precision error to me. Try setting precision to mediump or highp in the WebGLRenderer options object.

https://threejs.org/docs/#api/en/renderers/WebGLRenderer.precision

2 Likes
5

Thanks! Removing the precision option fixed it. Lowering precision increased performance and looked fine up until about a week ago, which I find quite odd!

Anyways, thanks again for your help!

2 Likes