4 ms·
Look: this is very impressive. And not to be a dick about it but – I have to point out that the original “flying toasters“ did not overlap; they were all on the
by fish2000 13y ago
Look: this is very impressive. And not to be a dick about it but – I have to point out that the original “flying toasters“ did not overlap; they were all on the same isometric-looking z-index, as it were. Instead of overlapping, a faster-moving toaster would slide straight down slowly behind a slow-moving toaster or toast ahead of it. Really I am sorry for even pointing this out but half the reason I clicked this link was to see how this specific object-detection aspect of “flying toasters“ might be done in CSS.
- mikepurvis 13y agoI wasn't quite following, so I sought out a video: http://www.youtube.com/watch?v=0Cm7tv5cM8g http://www.youtube.com/watch?v=0Cm7tv5cM8g Seems like the toasters don't overlap each other, but they do overlap the toast (eg, at 0:08). Anyway, very cool CSS creation.
- enneff 13y agoAlso the untoasted bread would jump into the toasters and come back out toasted.
- thomasahle 13y agoI like the one that is juggling with the toast.
- fish2000 13y agoI didn't recall the toast overlap! That is quite a bit cooler than my personal “flying toasters“ memory. Thanks for posting that clip.
- kalleboo 13y agofish2000 probably remembers an earlier version http://www.youtube.com/watch?v=5gD-JnD1DCo http://www.youtube.com/watch?v=5gD-JnD1DCo
- fish2000 13y agoThat is it totally – I first ran After Dark on my family’s Mac LC II, maybe about 23 years ago.
- masswerk 13y agoYou mean like: http://www.masswerk.at/flyer/ http://www.masswerk.at/flyer/ ? I don't think that this could be recreated in CSS only, you need to do at least some calculations and conditional execution for this. This is probably the max you can get with CSS only. Congrats.