Tohle je plivnutí do tváře všem, kteří stále tu a tam, po dlouhých dvaceti letech v "oboru", zápolí s vertikálním zarovnáním prvku v rámci rodičovského HTML elementu!
CSS Doom je reimplementace FPS klasiky DOOM, která běží ve vašem prohlížeči. Já vím, já vím, takových už bylo... jenže CSS Doom je zajímavý z technického hlediska. Logika hry je napsaná v JavaScriptu, ovšem o rendering se stará CSS. Stejné CSS, které používáte k obarvení textu na červeno, a stejné CSS, které při úpravě tlačítka na stránce "Kontakty" rozhodí pozicování obrázků na stránce "O nás".
Znamená to, že každá zeď, podlaha, sud i imp jsou <div> dohledatelný v DOMu a umístěný v 3D prostoru pomocí CSS transformací. Výsledkem je plně prostorová scéna bez použití klasického renderingu přes canvas nebo WebGL, což demonstruje překvapivé možnosti moderního CSS (a prezentuje je v celé jejich absurditě, chtělo by se dodat...)
Vyčerpávající informace a technickou dokumentaci najdete na blogu autora, CSS Doom běží na adrese cssdoom.wtf. Samozřejmě se připravte na nejhorší - prohlížeč se pod touhle náloží řádně zapotí :)
Co teprve DOOM Over DNS
https://github.com/resumex/doom-over-dns
hele zkuste totok https://liquiddoom.net/radio
co je flash zariznuty, tak jsem si kolem radio tagu napsal jednodussi js/css prehravac na icecast radio s jednodusim ‚ascii vu meterem‘ :)
u druhyho radia, k dosovym hram, jsem si jeste trosku pohral i s ‚ascii vu meterem‘ …
Dost dobrý, akorát mi občas mizely stěny a pomalu reagovalo na střelbu, ale jako technologická ukázka brilantní.