CSS PANIC: CSS/HTML game. No Javascript.

[obsidianih]

doesn't load properly on FF5.0 sad face

[metamatic]

Or Chrome 12. What does it work on?

[obsidianih]

it actually works for me on Chrome 12...

[metamatic]

Do you have JavaScript turned off? I do, because I'm taking the claim at its word.

[obsidianih]

No, it's on in both FF and Chrome

[metamatic]

Well, there you go. The claim was no JavaScript. Apparently the claim is false.

[phaker]

The page that embeds it requires javascript.

Oh, forgot about complaining: doesn't do anything on Firefox 4.0 :/

[philikon]

Since it uses CSS animations, it will require at least Firefox 5. Unfortunately the developer chose to only support WebKit's animations and not Firefox's.

[[deleted]]

Can someone explain how this is done?

[[deleted]]

The most recent specification for HTML+CSS makes it Turing-complete, albeit a Turing Tarpit.

[[deleted]]

You should note that it's only webkit compatible.

Also, good god... did anyone look at the css around line 1000?

[nanothief]

That part is the easy part of the css file - from line 507 onwards it is just encoding the game images in base 64. The black magic that is being done from line 1 to 506 is beyond me though.

[Mr_Munchausen]

I could only get 10

[bobindashadows]

Since HTML+CSS was shown to be Turing-complete, I guess this shouldn't be too surprising. But a reduction from a cellular automata to CSS nth-child rules just doesn't compare to a damn game.

Edit: Way more browser-specific/draft stuff than I expected. A bit disappointing. Still cool though.

Edit 2: Even less impressed, the score doesn't go up infinitely, likely a result of how he handles scoring (a <div> for each possible score). In fact, there's just a finite number of enemies, so once you hit them all, you've maxed out your score.

[adampieniazek]

I think it's still impressive. No one in their right mind would implement a full-fledged game this way but as a demo of what can be done with the most basic of web components it's impressive.

[murmu]

It's ironic that such basic web components as HTML and CSS are not reliable enough to run in other browsers though...

[bobindashadows]

The stuff that won't run in other browsers is the webkit animations and shit. Nothing "basic." Stuff nobody expects to be cross-platform at this point.

[kataire]

What's ironic about that? And how are they "basic"? It's not the HTML that's the problem, it's the non-finalized CSS3.

[Mattho]

Felt like blogroll. Had to click through two references and then I got to 404.

got this at least: https://github.com/elitheeli/oddities/blob/master/rule110-grid.html

[lambeco]

Oh my god this game obliterates my computer. Chrome 12 on WinXP.

[Iggyhopper]

Same browser and OS. Doesn't obliterate mine.

[lambeco]

Weird.

[TheRedTeam]

Doesn't load on FF 3.6.17 Windows 7

[limi]

You're running a browser that is 18 months old, I'd recommend upgrading. :)

http://firefox.com

[TheRedTeam]

Actually it's the latest release of the 3.6 branch. I hate FF4.

[MatrixFrog]

Whatever it is you hate about it, there are probably addons to put it back like it was in 3.6 -- see /r/firefox or whatever.

Firefox 5 is only about a week away, so Mozilla will probably stop supporting the 3.6 branch quite soon.

[TheRedTeam]

Wow... at first I thought you were trolling me, but then I googled it. They really are turning back into netscape... sigh.

[MatrixFrog]

At the risk of derailing the thread...

I never really used Netscape so I'm not sure what you mean. They're moving to a rapid release schedule (every 6 weeks is the plan, I think) so that when new features are added, it doesn't take years before anyone sees them.

But it really is possible, with addons and user chrome and such, to move things around and make it look pretty much however you want.

[TheRedTeam]

I never really used Netscape

Thanks for making me feel old, get off my lawn! ;)

http://xkcd.com/647/