example not working on iOS

[digitalwannabe]

hi

thanks for this repo, very useful!

Unfortunately I can't get it to run on iOS. Your site (https://jons.website/projects/reaction-diffusion/) does work though. I have tried downloading your site and put it up on my server, also works. But when i swap your site's reaction-diffusion.js with the one from building this repo, it stops working on iOS....

I wonder what's the difference between your active reaction-diffusion.js and the one in the repo?

Thank you

[colejd]

Hi there!

The long and short of it is that I don't really know 😅

Local builds and the build on my website work because your device presumably supports half- or full-precision floating point render-to-texture. I'm assuming you're using an iPhone 12, or something from that generation?

It used to work on earlier devices, but it relied on a hack that I outlined here. Basically, a lot of iOS devices support half-precision render-to-texture support, but don't properly report it to the browser. So rather than asking the browser, I just tried doing a test render and seeing if it worked.

Recently, I did some renovations. This included upgrading the version of Three.js I was using. I haven't had time to prove it, but I believe it broke my hack.

This is all to say that the code should work or not work based on the iOS device you're using. I think my website is using a build of the most recent version of this repo, so I'm having trouble thinking of why it would work but a local build wouldn't on the same device.

Could you please tell me your device model and iOS version?

[digitalwannabe]

hey,

thanks for your quick reply. I'm not a pro with webgl/js, but i'm painfully aware of the half float limitations, as i seem to need FBOs every time i'm trying to do web/mobile stuff :| the issue you are linking to actually brought me to this repo and your site! (and got me excited there might be a solution for this on iOS after all....)

I'm testing this with an iPhone XS Max and iOS 14.4, however, i'm not doing it local - i've saved your site and put it back online (I can't link to it here, as it's a friend's server :o).....
So when you say you're running the latest version of this repo on your site it's even less clear to me. I was crossing my fingers you are using an older or unpublished version.
The zip I'm downloading from your page contains (next to the html) a folder with main.css, guify.js and reaction-diffusion.js. As I've said, all I'm doing is swapping the reaction-diffusion.js with the one I'm getting from building the latest version of this repo....

Do you maybe have an idea what else I could try to figure out what's happening? The console before the swap logs a message with all supported extensions, I can't see this message after the swap, it starts with ext color .... not supported as first message. Will post some screenshots of this later!

thank you