CSS Friday Fun
November 10, 2022 8:25 PM   Subscribe

A CSS puzzle box from Blackle Mori (previously)

From the link: "Desktop Firefox and Chrome only."
posted by solarion (16 comments total) 6 users marked this as a favorite
 
I recognize Blackle Mori's name from a really good noise function for GLSL on ShaderToy!

This was a really fun puzzle box. A little bit challenging in a couple of places but not frustrating. I always struggle a little bit more than I feel like I should with light switch puzzles but after that it was pretty smooth. Super impressive that that's all CSS!
posted by biogeo at 11:02 PM on November 10, 2022


Ok, the lights are already driving me buggy.
posted by zardoz at 12:02 AM on November 11, 2022 [2 favorites]


I genuinely love that the fact that the person behind this is a four-armed shark-like alien in a maid outfit is no big deal. Much love to Blackle Mori of Suricrasia.
posted by BiggerJ at 1:09 AM on November 11, 2022


the fact that the person behind this is a four-armed shark-like alien in a maid outfit is no big deal

I thought mentioning it might bury the real lede here - games made in CSS!
posted by solarion at 1:38 AM on November 11, 2022 [2 favorites]


I kind of love that every single game is just a glorified collision detection.

The moment a given piece of tech, language, or implementation of a thing (example : shufflepuck in bars) can accurately recognize a collision detection makes it possible to make at least some measure of a "game" is fascinating to me.

Pong may have been the first computer program to utilize collision detection (I'm too tired to look up if it was the first, but it was certainly the most widely recognized) but still - to this day - every single videogame any of us has ever played relies on collision detection.

And, so it goes, that if CSS allows for selecting elements based on whether they were clicked or not, you could make a CSS-only game.

(though I'm skeptical if there isn't some JS involved here, and I don't have the time/resources to investigate further, so it doesn't really matter. JS has had collision detection since day one)

Also, I'd have loved to explore this one further but the "Lights On" mini-game is too frustrating to continue.
posted by revmitcz at 1:53 AM on November 11, 2022 [3 favorites]


There is a drop-down menu for hints, at least on my mobile. And it offers a guide for the light puzzle, though seems like there is a bit of nuance
posted by Jacen at 1:57 AM on November 11, 2022


Oh *that's* where my Estradiol went.
posted by Molesome at 3:49 AM on November 11, 2022 [2 favorites]


I'd love to see these but we're back in the 1990s with 'only works with IE's version of HTML' :(

It's happening far too often again. Damn google and their Chrome domination.
posted by davemee at 6:56 AM on November 11, 2022


Ok, the lights are already driving me buggy.
...
I'd have loved to explore this one further but the "Lights On" mini-game is too frustrating to continue.

I don't get it. Did you guys, like, not have Merlin? Get off my lawn.
posted by The Bellman at 7:09 AM on November 11, 2022 [1 favorite]


Well, that was just marvelous. Just the right amount of hard, and so dang impressive from a coding standpoint!
posted by TheCoug at 7:55 AM on November 11, 2022


Firefox + Chrome feels pretty far from "IE-only HTML", to me. Like, I'm with you in that that's sometimes the case with Chrome, but that's 2/3 engines covered. If anything, that's Safari being the modern IE 6.
posted by CrystalDave at 9:14 AM on November 11, 2022 [2 favorites]


Got lights on, but nothing happened?
posted by bruinfan at 9:53 AM on November 11, 2022 [1 favorite]


Success! Fun little game.
posted by rouftop at 10:33 AM on November 11, 2022


Finally I am rewarded for having javascript disabled on all domains by default.
posted by one for the books at 10:42 AM on November 11, 2022


If you get lights on and nothing happens, try zooming in our out. Look for the purple light to illuminate and click it.
posted by bruinfan at 12:56 PM on November 11, 2022


I miss Meta Flash-Friday! CSS-Friday doesn't have the same ring, but I'll take it :)
posted by mincus at 2:00 PM on November 11, 2022 [1 favorite]


« Older the grim reapers of their own obsession   |   Samuel L. Katz, a Developer of the Measles Vaccine... Newer »


This thread has been archived and is closed to new comments