Do you remember Johnny Castaway? That was fun! Back when I used to have some more free time I thought about implementing
Nostalgic stuff like that.
I have a "partially done" ray cast 2d experiment [1] which was an attempt at wolf graphics. You could use it to recreate the "maze" one. Not sure it can be done using CSS only though.
Thanks to a user called Noah2 and thanks to archive.org. (You can see the name of the uploader in the bottom right corner.)
Unfortunately you can be relatively sure that this kind of stuff is released without permission from the copyright holders. (Just food for thought; this is not an endorsement of copyright laws.)
This stuff makes me nervous about the Internet Archive. For instance, the hundreds of playable video games, all of which are also downloadable: https://archive.org/details/miscconsoles
I don't know how someone like Nintendo hasn't sued their pants off.
The amount of basic confusion about civics and, well, anything constitutional — something has to be done before it all withers away like waterlogged saplings in a swamp of agitation and indifference.
Why does CSS animation consume so much CPU? I've been trying to use it in my own projects, but the fans kick in even with a single simple continuous animation. Unfortunately, this (awesome!) example is no exception.
If you're really interested you can dig into `about:tracing`. It looks like the majority of the slowdown (for what it is) is the document recalculating styles for the `transform` property.
They don't really seem to be using a lot of CPU here? I did a quick tracing of the flying toasters screensaver, and the Chrome profiler says that a random frame I picked out used:
I have fond memories of that as well. I think I first played it on a holiday on my dad's black and white PowerBook. Those fast enemies with the blade-like front were terrifying.
In 1997 our school class computer had three particularly fun screensavers:
- The one from Microsoft Dangerous Creatures, which would show wild animals and (if you forgot to tell it not to) also play their sounds. Fun times when you're all sitting quietly in class and suddenly the computer plays a lion roar.
- After Dark. For some reason the flying toasters were endlessly fascinating back then.
- One that was a top-down view of a soccer field with an actual simulated game being played between little AI players. I think occasionally there was even a streaker. I've never managed to find this one, does anyone know it?
Today, the idea of a program that intentionally makes your computer start playing loud sounds after X minutes of inactivity is ridiculous. Back then, it was also ridiculous but the world hadn't quite realised yet. We were too excited about INTERACTIVITY.
Was the last one called "Lights Out Sports Fans"? I know they had a baseball and basketball one, that did what you described. I had the baseball one.
In fact, it is kinda a funny story... I was about 10 years old, and my mom used to take me out of school every year to go to the MacWorld convention in San Francisco (just the exhibition hall).
One year I went and they had a booth for lights out sports fans screen savers, and as a prize for sitting through the demo you had a chance to win the baseball one.
Well, I sat through the demo about 5 times trying to win and never won. I would answer all the questions the demo guy would ask, and he was probably getting a little annoyed. He finally just gave me the screen saver to get me to go away.
Thanks! I don't remember the name, but I bet it was, because really how many simulated sports game screensavers can there have been?
There doesn't seem to be any particular record of a soccer/football version of Lights Out Sports Fans on the Internet that I can see, but then it was a long time ago and there isn't much info on the other sports either.
Ahh that's awesome. I wished so badly I could attend MacWorld Expo back then. My parents went a couple times, but I didn't get to join. I still have some super cool swag they brought back, though, at least! Those were fun times indeed :)
It was seriously magical to me. This was like 91 to 96 or so, so the internet was just starting for the mainstream and so getting demo versions of software was really cool. We used to ride BART into the city, and then the whole BART ride back after would be me going through my bag of swag reading all the pamphlets and looking at the demo disks. Half the stuff I didn’t even know what it was yet, but it fascinated me.
My mom wasn’t into tech at all, either. She just knew I was so she found out about the conference and took me. I was so lucky.
Oh my this is bringing me back! I was providing desktop support for Cisco Systems in North Carolina in 1995 and all anybody wanted was After Dark screensavers. Messages was popular (We would often walk to a persons desk and know where they were, really helpful), as was Rainstorm.
Yeah, the ads for that always made it look wonderful! But my fam had already got original Pyro, a couple upgrades to it (colour! and fish!), and then Darkside. That last was freeware, with what seemed like loads more modules, even some third party ones and a dev kit… but nowhere near as many as what became thousands of After Dark modules (though Darkside could run some of them).
This would be fun to add to a personal homepage (can use the Visibility API): start showing the screensaver when the user switches to another tab, and hide it/show the content again when they have a mousemove event on your site.
I think starry night was my go-to, and I’m surprised to not see it here as it seems like it would be easier than a couple they did like toasters and fish.
I'd imagine Starry Night (my favorite!!) would be one of the more complicated ones? Randomly generate the buildings and then gradually draw the dots for them (with the dots eventually twinkling out, alternating)... Most of the screensavers on the site are relatively straightforward from a web/CSS perspective :)
haha! well, my [not-so-great] Performa 5260/120 came with a 1.2gb drive and System 7.5.3 installed, so it's definitely not implausible! In fact the PowerTower Pro 225 came with a 2gb or 8gb drive as standard (and System 7.5.3). Too lazy to search others, but yeah, by the time OS 9 came around, drives of that size were very typical.
Sadly there was (still is?) a mentality that daily turning off your computer was somehow bad for it. Considering energy consumption it always seemed crazy to me, even with a nominal increase in drive wear.
Steve Gibson still advocates never turning of spinning disks in this modern era.
A computer undergoes the most electrical stress when turning on, and doubly so for any components that also experience physical stresses such as HDDs and fans.
One of the quickest ways to kill a HDD or fan is to make it spin up its motor from idle frequently as a consequence of power saving policies.
Personally, I never turn my computers off unless I know I won't be using them for extended periods of time (say a week or two). The power bill savings aren't worth the decreased hardware life.
> The power bill savings aren't worth the decreased hardware life.
For consumer usage I find this hard to believe. I only use my laptop/desktop's spinning disks like 2h a day at most. Then there are hybrid disks or systems that are likely sleeping the disks when use is infrequent.
Hmm, I think we need more evidence to decide which tradeoffs we're making. I have four 1990s drives with thousands of power cycles, still fully functional. And one more from the same time period that failed about 8 years ago.
(( Why do I have these? Well, because they're SCSI or SCSI II, which the hosts support. And because I've not bothered to replace the drives with solid-state hacks that put SD cards on the same interface. ))
I don’t see how that addresses the claim “The power bill savings aren't worth the decreased hardware life.”
It might even be the case that, if you bought a replacement six years ago and kept that powered on 24/7, you would have ended up paying less in (hardware+power).
It was definitely worse on old hardware, and with the many old and unrefurbished computers that are likely inflicted with capacitor plague, you’re likely to blow something up if you power one up that’s been sitting idle in someone’s basement for the past couple decades.
With modern power management there’s less of a reason to power it off. S3 can power down most peripherals when they aren’t being used and draw just a few watts.
Even when shut down, the PSU still needs to consume power so it can turn on when you press the power button, keep the internal clock running, and a few other things. It’s minimal draw but it’s still using electricity. Only way to completely turn it off is by switching off the PSU (if you can) or unplugging completely.
The battery isn’t typically charged by the PSU — it’s often just a regular lithium coin cell. It’s a backup for when it is unplugged so the clock doesn’t reset and CMOS settings aren’t lost.
Not to mention, most computers at the time didn't implement any kind of idle power savings. Running a flashy screensaver didn't use any more power than sitting at the desktop.
CRTs weren't that power hungry at all. E.g., an entire 8-bit computer from 1979 (Sharp Mz-80) is rated 45W, including the CPU, the entire PCB, and its 9 inch monitor. A 21 inch Trinitron CRT monitor is rated at 1.2A (this is less than a Raspberry Pi 3; there's no Watt rating on the label, but I recall it as about 30-35W). These are actual ratings from actual equipment, I have.
In fact, early LCD monitors were (much) more power hungry. E.g., a not that early Apple Cinema HD Display from 2007 is still rated 2.05A (65W) at 20 inch and 3.7A (90W) at 23 inch. Taking the weighted average, this is double the energy consumption of the 21 inch Trinitron CRT. A modern 24 inch M1 iMac is still in about the same range as this LCD, at about 80-85W (including the CPU and PCB).
Interesting. I gave away my old monster CRT so I cannot check.
I wonder if it would be possible to buy a modern 27" or larger CRT these days; I recall that the CRTs always looked better than the LCDs when LCDs first became popular.
Ok, I just looked up the specs for the most amazing CRT, I still have around, the ultra-flat, digital 17" Apple Studio Display. (It has no label of any kind that I could find.) This one clocks in at 115W, which is not so much in line with what I commented previously. Conversely, the LCD display of the same seies is rated at just 40W at 17". However, as digital connection standards moved on, the only computer you can hook these up to is the G4 Cube.
Generally, CRTs have a sweet point at about 17 or 19 inch. Anything bigger will come at a noticeably loss of quality (due to increasing alignment problems that come with color CRTs), even for the rather expensive ones. (Even a Trinitron is not that sharp at 19" as it is at 17". And I remember a particular 24" Radius display, where you couldn't tell dithered from solid colors.) I wouldn't go above 21", unless you're specialising in large layouts and insist on doing them on a CRT. ;-)
And, as far as I know, the production of commercial CRTs stopped in the 2000s. (But you can still get them, if you're Airbus or a similar manufacturer. [2]) However, for the mere mortals…
1.2A doesn't say much without knowing the voltage. If you're in the US and (this being a CRT monitor) it's running on a mains voltage of 120V, this would be 144 watts.
If there's a web-enabled screensaver for your system, you could try "The Return of the Flying Toasters" [0]. It provides urls for specific configurations (just below the preferences panel) in order to work as a screensaver. Also, it's all contained in a single file.
The white-space on the sides will play the css saver... but you can set each background type based on site (kind of like RES on steriods)
So that the borders show this CSS... it will allow for a super fast identification of which tab/site your on (if youre anything like me and I constantly have multiple windows, with many tabs, on multiple monitors.
It would be cool to be able to tack a background to to site groups such that the edge based animations you select could be genre specific.
Favorite sites could be "starred" and any starred site can have a set bkgd.
just to make the navigating between content/thought silos can be faster because you will see the border/bkgd in a faster mental pattern recognition than reading a URL or even a color. as we can identify different motions faster than we can other pattern recogs.
Does anyone know if there is a straightforward way to implement logic for showing a screen saver like this in a basic website after X number of minutes without user interaction?
107 comments
[ 2.6 ms ] story [ 160 ms ] threadI have a "partially done" ray cast 2d experiment [1] which was an attempt at wolf graphics. You could use it to recreate the "maze" one. Not sure it can be done using CSS only though.
1 - https://github.com/victorqribeiro/myRaycast
Disney After Dark: https://archive.org/details/after-dark-disney
After Dark 3.2 for Windows: https://archive.org/details/AFTERDARK32_WIN
After Dark Looney Toons: https://archive.org/details/LOONEY_WIN
After Dark for Macintosh 2.0: https://archive.org/details/AfterDark_mac
After Dark Simpsons: https://archive.org/details/SIMPSONS_WIN
Unfortunately you can be relatively sure that this kind of stuff is released without permission from the copyright holders. (Just food for thought; this is not an endorsement of copyright laws.)
This stuff makes me nervous about the Internet Archive. For instance, the hundreds of playable video games, all of which are also downloadable: https://archive.org/details/miscconsoles
I don't know how someone like Nintendo hasn't sued their pants off.
0.23 ms in recalc style
61 µs in pre-paint
17 µs in paint
67 µs in compositing
That doesn't sound too bad to me?
... Gleaming angels of love / On mighty toaster wings!
What's the spiritual successor?
After Dark (90's screensavers) in CSS - https://news.ycombinator.com/item?id=28806699 - Oct 2021 (26 comments)
Berkeley Systems “After Dark” screensavers recreated in CSS - https://news.ycombinator.com/item?id=28006679 - July 2021 (149 comments)
Aggressively Stupid: The Story Behind After Dark (2007) - https://news.ycombinator.com/item?id=22338945 - Feb 2020 (23 comments)
After Dark in CSS - https://news.ycombinator.com/item?id=14429271 - May 2017 (1 comment)
After Dark in CSS - https://news.ycombinator.com/item?id=10935432 - Jan 2016 (2 comments)
After Dark in CSS - https://news.ycombinator.com/item?id=9675287 - June 2015 (2 comments)
Aggressively Stupid: The Story Behind After Dark (2007) - https://news.ycombinator.com/item?id=7702105 - May 2014 (11 comments)
Aggressively Stupid: The Story Behind After Dark - https://news.ycombinator.com/item?id=1338175 - May 2010 (3 comments)
- The one from Microsoft Dangerous Creatures, which would show wild animals and (if you forgot to tell it not to) also play their sounds. Fun times when you're all sitting quietly in class and suddenly the computer plays a lion roar.
- After Dark. For some reason the flying toasters were endlessly fascinating back then.
- One that was a top-down view of a soccer field with an actual simulated game being played between little AI players. I think occasionally there was even a streaker. I've never managed to find this one, does anyone know it?
INTERACTIVITY
In fact, it is kinda a funny story... I was about 10 years old, and my mom used to take me out of school every year to go to the MacWorld convention in San Francisco (just the exhibition hall).
One year I went and they had a booth for lights out sports fans screen savers, and as a prize for sitting through the demo you had a chance to win the baseball one.
Well, I sat through the demo about 5 times trying to win and never won. I would answer all the questions the demo guy would ask, and he was probably getting a little annoyed. He finally just gave me the screen saver to get me to go away.
Looks like you can buy it on eBay https://www.ebay.com/itm/202832094823
There doesn't seem to be any particular record of a soccer/football version of Lights Out Sports Fans on the Internet that I can see, but then it was a long time ago and there isn't much info on the other sports either.
My mom wasn’t into tech at all, either. She just knew I was so she found out about the conference and took me. I was so lucky.
Oh! Its now on Google Code... https://code.google.com/archive/p/lunatic-fringe/
I don’t believe you. ;)
The most awesome screen saver game.
Another one was Johnny Castaway, but it was not a game.
Steve Gibson still advocates never turning of spinning disks in this modern era.
One of the quickest ways to kill a HDD or fan is to make it spin up its motor from idle frequently as a consequence of power saving policies.
Personally, I never turn my computers off unless I know I won't be using them for extended periods of time (say a week or two). The power bill savings aren't worth the decreased hardware life.
For consumer usage I find this hard to believe. I only use my laptop/desktop's spinning disks like 2h a day at most. Then there are hybrid disks or systems that are likely sleeping the disks when use is infrequent.
I have a ~12 year old (110,651 power on hours), 500GB PATA Maxtor/Seagate HDD with 135 power cycles.
It's still alive and kicking ass as we speak.
(( Why do I have these? Well, because they're SCSI or SCSI II, which the hosts support. And because I've not bothered to replace the drives with solid-state hacks that put SD cards on the same interface. ))
Sure, the main problem was the subpar PSUs, but are you sure what your PSU is enough?
It might even be the case that, if you bought a replacement six years ago and kept that powered on 24/7, you would have ended up paying less in (hardware+power).
Besides, it's not this hard drive anyway. At this point I want to see how long this wizard of a hard drive will keep running.
With modern power management there’s less of a reason to power it off. S3 can power down most peripherals when they aren’t being used and draw just a few watts.
Even when shut down, the PSU still needs to consume power so it can turn on when you press the power button, keep the internal clock running, and a few other things. It’s minimal draw but it’s still using electricity. Only way to completely turn it off is by switching off the PSU (if you can) or unplugging completely.
That's the job of the mobo battery, the PSU just charges it as an afterthought.
And the failure rate of drives with an agressive powersaving[0] says there are some truth to it.
[0] WD Green, remembrr them?
In fact, early LCD monitors were (much) more power hungry. E.g., a not that early Apple Cinema HD Display from 2007 is still rated 2.05A (65W) at 20 inch and 3.7A (90W) at 23 inch. Taking the weighted average, this is double the energy consumption of the 21 inch Trinitron CRT. A modern 24 inch M1 iMac is still in about the same range as this LCD, at about 80-85W (including the CPU and PCB).
I wonder if it would be possible to buy a modern 27" or larger CRT these days; I recall that the CRTs always looked better than the LCDs when LCDs first became popular.
Generally, CRTs have a sweet point at about 17 or 19 inch. Anything bigger will come at a noticeably loss of quality (due to increasing alignment problems that come with color CRTs), even for the rather expensive ones. (Even a Trinitron is not that sharp at 19" as it is at 17". And I remember a particular 24" Radius display, where you couldn't tell dithered from solid colors.) I wouldn't go above 21", unless you're specialising in large layouts and insist on doing them on a CRT. ;-)
And, as far as I know, the production of commercial CRTs stopped in the 2000s. (But you can still get them, if you're Airbus or a similar manufacturer. [2]) However, for the mere mortals…
[0] Apple Studio Display 17" CRT (Diamondtron is yet another name for Trintron after Sony's patent expired): https://everymac.com/monitors/apple/studio_cinema/specs/appl...
[1] Apple Studio Display 17" LCD (not that great as a display panel, yet too early…): https://everymac.com/monitors/apple/studio_cinema/specs/appl...
[2] https://www.thomaselectronics.com/faq/
Raspberry Pi 3 = 5v x ~2.1a = 10.5W max.
https://manpages.debian.org/wheezy/xscreensaver-gl/flyingtoa...
[0] https://www.masswerk.at/flyer/
From a Google search: https://osxdaily.com/2016/06/05/web-site-as-screen-saver-mac...
The ability to designate a specific background CSS "tab-saver" such that the base bkgd css is the animation you wanted, so such as this area:
https://i.imgur.com/cZuXEq2.png
The white-space on the sides will play the css saver... but you can set each background type based on site (kind of like RES on steriods)
So that the borders show this CSS... it will allow for a super fast identification of which tab/site your on (if youre anything like me and I constantly have multiple windows, with many tabs, on multiple monitors.
It would be cool to be able to tack a background to to site groups such that the edge based animations you select could be genre specific.
Favorite sites could be "starred" and any starred site can have a set bkgd.
just to make the navigating between content/thought silos can be faster because you will see the border/bkgd in a faster mental pattern recognition than reading a URL or even a color. as we can identify different motions faster than we can other pattern recogs.
I love it because it’s trash.
I'm also remembering the fish tank slowing down as more fish appeared on screen on my rather underpowered Mac IIcx back in the day :)