Top
Best
New

Posted by msalsas 7 hours ago

CSSQuake(cssquake.com)
346 points | 72 comments
jedberg 3 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...
poisonfountain 3 hours ago||
This engine is not optimised for performance. It's using CSS, after all.
Insanity 2 hours ago|||
Yeah this is a case of “not the right tool for the job”.

It is awesome though.

jedberg 2 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.
culi 1 hour ago||
Decades of optimizing a toaster to make better toast will not make the toaster any better at making meatloaf
rustystump 1 hour 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.

harrall 40 minutes 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 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?”

Akronymus 4 minutes ago||
Id assume "a fun challenge" could be enough of a reason
jamal-kumar 1 hour 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
to11mtm 1 hour 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.

DanielHB 2 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.
iamphilrae 2 hours 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.
bluedino 1 hour ago||||
Bare minimum for it being playable was a 486DX4 100MHz or similar, but with the floating point Quake really wanted a Pentium
Garlef 43 minutes ago||
I played it on a Pentium with 60mhz - it was allright
UltraSane 1 hour ago||||
Quake ran well on my 100Mhz Pentium.
jedberg 2 hours ago||||
It must have, because that's what I had in 1996 and I played it.
lightedman 2 hours ago|||
Quake ran on a P75 with 8MB RAM in DOS mode. Not the best but it worked at 320x200.
jonplackett 2 hours ago||
I think you’re missing the point
AzzieElbab 5 hours ago||
Awesome! Harder to exit than vim.
pgt 55 minutes ago||
In case you want to view the menu, press Tab. Click outside menu items to resume game.
deskamess 4 hours ago||
how did you exit? because nothing seems to be working.
calgoo 4 hours ago|||
Back button worked for me
ChrisClark 3 hours ago||||
I pressed escape, then just closed the tab
axus 3 hours ago|||
I pressed Esc key, click quit. And then closed the browser tab.
badsectoracula 3 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.
jojogeo 4 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 5 hours ago||
It seems like this CSS Quake needs JS to run…
zamadatix 2 hours ago|
CSS does the rendering, the game logic is TypeScript.
jacobgold 2 hours ago||
No light theme though?
edwinjm 5 hours ago||
Is this a rip from https://github.com/NielsLeenheer/cssDOOM
OuterVale 5 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

pantelisk 1 hour ago||
And I think both have seen these much older handcrafted css3d engines

- https://pantel.is/projects/css3d/

- https://keithclark.co.uk/labs/css-fps/ (the original)

but quake and doom took it to the next level :)

degamad 5 hours ago||
The source appears to be <https://github.com/LayoutitStudio/cssQuake>
aggregator-ios 2 hours ago||
Wow, this is impressive. 60FPS, MacBook Air M1. I was instantly hooked and so much nostalgia.
crimsonnoodle58 3 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.
rvba 37 minutes ago|
After 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...!

More comments...