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…

Vitest 4.0 – nové vizuální testování, lepší debugging a stabilní Browser Mode

Nová verze Vitest 4.0 posouvá hranice testování webových aplikací. Přináší stabilní běh testů přímo v prohlížeči, podporu vizuálního regresního testování i chytřejší práci s lokátory a typováním. Vývojáři tak získávají robustnější, rychlejší a přehlednější nástroje pro zajištění kvality UI i logiky aplikací.

Docker + Bun + Caddy: mikroslužba za hodinu

Potřebujete rychle spustit malou mikroslužbu bez složité infrastruktury, ruční správy certifikátů a konfigurace Nginxu? V tomto článku si ukážeme, jak pomocí Bun, Caddy a Dockeru jako univerzálního prostředí vytvořit a nasadit plnohodnotnou mikroslužbu během jedné hodiny.

AI pro vývojáře: jak využít LLM v běžném workflow

AI už dávno není jen nástroj na doplňování kódu. Pomáhá psát testy, hledat chyby a vysvětlovat cizí kód. Stejně rychle ale dokáže i zbrzdit, pokud nerozumí kontextu. Vývojář dnes musí umět s AI mluvit, přesně ji vést a výsledky ověřovat – ne slepě přebírat.