5 ms·

Looks good! On osx mpb performance is stellar in Chrome sadly, while both Safari and Firefox only delivers 2-3 fps. Weirdly on an iPhone with Safari the perfo

Looks good! On osx mpb performance is stellar in Chrome sadly, while both Safari and Firefox only delivers 2-3 fps. Weirdly on an iPhone with Safari the performance is smooth as silk. I would really like to ditch Chrome, but it seems i get full speed fans with Firefox on sites sporadically, and while Safari is much better it's still not on par with any kinds of heavy graphics. I don't get it. Why can my iPhone 6 run this super smoothly while my 3000 USD mpb struggles? And why can Chrome do it while Safari can't when it should have native access to GPU api's ?

Nullabillity 8y ago
Looks fine for me on Firefox/Linux.
deleted 8y ago
[deleted]
ghettoimp 8y ago
Thanks much -- I was watching this in Firefox on MBP and didn't realize how cool this was until seeing it again in Chrome.
pmontra 8y ago
Firefox Android, it looks good. Sony Xperia Compact from 2016, don't remember the model.
lbebber 8y ago
This effect uses both WebGL and canvas 2d. I'd guess that for some reason the canvas 2d isn't using hardware acceleration on those browsers? Somebody has made a version using WebGL alone[1] (sadly they got the refraction a bit wrong), try it to see if it works well enough (and let me know, I'm curious myself). [1] https://codepen.io/stefanweck/pen/Vbgeax https://codepen.io/stefanweck/pen/Vbgeax
- kossTKR 8y ago
  Interesting. Speed is still about 40% in Safari and 60% FF compared to Chrome with this version. Much better than the 2d-canvas version though and looks pretty fluid. Would be pretty weird if the osx native browser didn't hardware accelerate while Chrome does it on a MPB, but Apple are often weird like that.
dathinab 8y ago
Seems to be a mac related issue, as it runs smooth on Firefox/Linux and some other comments indicate that it also can run on android[1]. Anyone tried it on Firefox + Windows? [1]: can't verify this as I only have a slowich some years old android phone, on which it runs fluidish but miss renders the effect of the large rain drops...
werdnapk 8y ago
Firefox on Mac... runs perfect.
taneq 8y ago
Runs fine in Firefox for me, nice and smooth. Seems to use ~30% CPU on all four cores but the GPU fans don't spin up audibly. Windows 8.1 / Core i5-4590.

Nullabillity 8y ago

Looks fine for me on Firefox/Linux.

deleted 8y ago

[deleted]

ghettoimp 8y ago

Thanks much -- I was watching this in Firefox on MBP and didn't realize how cool this was until seeing it again in Chrome.

pmontra 8y ago

Firefox Android, it looks good. Sony Xperia Compact from 2016, don't remember the model.

lbebber 8y ago

This effect uses both WebGL and canvas 2d. I'd guess that for some reason the canvas 2d isn't using hardware acceleration on those browsers? Somebody has made a version using WebGL alone[1] (sadly they got the refraction a bit wrong), try it to see if it works well enough (and let me know, I'm curious myself). [1] https://codepen.io/stefanweck/pen/Vbgeax https://codepen.io/stefanweck/pen/Vbgeax

kossTKR 8y ago
Interesting. Speed is still about 40% in Safari and 60% FF compared to Chrome with this version. Much better than the 2d-canvas version though and looks pretty fluid. Would be pretty weird if the osx native browser didn't hardware accelerate while Chrome does it on a MPB, but Apple are often weird like that.

dathinab 8y ago

Seems to be a mac related issue, as it runs smooth on Firefox/Linux and some other comments indicate that it also can run on android[1]. Anyone tried it on Firefox + Windows? [1]: can't verify this as I only have a slowich some years old android phone, on which it runs fluidish but miss renders the effect of the large rain drops...

werdnapk 8y ago

Firefox on Mac... runs perfect.

taneq 8y ago

Runs fine in Firefox for me, nice and smooth. Seems to use ~30% CPU on all four cores but the GPU fans don't spin up audibly. Windows 8.1 / Core i5-4590.