ProtoWolfenstein in CSS

August 14, 2006 1:01 PM

Dynamic 3D with CSS and the DOM Brothercake describes how to generate 3D mazes using nothing but CSS, the DOM and cunning. If you're not interested in the explanation, jump right to the example.
posted by boo_radley (22 comments total)

Wolfenstein... no. Dungeon Master, yes. (Well, Ultima I or Wizardry even, but not Wolf3d which featured full 360 degree turning and fluid motion, not bound to a grid)

Neat link though, so thanks.
posted by C.Batt at 1:09 PM on August 14, 2006

Now he just needs to bung in a dinosaur and we'll have 3D Monster Maze 2006.
posted by malevolent at 1:34 PM on August 14, 2006

Nice. Clever use of CSS. Except where the monkey stole my key.
posted by hal9k at 1:38 PM on August 14, 2006

Brilliant.
posted by Zozo at 1:52 PM on August 14, 2006

there is a better version of this that lets you run around doom-style.
posted by b1tr0t at 1:58 PM on August 14, 2006

I would be interested in seeing that, b1tr0t.
posted by boo_radley at 2:06 PM on August 14, 2006

yeah! bring up da link b1tr0t. neat post though.
posted by nims at 2:17 PM on August 14, 2006

posted by mr_crash_davis at 2:20 PM on August 14, 2006

The ones like this I've seen used <canvas>: Mozilla sample raycasting engine and Canvascape. There's also people working on a proper 3D canvas API.
posted by Freaky at 2:32 PM on August 14, 2006 [1 favorite]

That's pretty cool, though the lack of cross-brower support puts a big dent in the coolness.
posted by Artw at 2:58 PM on August 14, 2006

Wolfenstein 5K
posted by weston at 3:05 PM on August 14, 2006

Neat!
posted by brundlefly at 3:44 PM on August 14, 2006

Argh, I'm trapped in an early Windows screensaver!
posted by bokeh at 3:51 PM on August 14, 2006

Very cool.
posted by sien at 4:01 PM on August 14, 2006

I had no idea there was a <canvas> tag. Crazy.

That demo sucked via it's non realtimeyness.

But seriously that canvas tag is probably the most awsome thing to happen to web design since flash. hell, who even needs flash now!?
posted by delmoi at 5:06 PM on August 14, 2006

People who wnat to create stuff that the majority of users can see?
posted by Artw at 5:09 PM on August 14, 2006

Cool, but totally fails in IE.
posted by Afroblanco at 5:40 PM on August 14, 2006

The link Freaky posted is what I was talking about - it does work in FireFox.
posted by b1tr0t at 6:00 PM on August 14, 2006

with a little math and some judicious JavaScript

You'd think that I would've learned years ago to flee any document containing this phrase.

Neat.
posted by DrJohnEvans at 10:16 PM on August 14, 2006

Cool, but totally fails in IE.

No, IE totally fails support for the DOM and CSS.
posted by grubi at 8:46 AM on August 15, 2006

Memories of Tunnels of Doom.
posted by solotoro at 12:19 PM on August 15, 2006

Makes me wish there was a Scarab of Ra for OS X.
posted by DakotaPaul at 1:09 PM on August 15, 2006