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…

AI generované plakáty zaplavují svět. Připomínají Comic Sans v devadesátkách

Vygenerovat plakát dnes zvládne každý za třicet vteřin. Výsledky visí na sloupech, plavou v našich feedech a lepí se na výlohy pizzerií. Něco podobného jsme už jednou zažili – když se v devadesátých letech dostal desktop publishing do rukou mas a svět zaplavil Comic Sans. Co nám tahle historická paralela říká o budoucnosti grafického designu?

Podepisování PDF přes eObčanku na Macu? Napsal jsem si vlastní nástroj.

Jako začínající podnikatel potřebuji pravidelně podepisovat smlouvy kvalifikovaným podpisem. Certifikát jsem si uložil na čip eObčanky, jenže se ukázalo, že použitelný podepisovací software pro macOS prakticky neexistuje. Profesní vztek programátora vedl ke vzniku…

Zvyšte svou produktivitu s Claude Code: tajemství správného výběru modelu

Sonnet 5 zvládne většinu běžné práce v Claude Code. Fable 5 se vyplatí ve chvíli, kdy neznáte příčinu chyby nebo by špatný návrh vedl k drahému zásahu. Ukážeme si, kdy model přepnout, kdy se vrátit a jak během práce hlídat diff, testy, oprávnění, kontext a cenu.