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í :-)
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ý
my first project in #PhoenixFramework and #LiveView: https://t.co/uy3zAMQG2v https://t.co/UsJGMA7k0s #MyElixirStatus @ElixirPhoenix pic.twitter.com/tgSMyoAqG4
— Milada (@miladamilli) March 23, 2019
A na Twitteru pochvala od samotného autora frameworku, na kterém hra běží, to mě potěšilo! :-))
This is incredible! 200 LOC for the liveview and template. Amazingly well done and I love the cute art!
— Chris McCord (@chris_mccord) March 23, 2019
