Need some help with a texture that doesn't work on mobile

Questions
1

This is the project that i’m working on: https://codesandbox.io/s/floating-diamonds-gr7o8

It works on mac, but the plane is white on Windows, Linux and some Android devices.

I see no errors in the console and have no idea what it could be or where even to look …

3

Can you also reproduce the issue with plain three.js code (without react-three-fiber)? I’m not sure how to debug this issue otherwise…

4

Thanks Mugen! I translated it to plain threejs and that made me catch the bug. It was a typo in the end. I wrote scale={[adaptedWidth, adaptedHeight]}, but scale is a vector3, so it should have been scale={[adaptedWidth, adaptedHeight, 1]}. Odd though how it worked on Macs. But that was it, now it runs everywhere :slight_smile:

2 Likes
5

PS, i opened an issue for this: https://github.com/mrdoob/three.js/issues/17845