Berkeley Systems “After Dark” screensavers recreated in CSS • Hacker News Board

Re: Berkeley Systems “After Dark” screensavers recreated in CSS

#151

Post by Arrath » Sat, Jul 31, 2021, 9:24 PM UTC

kergonath wrote: post #128

Arrath wrote: post #92

Earlier quoted context omitted.

Sure is. My Galaxy S7 has the keyboard and some of the WhatsApp top bar interface (from texting my wife so much) burned in.

Weren’t these OLED, though?

> "AFAIK it is an issue with OLED ones still"

Indeed they are, I was confirming your recollection that the issue affects OLED screens.

Re: Berkeley Systems “After Dark” screensavers recreated in CSS

#152

Post by bryanbraun » Fri, Aug 06, 2021, 4:26 PM UTC

brundolf wrote: post #136

rasz wrote: post #75

On one hand super cool due to tricks employed, on the other CSS animations tend to be very power hungry https://www.bryanbraun.com/after-dark-css/all/rainstorm.html takes Some time ago I noticed an older 3GHz i5 laptop, otherwise perfectly usable, would start to struggle decoding h264 webcam stream because webmaster decided to use CSS animation for a scrolling title bar superimposed over video feed.

I'd assume CSS animations would be much more efficient than JS-based animations because they can be entirely comprehended and executed by native code I wonder if there's some unnecessary reflow going on here? (reflow forces animations to happen on the CPU instead of the GPU)

Original dev here. I took another look at these and I found a lot of animations that we could convert to transforms to improve performance. I just created a new issue here: https://github.com/bryanbraun/after-dark-css/issues/9

Re: Berkeley Systems “After Dark” screensavers recreated in CSS

#153

Post by topdownjimmy » Fri, Aug 06, 2021, 11:10 PM UTC

If Berkeley Systems reproduced these screensavers for modern Macs and sold them in the Mac App Store for ten bucks, they would make an absolute killing.