logoalt Hacker News

CSSQuake

300 pointsby msalsastoday at 10:49 AM61 commentsview on HN

Comments

jedbergtoday at 2:45 PM

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...

show 3 replies
badsectoraculatoday at 2:40 PM

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.

show 1 reply
AzzieElbabtoday at 12:16 PM

Awesome! Harder to exit than vim.

show 1 reply
jojogeotoday at 1:53 PM

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/

remix2000today at 12:26 PM

It seems like this CSS Quake needs JS to run…

show 1 reply
aggregator-iostoday at 3:48 PM

Wow, this is impressive. 60FPS, MacBook Air M1. I was instantly hooked and so much nostalgia.

jacobgoldtoday at 3:53 PM

No light theme though?

boredemployeetoday at 3:40 PM

I still play quake (world) to this day. I just can't quit it.

crimsonnoodle58today at 2:37 PM

Amazing and impressive use of CSS. But at the same time, makes me appreciate what feat Carmack achieved 30 years ago on early Pentiums.

divantoday at 12:47 PM

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. :)

gpderettatoday at 12:17 PM

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.

sgttoday at 1:02 PM

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?

show 1 reply
edwinjmtoday at 12:20 PM

Is this a rip from https://github.com/NielsLeenheer/cssDOOM

show 2 replies
stoobstoday at 12:27 PM

Seems like you get stuck on corners and it really doesn't like running up/down slopes, neat though.

ChrisArchitecttoday at 1:28 PM

Show HN: from the dev (who's also in here, maybe a title update) https://news.ycombinator.com/item?id=48571117

jdw64today at 2:33 PM

I wish I could use CSS this well too

show 1 reply
criley2today at 12:21 PM

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

iandanforthtoday at 2:24 PM

Crazy, such memories. Thanks!

ronbentontoday at 3:50 PM

Your scientists were so preoccupied with whether or not they could, they didn’t stop to think if they should

Vaslotoday at 2:59 PM

But can it play Crysis?

Snoopfroggtoday at 2:19 PM

This is dope.

zuzululutoday at 3:39 PM

this is crazy i didn't know css could do this

kiyeonjeontoday at 12:54 PM

how long does it take to develop this game?

alexb_today at 1:40 PM

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.

show 1 reply
xenophonftoday at 12:08 PM

Every time I click in the window, the menu disappears. I tried both Firefox and Chrome.

cynicalsecuritytoday at 2:18 PM

If this is what CSS has become, it means at some point its development went the wrong way.

show 2 replies
AndorinaAItoday at 3:38 PM

lol that's crazy. Good job.

ikari_pltoday at 1:10 PM

Wow, this will be a great project for the forever-upcoming VRML /s

formit34today at 3:27 PM

[flagged]

show 1 reply
buffer_overlordtoday at 11:01 AM

is there no sound?

show 2 replies
thenthenthentoday at 12:00 PM

Wow