CSSQuake(cssquake.com) |
And maybe a skill issue but I was unable to jump out of the slime...
@media speech {
body {
cue-before: url(/path/to/sound.ogg);
}
}
https://www.w3.org/TR/CSS2/aural.htmlThis is insane.
It is awesome though.
Most of the time, things seem to be optimized for Chrome, but with this, I actually had the impression that Firefox ran a bit smoother, but I tested it on Linux.
Perhaps there's something wrong with your web browser. Try Firefox - it works beautifully there.
On my 7945HX this is plenty fast.
Checked out https://cssdoom.wtf/ and loved it too, both are far lighter than current affairs. \o/
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.
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.
- https://pantel.is/projects/css3d/
- https://keithclark.co.uk/labs/css-fps/ (the original)
but quake and doom took it to the next level :)
edit: both on chromium and firefox, desktop linux.
Also nice achievement...!
https://philip.greenspun.com/humor/eecs-difference-explained
It should be "Decades of inventions from toasters to IOT AI Smart Air Fryers will not make better toast than the original"
But I'd argue the IOT AI Smart Air Fryer should make really good toast. Which is what GP is saying.
CSSQuake uses an intentionally-absurd rendering pipeline. It's not surprising that the result is sub-optimal.
(Though I agree that the meatloaf analogy is not very good.)
Both a toaster and an oven might benefit from improved electronics but in the end—whether its a toaster from the 60s or a toaster from 3008—you are still using a toaster to make a meatloaf.
CSS is not remotely comparable to a game engine. It's not even a programming language.
Still, why css is as slow as it is given what tech like imgui can do is a little wild.
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?”