Seriál: Wolfenstein v prohlížeči (4 díly)

Série článků provázející postupnou tvorbou implementace herní klasiky Wolfenstein 3D do webového prohlížeče pomocí HTML, CSS, JavaScriptu a nové značky HTML5 canvasu.

Jak vytvořit pseudo 3D hry v HTML5 canvasu s raycastingem (díl 1)

Články ‐ Martin Hassman ‐ JavaScript, Webdesign ‐ 16. 12. 2008

Stále častěji se objevují hry napsané pomocí HTML a JavaScriptu. Ale ne každý umí pomocí nich naprogramovat hru, která používá 3D zobrazení. V článku najdete návod k napsání herního enginu připomínajícího známou hru Wolfenstein 3D. Použijeme k tomu HTML, JavaScript a kaskádové styly.

Optimalizujeme pseudo 3D hru v HTML5 canvasu (díl 2)

Články ‐ Martin Hassman ‐ JavaScript, Webdesign ‐ 18. 5. 2009

Možná si ještě vzpomenete na článek, ve kterém jsme vytvářeli Wolfensteina pomocí JavaScriptu přímo v prohlížeči. Dnes budeme pokračovat. Nejprve zlepšíme rychlost a pak začneme vylepšovat hru samotnou. Opět budeme používat pouze HTML, JavaScript a kaskádové styly.

Přidáváme objekty do pseudo 3D hry v HTML5 canvasu (díl 3)

Články ‐ Martin Hassman ‐ JavaScript, Webdesign ‐ 21. 5. 2009

Posledně jsme naši implementaci Wolfensteina zrychlili, dnes ji pro změnu zkrášlíme. Přidáme do herní plochy (do našeho hradu) několik objektů, s pomocí kterých herní prostředí vytvoří tu správnou atmosféru. Prováděné změny v kódu budeme komentovat, abyste jim porozuměli a příště to zvládli sami.

Vytváříme nepřátele do pseudo 3D hry v HTML5 canvasu (díl 4)

Články ‐ Martin Hassman ‐ JavaScript, Webdesign ‐ 27. 5. 2009

Nedávno jsme si vytvořili pěknou implementaci Wolfensteina. Dnes do ní vedle hráče přidáme i další bytosti – strážce. Ti budou hráče vytrvale pronásledovat, pokud jim v tom nebude zrovna bránit zeď nebo jiná překážka. Jakmile hráče dostihnou, tak se na něj upřeně podívají a…

Vlastní hosting místo Vercelu: Coolify, Dokploy a Kamal v praxi

Vlastní VPS může nahradit část služeb, za které vývojáři platí na platformách jako Vercel nebo Heroku. Nástroje Coolify, Dokploy a Kamal zjednodušují nasazování aplikací v Docker kontejnerech, každý ale jiným způsobem. Podíváme se na jejich rozdíly, náklady i provozní rizika a ukážeme si, kdy se vlastní hosting vyplatí.

Fossil místo Gitu: kód, wiki i hlášení chyb v jednom repozitáři

Autoři SQLite používají místo Gitu vlastní systém Fossil. Kromě kódu v něm mají wiki, hlášení chyb i projektový web a mohou sledovat cestu opravy od pracovní větve až do vydané verze.

Spacer.gif a tabulky v tabulkách: Jak se kdysi dělaly webové stránky

Kdo dnes napíše display: grid a za minutu má hotový třísloupcový layout, těžko si představí, jakou akrobacii to stálo před pětadvaceti lety. Webové stránky tehdy držely pohromadě vnořené tabulky, průhledné obrázky o velikosti jednoho pixelu a pevná víra, že to nikdo neotevře v jiném prohlížeči. Pojďme si připomenout, jak to fungovalo, proč to fungovalo a proč jsme s tím museli skončit.