CSS is DOOMed!

[dysfun@social.treehouse.systems]

@html5test nice! i used css transforms to replicate the apple cover flow thing when they were brand new, but this is on another level

[html5test@front-end.social]

@dysfun Same principle. Just a few more divs

[aumetra@corteximplant.net]

@html5test Vanadium wants me to end its suffering

[html5test@front-end.social]

@aumetra

[boydstephensmithjr@hachyderm.io]

@html5test FF-ESR (on Debian) renders the gun+hand in the top-left instead of in the middle-bottom.

Also I couldn't figure out how to shoot.

Very cool. Congratulations.

[anthk@neopaquita.es]

@html5test CSS it's Turing complete? Another vector to run propietary softwaer? A good thing I use Mothra under 9front and #Dillo under GNU Guix.

BTW you can provide full levels from FreeDoom (better if you build a daily compilation, as it has really good but recent changes) with Deutex and GNU make: https://freedoom.github.io

Now you can provide the two full episodes.

[html5test@front-end.social]

@ZoidbergForPresident It should work when you go to Full screen mode (left square button in the top right), which uses Pointer Lock to capture the mouse if supported by the browser.

[html5test@front-end.social]

@BoydStephenSmithJr The most likely reason is the ESR probably does not yet support Anchored Positioning, which is used for positioning the gun relative to the status bar.

[k@layer8.space]

@html5test runs perfectly on Firefox!

[devnull@mamot.fr]

@html5test The gun is appearing in the upper left corner

[html5test@front-end.social]

@devnull this is probably because the browser you are using does not support Anchored Positioning.

[devnull@mamot.fr]

@html5test Web "standards" they call it

It is supported only since Firefox 147 according to this. Which doesn't include Firefox ESR yet…

(www.reddit.com)

[html5test@front-end.social]

@devnull The whole idea of this project is to see what is possible with modern web standards and pushing the limits and not to create something that works everywhere ‍️

[niavy@masto.bike]

@html5test
Wow 🤩

[mctwist@social.accum.se]

@html5test Surprisingly, it works in Firefox mobile. However, the "Doom" font color is inverted.

[sgtpepere@ludosphere.fr]

@html5test Wow, that's awesome. The only thing not working with my xbox controler was the shooting, no button allowed me to draw fire.

[sjb@mstdn.io]

@html5test Works surprisingly smooth in Firefox.

[html5test@front-end.social]

@sjb I used Firefox as my main browser during the development of this, as it had the least rendering issues. Their CSS 3D support has been really solid.

[html5test@front-end.social]

@sgtpepere on my PS controller it is mapped to one of the top buttons. But to be honest it was little more than hooking it up and testing if it worked. Not much thought went into creating a good control mapping.

[badsamurai@infosec.exchange]

@html5test rock-on @Vivaldi it’s perfect on iOS mobile.