CSSQuake

229

mmsalsas about 5 hours ago 45 commentsRead Article on cssquake.com

HI version is available. Content is displayed in original English for accuracy.

⚡ Community Insights

Discussion Sentiment

100% Positive

Analyzed from 575 words in the discussion.

Discussion (45 Comments)Read Original on HackerNews

badsectoracula•about 1 hour ago

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.

jedberg•43 minutes ago

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

poisonfountain•30 minutes ago

This engine is not optimised for performance. It's using CSS, after all.

Insanity•17 minutes ago

Yeah this is a case of “not the right tool for the job”.

It is awesome though.

AzzieElbab•about 3 hours ago

Awesome! Harder to exit than vim.

deskamess•about 2 hours ago

how did you exit? because nothing seems to be working.

calgoo•about 2 hours ago

Back button worked for me

ChrisClark•about 1 hour ago

I pressed escape, then just closed the tab

axus•about 1 hour ago

I pressed Esc key, click quit. And then closed the browser tab.

jojogeo•about 2 hours ago

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/

remix2000•about 3 hours ago

It seems like this CSS Quake needs JS to run…

crimsonnoodle58•about 1 hour ago

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

jdw64•about 1 hour ago

I wish I could use CSS this well too

MattCruikshank•43 minutes ago

Don't worry, OP still can't center a div.

qingcharles•25 minutes ago

I was centering divs just fine, but now they took away Fable and I'm lost.

jdw64•31 minutes ago

I think I've finally found something in common between OP and me

gpderetta•about 3 hours ago

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.

sgt•about 2 hours ago

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?

freakynit•about 2 hours ago

.dog { display: float; }

skvmb•about 1 hour ago

You win! I laughed way too hard at this. Boss man is now giving me the side eye.

edwinjm•about 3 hours ago

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

OuterVale•about 3 hours ago

Separate projects. Niels Leenheer who made CSS Doom has seen Agustin Capeletto's CSS Quake.

https://bsky.app/profile/html5test.com/post/3mok5febchs2g

degamad•about 3 hours ago

The source appears to be <https://github.com/LayoutitStudio/cssQuake>

Vaslo•30 minutes ago

But can it play Crysis?

iandanforth•about 1 hour ago

Crazy, such memories. Thanks!

ChrisArchitect•about 2 hours ago

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

stoobs•about 3 hours ago

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

criley2•about 3 hours ago

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

divan•about 3 hours ago

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

Snoopfrogg•about 1 hour ago

This is dope.

alexb_•about 2 hours ago

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.

ekaryotic•about 1 hour ago

have to shoot the elevator buttons in this, in the original you could move into them.

cynicalsecurity•about 1 hour ago

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

senfiaj•about 1 hour ago

It still needs JS. It just avoids using canvas and does DOM manipulation + CSS instead.

Rohansi•about 1 hour ago

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.

xenophonf•about 3 hours ago

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

kiyeonjeon•about 3 hours ago

how long does it take to develop this game?

ikari_pl•about 2 hours ago

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

buffer_overlord•about 4 hours ago

is there no sound?

amarant•about 4 hours ago

Is there a way to produce sound using CSS?

pwdisswordfishq•about 3 hours ago

    @media speech {
        body {
            cue-before: url(/path/to/sound.ogg);
        }
    }

https://www.w3.org/TR/CSS2/aural.html

Waterluvian•about 3 hours ago

Only screams.

circadian•about 3 hours ago

Best. Comment. Ever

rofko•about 4 hours ago

You should be able to enable sounds with the M shortcut or through the Options menu.

thenthenthen•about 3 hours ago

Wow