P5.js: Textures not showing on iPhone

[rich-gg]

Nature of issue?

• [X ] Found a bug
• [ ] Existing feature enhancement
• [ ] New feature request

Most appropriate sub-area of p5.js?

• [ ] Color
• [ ] Core/Environment/Rendering
• [ ] Data
• [ ] Events
• [ ] Image
• [ ] IO
• [ ] Math
• [ ] Typography
• [x] Utilities
• [X ] WebGL
• [ ] Other (specify if possible)

Which platform were you using when you encountered this?

• [ X] Mobile/Tablet (touch devices)
• [ ] Desktop/Laptop
• [ ] Others (specify if possible)

Details about the bug:

Hi there

I've been working a year on my p5.js website and last week I released it
I don't own Apple products so I could test on them so what I did was use the chrome 'sort of' emulator and I had to rely on facebook friends for some beta test. People replied my site worked ok

Little did I know that the iPhone users didn't see almost anything and yet were content with my site :(

Today I hear that my textures (meaning all the images of my WebGL site) are just not showing on iPhones

update
I think I would go for a Texture() failure of p5.js, some WebGL problem with some iPhones

Feedback tells me the site is ok on :

• iPhone 6S 12.1.4
• iPhone SE 12.1.4

Textures not showing on :

• iPhone 8+ 12.1.4
• iPhone X 12.1.4
• iPhone XS 12.1.4

Same behaviour on Safari and Chrome

Would you try it out ?
https://rich.gg

Would you know how to fix that ?

thank you

ps: In 20 years I have had two major blows in my professional work and, beside loosing everything twice, both of them have been caused by Apple, its unwavering will to be uncompatible and to charge the maximum to use their system. And this is one of them.

[Spongman]

works on iPhone 6S 12.1.4

[stalgiag]

Perhaps related to #3293

This is tough to debug without the hardware. I am going to try to borrow an iphone soon but in the meantime, do you know if there is any console output for any of the failing devices?

[rich-gg]

it really look like this is the same bug
In righ.gg I temporarely changed the geometry on my 3D panels
to use the work around

beginShape();
vertex(-larg, -alt, 0, 0);
vertex(larg, -alt, 1, 0);
vertex(larg, alt, 1, 1);
vertex(-larg, alt, 0, 1);
endShape();

hope it works for my users

Unfortunatly I don't have access to any iPhone 8, 9 or X

[stalgiag]

Cool thanks for the update! So it seems that plane() geometry isn't texturing correctly on a specific set of iPhone hardware. Very odd 😕

[rich-gg]

Still cannot tell if the fix worked
But one thing I'd like to share with you is that
when I started playing around with p5.js in WebGL,
2 or 3 years ago, I had to use the shape trick to
Have my textures showing.
That is why I was not surprised by the work around.

Cannot remember if that was on PC or Android but,
By then I'm sure the problem was not iPhone only

Don't know if it'll help but I thought "every details
Might count in this investigation" ;)

[rich-gg]

Nope, it doesn't work :(

[stalgiag]

Is someone able to test to see if this problem is also fixed by #3755? This seems likely.

[rich-gg]

@stalgiag
I can have someone test it but I need to know if the fix is in
https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js

if not just give me the proper url and I'll test it

[stalgiag]

Hi @rich-gg I replied to this question in this thread

[stalgiag]

I believe this is closed via #3755. See the discussion at the bottom of #3518 for confirmation.