8 ms·
CSSQuake
- alexb_ 3mo agoDoesn'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 3mo agohave to shoot the elevator buttons in this, in the original you could move into them.
- buffer_overlord 3mo agois there no sound?
- amarant 3mo agoIs there a way to produce sound using CSS?
- pwdisswordfishq 3mo ago@media speech { body { cue-before: url(/path/to/sound.ogg); } } https://www.w3.org/TR/CSS2/aural.html https://www.w3.org/TR/CSS2/aural.html
- Waterluvian 3mo agoOnly screams.
- circadian 3mo agoBest. Comment. Ever
- rofko 3mo agoYou should be able to enable sounds with the M shortcut or through the Options menu.
- deleted 3mo ago[deleted]
- thenthenthen 3mo agoWow
- xenophonf 3mo agoEvery time I click in the window, the menu disappears. I tried both Firefox and Chrome.
- rofko 3mo agoThanks for that report! It is hopefully fixed now.
- ronbenton 3mo agoYour scientists were so preoccupied with whether or not they could, they didn’t stop to think if they should
- aruametello 3mo agoThen Tresspasser CSS next https://en.wikipedia.org/wiki/Trespasser_(video_game https://en.wikipedia.org/wiki/Trespasser_(video_game
- gpderetta 3mo agoNice, 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.
- remix2000 3mo agoIt seems like this CSS Quake needs JS to run…
- zamadatix 3mo agoCSS does the rendering, the game logic is TypeScript.
- rikschennink 3mo agoMaybe possible with https://lyra.horse/x86css/ https://lyra.horse/x86css/ ?
- rebane2001 3mo ago(author of x86css) Not possible, but it would be possible to reimplement Quake's logic and controls in CSS to have it run without JS. I was considering doing that for my next CSS crime project, though now that CSSQuake has hit the hn frontpage there is little point in doing so.
- AzzieElbab 3mo agoAwesome! Harder to exit than vim.
- deskamess 3mo agohow did you exit? because nothing seems to be working.
- calgoo 3mo agoBack button worked for me
- ChrisClark 3mo agoI pressed escape, then just closed the tab
- axus 3mo agoI pressed Esc key, click quit. And then closed the browser tab.
- pgt 3mo agoIn case you want to view the menu, press Tab. Click outside menu items to resume game.
- edwinjm 3mo agoIs this a rip from https://github.com/NielsLeenheer/cssDOOM https://github.com/NielsLeenheer/cssDOOM
- degamad 3mo agoThe source appears to be <https://github.com/LayoutitStudio/cssQuake https://github.com/LayoutitStudio/cssQuake>
- OuterVale 3mo agoSeparate projects. Niels Leenheer who made CSS Doom has seen Agustin Capeletto's CSS Quake. https://bsky.app/profile/html5test.com/post/3mok5febchs2g https://bsky.app/profile/html5test.com/post/3mok5febchs2g
- pantelisk 3mo agoAnd I think both have seen these much older handcrafted css3d engines - https://pantel.is/projects/css3d/ https://pantel.is/projects/css3d/ - https://keithclark.co.uk/labs/css-fps/ https://keithclark.co.uk/labs/css-fps/ (the original) but quake and doom took it to the next level :)
- deleted 3mo ago[deleted]
- criley2 3mo agoReally 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
- stoobs 3mo agoSeems like you get stuck on corners and it really doesn't like running up/down slopes, neat though.
- divan 3mo agoAs 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. :)
- kiyeonjeon 3mo agohow long does it take to develop this game?
- sgt 3mo agoVery 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?
- ikari_pl 3mo agoWow, this will be a great project for the forever-upcoming VRML /s
- perilunar 3mo agoWell, Quake and VRML were contemporaneous, but VRML was a plugin in the browser — it was never as fast as Quake, and not intended as a game engine, though there were many worlds and models built in VRML that were at least as detailed as the Quake maps.
- ChrisArchitect 3mo agoShow HN: from the dev (who's also in here, maybe a title update) https://news.ycombinator.com/item?id=48571117 https://news.ycombinator.com/item?id=48571117
- jojogeo 3mo agoThis 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/ https://cssdoom.wtf/ and loved it too, both are far lighter than current affairs. \o/
- Getchowned 3mo ago[dead]
- cynicalsecurity 3mo agoIf this is what CSS has become, it means at some point its development went the wrong way.
- Snoopfrogg 3mo agoThis is dope.
- iandanforth 3mo agoCrazy, such memories. Thanks!
- jdw64 3mo agoI wish I could use CSS this well too
- MattCruikshank 3mo agoDon't worry, OP still can't center a div.
- jdw64 3mo agoI think I've finally found something in common between OP and me
- qingcharles 3mo agoI was centering divs just fine, but now they took away Fable and I'm lost.
- crimsonnoodle58 3mo agoAmazing and impressive use of CSS. But at the same time, makes me appreciate what feat Carmack achieved 30 years ago on early Pentiums.
- badsectoracula 3mo agoImpressive. 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.
- deleted 3mo ago[deleted]
- slopinthebag 3mo agoNo it’s just the renderer. The game itself is Typescript.
- rofko 3mo agoHi there! Thanks for the report, buttons should work properly now. Regarding the game logic, the build step has a small JS extractor over QuakeC/progs.dat to generate JSON source facts: states, models, attacks, sounds, etc. The browser runtime is TypeScript and consumes those for Quake-ish gameplay.
- jedberg 3mo agoThis 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 3mo agoThis engine is not optimised for performance. It's using CSS, after all.
- Insanity 3mo agoYeah this is a case of “not the right tool for the job”. It is awesome though.
- jedberg 3mo agoOf course, but you'd think after 30 years the compute power should be enough to overcome any lack of optimization. It's a testament to the engineering that went into the original Quake engine.
- culi 3mo agoDecades of optimizing a toaster to make better toast will not make the toaster any better at making meatloaf
- deleted 3mo ago[deleted]
- rustystump 3mo agoI am on the ground. This is great. Still, why css is as slow as it is given what tech like imgui can do is a little wild.
- harrall 3mo agoCSS is a general rendering solution, not something built for rendering 3D games. And no one has spent any time optimizing 3D transforms to make a game workable because no one would be able to justify the use of their time like that. It wouldn’t even give you brownie points ‘cause most people would just ask “why?”
- Vaslo 3mo agoBut can it play Crysis?
- formit34 3mo ago[flagged]
- GeorgeWoff25 3mo agochrome web store?
- AndorinaAI 3mo agolol that's crazy. Good job.
- zuzululu 3mo agothis is crazy i didn't know css could do this
- boredemployee 3mo agoI still play quake (world) to this day. I just can't quit it.
- amatecha 3mo agoHell yeah, I still see it as the optimal arena FPS. The sequels add too much IMO. Quake 1 (QuakeWorld) was such a raw competitive arena shooter that is just pure action, no weird extra mechanics. Pick up items, get some health, shoot people. Q2/Q3 are totally fine too, but I feel like QW really just nailed everything.
- boredemployee 3mo agoYes. Quake 3, "rebranded" as Quake Live, is the second best for me. I can play both for hours.
- aggregator-ios 3mo agoWow, this is impressive. 60FPS, MacBook Air M1. I was instantly hooked and so much nostalgia.
- jacobgold 3mo agoNo light theme though?
- rvba 3mo agoAfter leaving the first area to the bridge... was the sky really so close to the ground in the original game, or the old monitors made it look differently? Also nice achievement...!
- glerk 3mo agoWow this is really awesome. Really really smooth. It's insane how after 25 years or so my muscle memory is still intact.
- xyproto 3mo agoHas science gone too far?
- elinear 3mo agoI noticed my cursor was continuously sliding upward first in Neal.fun's latest canvas multiplayer game and I experienced it here as well. Anyone else see this behavior? And maybe a skill issue but I was unable to jump out of the slime...
- ulrischa 3mo agoThough this is impressive, I think this is something that should not be possible with a declarative styling language
- slopinthebag 3mo agoIts just using CSS for the rendering, not the game logic.
- vldszn 3mo agolowkey amazing!
- AbraKdabra 3mo agoBro how tf. This is insane.
- joehabeebs 3mo agoReally impressive
- cws_ai_buddy 3mo ago[flagged]
- system2 3mo agoMy dark reader was on, and half of the map was black, but I played the first level from my memory. Amazing stuff, thank you.
- koolala 3mo agoUsing the Inspector on it is awesome. You can select each map piece.
- itvision 3mo agoSource code: https://github.com/LayoutitStudio/cssQuake https://github.com/LayoutitStudio/cssQuake
- casey2 3mo agoPretty fun to go into f12 and delete the enemy's face.
- terekhindc 3mo ago[flagged]
- msephton 3mo agoThis is a great showcase of both the PolyCSS library and CSS itself!
- justaj 3mo agoIf this is CSS only, then why does in need JS to run?
- zftnb666 3mo agoThis is what I show my friends when they say CSS isn't a real programming language.
- Getchowned 3mo ago[dead]
- ckeck 3mo agoJust in time for the 30th anniversary. This looks great, well done!