Impressive. I guess this isn't only the renderer made to use CSS but also a full recreation of the engine and logic right? My guess is because a bunch of things do not behave like the original game, e.g. some buttons need to be shot instead of touched to activate, some secret doors open by touching them instead of being shot, etc.
As someone who passionately and ardiently hates prolifiration of this set of _hacks on top of hacks_ called CSS (and CSS/JS/HTML aka Web-stack), I must say this is good and valid use case for CSS. :)
Nice, but the view keeps clipping out to far ahead of the map (but the character seems to still be in its original position as I can die from monsters). It snaps back in place when I shoot.
edit: both on chromium and firefox, desktop linux.
The game logic here is running in JS. Only the rendering is handled by HTML and CSS. Is it really wrong that you can do this? All it requires is 3D transformation of elements.
Really cool experiment. A lot of jank. It would sometimes rubber band me back, movement was grid aligned in a way that made accessing the secret room challenging, and the whole tab unexpectedly crashed with no error. 5 star would play again
Doesn't work at all for me. I keep jumping around and clipping through objects, can't even leave the first room without being stuck in the doorway to the elevator.
This is an awesome achievement, but I can't help but notice that Quake ran smoother on my Pentium-133 PC in the 90s than it runs on my Mac M1 Pro...
Impressive. I guess this isn't only the renderer made to use CSS but also a full recreation of the engine and logic right? My guess is because a bunch of things do not behave like the original game, e.g. some buttons need to be shot instead of touched to activate, some secret doors open by touching them instead of being shot, etc.
Amazing and impressive use of CSS. But at the same time, makes me appreciate what feat Carmack achieved 30 years ago on early Pentiums.
Awesome! Harder to exit than vim.
how did you exit? because nothing seems to be working.
I pressed escape, then just closed the tab
Back button worked for me
I pressed Esc key, click quit. And then closed the browser tab.
This is the first thing I've seen on the intertubes for a /long/ time which genuinely makes me smile, thank you op.
Checked out https://cssdoom.wtf/ and loved it too, both are far lighter than current affairs. \o/
It seems like this CSS Quake needs JS to run…
I wish I could use CSS this well too
Don't worry, OP still can't center a div.
Crazy, such memories. Thanks!
As someone who passionately and ardiently hates prolifiration of this set of _hacks on top of hacks_ called CSS (and CSS/JS/HTML aka Web-stack), I must say this is good and valid use case for CSS. :)
Very cool. I wonder what the limitations are? I see the dog I shot is floating in the air. Is that maybe a CSS thing or is it fixable?
.dog { display: float; }
You win! I laughed way too hard at this. Boss man is now giving me the side eye.
Nice, but the view keeps clipping out to far ahead of the map (but the character seems to still be in its original position as I can die from monsters). It snaps back in place when I shoot.
edit: both on chromium and firefox, desktop linux.
Show HN: from the dev (who's also in here, maybe a title update) https://news.ycombinator.com/item?id=48571117
Is this a rip from https://github.com/NielsLeenheer/cssDOOM
Separate projects. Niels Leenheer who made CSS Doom has seen Agustin Capeletto's CSS Quake.
https://bsky.app/profile/html5test.com/post/3mok5febchs2g
The source appears to be <https://github.com/LayoutitStudio/cssQuake>
This is dope.
Seems like you get stuck on corners and it really doesn't like running up/down slopes, neat though.
If this is what CSS has become, it means at some point its development went the wrong way.
The game logic here is running in JS. Only the rendering is handled by HTML and CSS. Is it really wrong that you can do this? All it requires is 3D transformation of elements.
It still needs JS. It just avoids using canvas and does DOM manipulation + CSS instead.
Really cool experiment. A lot of jank. It would sometimes rubber band me back, movement was grid aligned in a way that made accessing the secret room challenging, and the whole tab unexpectedly crashed with no error. 5 star would play again
Doesn't work at all for me. I keep jumping around and clipping through objects, can't even leave the first room without being stuck in the doorway to the elevator.
have to shoot the elevator buttons in this, in the original you could move into them.
Every time I click in the window, the menu disappears. I tried both Firefox and Chrome.
how long does it take to develop this game?
Wow, this will be a great project for the forever-upcoming VRML /s
is there no sound?
Is there a way to produce sound using CSS?
Only screams.
Best. Comment. Ever
You should be able to enable sounds with the M shortcut or through the Options menu.
Wow