Adventura v Javascriptu
Když jsem byl mladší a měl jsem spoustu času, hrával jsem hry. Nejvíc mě bavily adventury, protože obsahovaly děj a většinou i humor. Ano, mám na mysli ty pecky od Lucasarts jako byl Indiana Jones, Monkey Island, Sam a Max, Day of the tentacle a další. Dokonce již na svém prvním počítači ZX Spectrum jsem hrál nejraději adventury. Moc jich nebylo, ale byly super. Kdo hrál Heroes nebo Jméno růže od George K., ví o čem mluvím (kde je tomu chlapíkovi dneska konec?).
Dneska už toho volného času tolik nemám a herní průmysl nesleduji, ale přijde mi, že adventury tak jak jsem je a znal a měl rád, již neexistují. Když se něco vydává za adventuru, tak je to většinou 3D hopsačka, kde se tak maximálně dají sbírat a používat nějaké předměty.
Nedávno mě napadlo, že by možná nemusel být velký problém napsat adventuru v HTML s pomocí Javascriptu. HTML se svým absolutním pozicováním obrázků poskytuje dostatečné „vykreslovací jádro“ a adventura nemůže být přeci složitá na naprogramování, aby to nešlo udělat v Javascriptu. Celý týden mi ta myšlenka ležela v hlavě, až jsem se rozhodl, že tento víkend zkusím udělat základní funkční prototyp.
Udělal jsem tedy první verzi, kde jsem si otestoval, jestli browser zvládne vše vykreslovat. V této první verzi je možné jen přecházet po místnosti (kliknutím myši). Některé předměty jsou „aktivní“, což znamená, že v pozdější fázi vývoje hry s nimi půjde manipulovat. Momentálně se jen zobrazí jen popisek, když nad takový předmět najedete myší.
Tato první verze by měla bez problémů běhat pod Safari a Firefoxem. Teoreticky by měla běhat i pod IE, ale začlo mi to házet nějakou chybu, a protože je IE debilní browser s ještě debilnější debug conzolí (dá li se tomu tak říkat), nepovedlo se mi rychle vypátrat problém a tak jsem se na to pro dnešek prostě vykašlal.
První základy Javascriptové adventury najdete zde
Update: Pod IE7 by to již mělo fungovat. IE6 se na první pohled tváří, že funguje taky, ale ovládání nějak zlobí a popisky se nezobrazují.
Nový webhosting
Dnes jsem dokončil přesun tohoto webu na nový webhosting. Při této příležitosti jsem nainstaloval i novou verzi WordPressu 2.7 a zatím to vypadá, že vše běží jako dřív. Kdybyste někdo narazil na něco nefunkčního, dejte mi to prosím vědět v komentáři pod tímto textem.
Díky.
Jetřichovice
Fotky z podzimního víkendu v Jetřichovicích
Magdalenka.cz
Nedávno jsem své ženě spustil novou verzi jejího webu Magdalenka.cz. Je to takový foodblog kam si zapisuje své oblíbené recepty, jednak proto, aby je měla někde pohromadě a druhak proto, aby svým kamarádkám, které po ní často poptávají nějaký konkrétní recept, mohla poslat jednoduše link. Kromě samotného technického řešení webu mám na svědomí všechny fotografie jídel ale především jsem vrchní degustátor, takže kvalita všech receptů je zaručena :)
První verze běžela provizorně bez jakéhokoliv redakčního systému. Vyvíjet vlastní redakční systém mi přišlo jako nesmysl a tak jsem se začal porozhlížet po nějakých hotových systémech. A tady jsem poprvé narazil. Většina redakčních systémů je totiž navržená primárně pro blogy, takže každý příspěvek/stránka obsahuje jen nadpis, text a další metadata jako štítky, kategorie apod. To mi ale nestačilo. Stránka s receptem se skládala z názvu, úvodu, ingrediencí, postupu, hlavní fotky a případně dalších fotografií. Jednou z možností bylo nacpat to všechno do toho jednoho hlavního textu a pak to pomocí css rozstrkat po stránce. Tohle řešení není ale moc šikovné, protože vyžaduje po autorovi aby dodržoval určité postupy (příp. šablony), aby se stránka nerozpadla. Jedna drobná chybička (např. jiné pořadí dvou prvků) a už se to sype jako Pigi čaj. Tudy ne, řekl jsem si.
Redakční systémy, které by víceméně splňovaly moje požadavky (především možnost definovat strukturu příspěvku) existují. Ale už to nejsou jednoduché systémy, ale spíše robustní php frameworky převlečené za redakční systém. V mém případě kanón na vrabce (nebo komár na velblouda, jak by řekl Marek Prokop :).
Naštěstí jsem zjistil, že ve Wordpressu existuje něco, čemu se říká custom fields. To vám umožní přidat ke každému příspěvku další textové informace, které můžete v šabloně zobrazit. Super, řekl jsem si, stačí přidat položky postup a ingredience. Toto řešení skutečně fungovalo, ale mělo háček. Při psaní každého nového receptu je potřeba dole na stránce rozkliknout custom fields, která jsou tam (ne)šikovně schována. Pak si člověk musí vzpomenout, jak že se ta custom pole mají jmenovat. Pokud zadáte název špatně, šablona jej nenajde a tudíž nezobrazí (příp. zobrazí chybovou hlášku). Aby toho nebylo málo, tak vstupní políčko pro samotný text je jen jednořádkové.
Už jsem to pomalu vzdával, když jsem objevil plugin More Fields. Ten vyřešil všechny moje problémy. Umožnil mi vydefinovat seznam s názvy custom fieldů, takže autor už jen doplní jejich hodnoty. Navíc umožňuje zadávat text do víceřádkového vstupního pole (textarea). A v neposlední řadě se zobrazuje hned pod samotným editačním polem pro text příspěvku, takže jej člověk nemusí hledat někde dole a rozklikávat.
Bohužel se mi nepodařilo nijak rozumně vyřešit fotografie. Nenašel jsem způsob, jak se z kódu šablony dostat k fotografiím, které se přihrají k článku. Vypadá to, že Wordpress umožňuje jen vložit tyto obrázky do samotného textu, ale ne s nimi dál programově pracovat. Takže fotky nahrávám ručně do adresáře se stejným jménem jako id receptu a šablona receptu, která id receptu zná, ví kde má obrázky hledat. Nesystémové řešení, ale protože jsem to stejně já, kdo se o fotky k receptům stará, je to pro mě relativně schůdné. K zobrazování fotografií používám javascriptovou knihovnu ShadowBox, která se mi ze všech podobných líbí nejvíc. Náhledy k doplňujícím fotografiím seřezávám do čtverce, po vzoru Flickru, takže to nevypadá blbě, když je jedna fotka na výšku a druhá na šířku.
Co jsem si z toho odnesl za ponaučení? Že Wordpress je skvělý systém, ale jen pro jeden konrétní účel – blog. Pro cokoliv jiného přestává být vhodný, protože je nutné jej různě ohýbat a dělat ústupky. To už je fakt lepší sáhnout po nějakém jednoduchém frameworku a postavit si to od píky sám.
Beskydky
Jako malý, měl jsem rád bonbóny s názvem Beskydky. Pamatuju si přesně jak chutnaly. Už si ale přesně nepamatuju, co bylo napsáno na obalu.
Z nostalgie jsem si koupil jeden sáček. Hmmm, chutnají úplně tak jak před lety (jako jedny z mála)! Ale ten slogan na obalu: Dobré pro látkovou výměnu! Co je to sakra za zvláštní marketing? To má někoho nálakat?
výměna látková
Pochody, jimiž živé organismy přijímají z prostředí živiny a vodu a po přeměně v těle vylučují do prostředí zplodiny těchto procesů.
Možná tím copywriter chtěl říct, že ty bonbony jsou tak dobré, že se z nich po…
Zboží potravinového typu
Velice doporučuji k přečtení rozhovor se šéfem Pražského kulinářského institutu Romanem Vaňkem
V této zemi masově žereme separáty, řekněme si to už jednou jasně. To je hlavní vklad supermarketů do kulinářské kultury České republiky. Rád chodím k živnostníkům, kteří se specializují na určité druhy potravin, to je snad jediná alternativa. Jsou to vesměs srdcaři. Přijdu na Smíchov k uzenáři Janu Sváčkovi. Vidím, že tam přišla stará paní a říká: Vy máte ale drahé buřty. On jí odpoví: Ano, paní, ale ty jsou z masa. Paní pobaveně zareaguje: A z čeho se asi buřty dělají? On jí řekne: Ze sóji, mouky a vody. Pak jí dá ochutnat nějakou uzeninu a ona odpoví: Jé, to je buřt, jaký jsem jedla naposled před válkou. A to je celý zázrak gastronomie.
V rozhovoru padne několik jmen pražských řezníků, kteří prodávají opravodvé maso. Dražší, ale kvalitní. Ale jak se má o nich obyčejný smrtelník dozvědět? Tak se ptám: Proč už neexistuje nějaká web 2.0 aplikace, kam by lidé mohli vkládat informace o obchodech, které prodávají skutečné potraviny (kvalitní řeznictví, zelinářství, obchody jako Cheesy atp.). Mohly by se umisťovat na mapu (takže by člověk rychle našel obchody v jeho okolí) a ostatní návštěvníci by mohli daný obchod ohodnotit a okomentovat.
Tak co? Kdo se toho ujme?
Amerika 2008
V září jsme byli ve čtyřech na tři týdny v Americe. Najeli jsme 5.500 km a spoustu jsme toho viděli a zažili. No co vám budu povídat, podívejte se na fotky.
Přešel jsem na Wordpress
Tak jsem po několika letech předělal tento web na redakční systém Wordpress. Slibuji si od toho snadnější správu a jednodužší případnou rozšiřitelnost.
Obsah webu jsem rozdělil do více sekcí a časem možná ještě některé další sekce přibydou. Dřív bylo možné přes rss odebírat jen sekci Web (kterou nadále agreguje server www.weblogy.cz). Nyní jdou odebírat i ostatní sekce nebo i celý web.
Nejvíce jsem řešil, jak do Wordpressu nejlépe zakomponovat fotogalerie. Nenalezl jsem žádný plugin, se kterým bych byl spokojený. Nakonec mi vytrhl trn z paty Flickr a jeho flashový prohlížeč, který si jednoduše vložím do příspěvku. Tento prohlížeč je dle mého názoru pěkně udělaný, umí automatické slideshow a navíc se dá přepnout do fullscreenu. Můžete jej vyzkoušet v sekci Fotky.
Některé drobnosti ještě nejsou doladěné, ale hlavní funkčnost by měla být zachována. Kdybyste někdo narazil na něco nefunkčního, dejte mi to prosím vědět do komentářů. Díky.