322 pointsby msalsas7 hours ago33 comments
  • jedberg3 hours 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...
    • poisonfountain3 hours ago
      This engine is not optimised for performance. It's using CSS, after all.
      • Insanity2 hours ago
        Yeah this is a case of “not the right tool for the job”.

        It is awesome though.

      • jedberg2 hours ago
        Of 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.
        • culian hour ago
          Decades of optimizing a toaster to make better toast will not make the toaster any better at making meatloaf
          • 35 minutes ago
            undefined
          • rustystump21 minutes ago
            I 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.

            • harralla minute ago
              CSS 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 could justify the use of their time like that.

    • jamal-kumar22 minutes ago
      For what it's worth it works like smooth butter under Chrome on an M2, on Safari it's clunky and seems to clip alot
    • to11mtm38 minutes ago
      Either you had a Voodoo on your P133 or whatever the M1 is doing is having a bad time...

      On my 7945HX this is plenty fast.

    • DanielHB2 hours ago
      Wait, did Quack run on Pentium-133? I had a Pentium MMX 233mhz and I always assumed it didn't ran well so I never bother to get it.
      • bluedino26 minutes ago
        Bare minimum for it being playable was a 486DX4 100MHz or similar, but with the floating point Quake really wanted a Pentium
        • Garlef4 minutes ago
          I played it on a Pentium with 60mhz - it was allright
      • iamphilraean hour ago
        If you had a 3dfx card it would run silky smooth on a Pentium-120 (what I had at the time)! Quake 2 ran pretty well too if I recall.
      • UltraSanean hour ago
        Quake ran well on my 100Mhz Pentium.
      • jedberg2 hours ago
        It must have, because that's what I had in 1996 and I played it.
      • lightedman2 hours ago
        Quake ran on a P75 with 8MB RAM in DOS mode. Not the best but it worked at 320x200.
    • jonplackettan hour ago
      I think you’re missing the point
  • badsectoracula3 hours 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.
    • 2 hours ago
      undefined
  • AzzieElbab5 hours ago
    Awesome! Harder to exit than vim.
    • pgt16 minutes ago
      In case you want to view the menu, press Tab. Click outside menu items to resume game.
    • deskamess4 hours ago
      how did you exit? because nothing seems to be working.
      • calgoo4 hours ago
        Back button worked for me
      • ChrisClark3 hours ago
        I pressed escape, then just closed the tab
      • axus3 hours ago
        I pressed Esc key, click quit. And then closed the browser tab.
  • jojogeo4 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/

  • remix20005 hours ago
    It seems like this CSS Quake needs JS to run…
    • zamadatix2 hours ago
      CSS does the rendering, the game logic is TypeScript.
  • jacobgold2 hours ago
    No light theme though?
  • aggregator-ios2 hours ago
    Wow, this is impressive. 60FPS, MacBook Air M1. I was instantly hooked and so much nostalgia.
  • edwinjm5 hours ago
  • crimsonnoodle583 hours 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.
  • boredemployee2 hours ago
    I still play quake (world) to this day. I just can't quit it.
  • divan5 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. :)
  • gpderetta5 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.

  • sgt4 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?
    • freakynit4 hours ago
      .dog { display: float; }
      • skvmb3 hours ago
        You win! I laughed way too hard at this. Boss man is now giving me the side eye.
  • stoobs5 hours ago
    Seems like you get stuck on corners and it really doesn't like running up/down slopes, neat though.
  • ChrisArchitect4 hours ago
    Show HN: from the dev (who's also in here, maybe a title update) https://news.ycombinator.com/item?id=48571117
  • ronbenton2 hours ago
    Your scientists were so preoccupied with whether or not they could, they didn’t stop to think if they should
  • jdw643 hours ago
    I wish I could use CSS this well too
    • MattCruikshank3 hours ago
      Don't worry, OP still can't center a div.
      • qingcharles2 hours ago
        I was centering divs just fine, but now they took away Fable and I'm lost.
      • jdw643 hours ago
        I think I've finally found something in common between OP and me
  • Vaslo3 hours ago
    But can it play Crysis?
  • criley25 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
  • iandanforth3 hours ago
    Crazy, such memories. Thanks!
  • Snoopfrogg3 hours ago
    This is dope.
  • 7 hours ago
    undefined
  • kiyeonjeon5 hours ago
    how long does it take to develop this game?
  • zuzululu2 hours ago
    this is crazy i didn't know css could do this
  • alexb_4 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.
    • ekaryotic3 hours ago
      have to shoot the elevator buttons in this, in the original you could move into them.
  • xenophonf5 hours ago
    Every time I click in the window, the menu disappears. I tried both Firefox and Chrome.
  • cynicalsecurity3 hours ago
    If this is what CSS has become, it means at some point its development went the wrong way.
    • senfiaj3 hours ago
      It still needs JS. It just avoids using canvas and does DOM manipulation + CSS instead.
    • Rohansi3 hours 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.
  • 5 hours ago
    undefined
  • AndorinaAI2 hours ago
    lol that's crazy. Good job.
  • ikari_pl4 hours ago
    Wow, this will be a great project for the forever-upcoming VRML /s
  • formit342 hours ago
    [flagged]
  • buffer_overlord6 hours ago
    is there no sound?
  • thenthenthen6 hours ago
    Wow