The Bluesky firehose viewed in the style of a Windows XP screensaver

This crashes my Safari browser on iOS.

Yes, best in Chrome I'm afraid

Firefox ran it, but very broken.

"Works" on Firefox if you can stomach 300-400ms pauses every 2 seconds.

Edit: I just profiled it and it spends 42% of exclusive time in texImage2D. It would be better to allocate a set of textures up front and then use glTexSubImage2D to update their contents. glTexImage2D allocates a new texture every time.

Thanks - should be better now hopefully on Firefox

Still very stuttery before crashing in Safari on iOS on my iPad :/

For reference, while it does work much better on my old laptop now, on iOS 18.0.1 iPhone 11 Pro Max, it also crashes until I add https://firehose3d.theo.io/?discardFrac=0.6

It’s seems to work fir me ok on 18.1

According to the title, perhaps try IE6 on XP ;)

Weird, for me it worked great on mobile Firefox

Smooth and stable on iOS DB3 on iPad…

This did get rid of that bottleneck and the stutters are slightly better, but it still has some more work to go.

https://ibb.co/LgtJHMs

You'll want to get rid of glTexImage2D completely except for application startup (allocate a pool of N images up front, then re-use them and update with glTexSubImage2D). And short of being able to optimize the text render, which seems to be awfully stupid, you'll want to render offscreen to those textures ahead of time before you need to render them on-screen.

To be fair, you're crazy CPU-bound. This workload is peanuts for a modern GPU and there's no excuse for it not running at 500+ fps. But that's just how JS goes. You'd probably have better luck with C/wasm for this kind of thing if the web is your target.

Lasts 5 seconds on iPhone 16 pro max