Alena Pumprová

Harlequin’s Fortune

Vlastní slotová hra od nápadu až po ověřený herní model

Pustila jsem se do další výzvy a tentokrát jsem si vybrala něco, co mě dlouho lákalo. Předělala jsem svůj cca rok a půl starý Figma návrh na reálnou hru.

Harlequin’s Fortune je plně funkční prototyp slotové hry v realistickém retro Harlequin stylu. Vytvořila jsem návrh designu, uživatelské rozhraní, herní logiku, animace i zvuky tak, aby hra působila plynule, přehledně a dobře se ovládala na různých zařízeních.

Herní model jsem nastavila pomocí vah symbolů a výherních tabulek a pak jsem ho ověřila pomocí Monte Carlo simulace na milionu herních kol. Výsledné RTP vyšlo 95,3 % a chování hry je stabilní napříč různými sázkami.

Součástí projektu je loading screen s preloadem klíčových prvků, responzivní a přístupné rozhraní včetně ARIA atributů, menu s pravidly hry a ukládání stavu pomocí Local Storage. Celá hra běží přímo v prohlížeči, bez instalace.

Projekt slouží jako portfolio demo bez reálných peněz. Pokud vás zajímá technické pozadí hry, testování RTP nebo UX rozhodnutí, připravila jsem podrobnou case study.

Harlequin’s Fortune, originální slotová hra v retro Harlequin stylu

Escape room

Pustila jsem se do nové výzvy – vytvořit vlastní únikovou hru.

The Morning After je interaktivní webová hra, kde se probouzíte v podivné místnosti, aniž byste si pamatovali, jak jste se tam ocitli. Vaším cílem je jediné. dostat se co nejrychleji ven. Prozkoumáváte předměty v místnosti, řešíte hádanky a pomalu odhalujete skrytou pravdu.

Hra je postavená v Reactu s důrazem na plynulou 3D navigaci a atmosférický zážitek. Žádné instalace, funguje přímo v prohlížeči.

Dokážete uniknout? 🔐

Předělala jsem hru z 80. let

Před časem jsem doma objevila starou rozbitou herní konzoli. Nedalo mi to a rozhodla jsem se, že hru vytvořím znovu. S pár drobnými vylepšeními, samozřejmě. 😉
Původní hra se jmenuje podle stejnojmenného ruského seriálu Jen počkej (v originále „Nu pogodi“) a byla vyrobená v roce 1984.
Pokud chcete zažít trochu nostalgie s vlkem chytajícím vajíčka, můžete si zkusit zahrát. .
Nově můžete hrát i na mobilu.

Od nápadu k realizaci

Jak vznikly moje webové projekty

Cesta k programování vedla přes marketing a focení, kde jsem získala cit pro design a SEO. Když jsem začala pracovat v IT firmě, bylo rozhodnuto – naučím se kódovat pořádně. Pustila jsem se do HTML a CSS s pomocí tutoriálů od Davida Šetka(otevře se v novém okně) a zdrojů jako (otevře se v novém okně)Jak psát web .

Co jsem se naučila

Postupně jsem zvládla strukturovat komplexní weby pomocí HTML5 a stylovat je pomocí moderního CSS včetně Grid a Flexbox. Přidala jsem interaktivitu pomocí JavaScriptu – burger menu, cookies lištu, FAQ s accordion efektem. Později jsem se pustila do Reactu a vytvořila interaktivní projekty jako escape room hru.

Design a optimalizace

Vybírám (otevře se v novém okně)barvy a fonty s rozmyslem, vytvářím responzivníLayouty a optimalizu všechny obrázky do formátu webp. Používám nástroje jako Tiny PNG(otevře se v novém okně) a testuji výkon webu pomocí PageSpeed (otevře se v novém okně) .

SEO a přístupnost

Každý web optimalizuji pro vyhledávače – správné meta tagy, alt texty u obrázků, sémantické HTML. Přidávám Open Graph tagy a JSON-LD pro lepší sdílení na sociálních sítích. Dbám na přístupnost – používám ARIA atributy, skip linky a testuji na různých zařízeních.

Technické výzvy

Nastavování .htaccess pro čisté URL bylo výzvou, stejně jako ladění responzivity napříč zařízeními. Naučila jsem se debugovat pomocí konzole a W3 validátoru. Přidala jsem Google Analytics, vytvořila sitemap.xml a optimalizovala načítání pomocí lazy loading.

Co mě to naučilo

Tvorba vlastních webů mě naučila nejen kódovat, ale hlavně řešit problémy a hledat efektivní řešení. Spojuji technické dovednosti s marketingovým myšlením a citem pro design. Web pro mě nikdy nebude "hotový", pořád ho vylepšuji a učím se nové věci.

A pokud vás to baví stejně jako mě, budu ráda, když se ke mně přidáte. 😉