The Hippo Game

Programování, Elixir a Phoenix LiveView

Nedávno jsem se začala učit programovat – a tohle je první viditelný výsledek.

Malá webová aplikace – hra, napsaná v programovacím jazyce Elixir, která využívá Phoenix Framework a Phoenix LiveView (novou knihovnu, která byla zveřejněna teprve před pár dny, a když jsem si chtěla vyzkoušet její použití, inspirovalo mě to právě k vytvoření této hry).

Součástí zas samozřejmě bylo i nějaké to grafické tvoření :-)

the hippo game

Hru si můžete zahrát zde.
(Funguje jen na počítači – k ovládání jsou potřeba šipky na klávesnici.)

Samotná hra má jen 200 řádků kódu – algoritmus hry má 160 řádků a 40 šablona pro zobrazení na webu. Takhle málo stačí, v Elixiru se programuje krásně! :-)

 

Tady je její kód ke stažení na GitHubu.

Samotnou hru tvoří konkrétně tyto soubory:

hippo_game_live.ex – hlavní soubor, který zajišťuje funkčnost hry – generování hrací plochy, pohyb hráče atd.
index.html.leex – šablona, která za využití Phoenix Framework a LiveView generuje HTML kód, který hru vykresluje na webu
(a pak ještě game.css – css šablona, která se stará o vzhled stránky a obrázky)

 

A proč tam jsou rybičky? ;-)

„Sanové (Křováci) si vyprávějí legendu, vysvětlující hroší zvyk rozmetávat trus ocasem. Stvořitel prý nechtěl hrochovi dovolit, aby žil ve vodě, protože se bál, že svou obrovskou tlamou spolyká všechny ryby. Teprve když hroch slíbil, že bude navždy jíst jen rostliny, dovolil mu stvořitel žít ve vodě. Od té doby hroch vždy rozmetá svůj trus ocasem, aby stvořitel viděl, že v něm nejsou rybí kostičky.“
inspirace je z Wikipedie: Hroch obojživelný

 

 

A na Twitteru pochvala od samotného autora frameworku, na kterém hra běží, to mě potěšilo! :-))

 

Publikováno v rubrice tak různě, štítky , , , .

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *