Digitální akvárium

Zadání

Chtěl jsem ukázat, co dnes zvládne obyčejný prohlížeč, když se kód napíše pečlivě. Cílem bylo akvárium, které působí živě, běží plynule i na slabším notebooku nebo televizi a vloží se na libovolný web jedním blokem. Bez videa ve smyčce a bez cizích knihoven.

Řešení

Ryby, světlo i voda se kreslí v reálném čase nad fotorealistickou scenérií s kameny, kořenem a rostlinami. Každá ryba má vlastní chování: skaláry proplouvají středem, neonky se drží v hejnu, pancéřníčci hledají potravu u dna a občas si vyplavou k hladině pro vzduch.

• Hejna s přirozeným pohybem: ryby drží odstup, plují společně a mění směr
• Hloubka scény: ryby vzadu proplouvají za kameny a rostlinami, ty vpředu před nimi
• Bublinky, paprsky světla a odlesky na dně
• Cyklus dne a noci s plynulým stmíváním, délku dne i noci si nastavíte
• Krmení kliknutím nebo klávesou F, ryby připlavou k potravě
• Panel Obyvatelé: počet skalár, neonek, pancéřníčků i pavích oček si nastavíte sami
• Zvuk filtrace a bublání, ve výchozím stavu vypnutý
• Režim celé obrazovky pro monitory a televize v provozovnách
• Nastavení návštěvníka se pamatuje v prohlížeči
• Akvárium se zastaví, když není vidět, a hlídá si plynulost na slabších zařízeních
• Respektuje systémové omezení pohybu a ovládá se i klávesnicí

Výsledek

Hotová aplikace v jednom bloku kódu (a s obrázky pozadí), která se vloží do WordPressu, Elementoru i do vlastního webu. Nepotřebuje server ani databázi. Na tomto webu ji najdete i na stránce 404, kde odplavala ztracená stránka.

Jako prodejní katalog, kde plavou ryby skladem a klik ukáže cenu, akvárium běží v ukázkovém obchodě Akvaristika U Korálu. Samostatně ho nabízím jako aplikaci Živý katalog.

Pro koho je

Recepce a čekárny, hotely a penziony, kavárny, akvaristické obchody a weby, které chtějí návštěvníka zaujmout a udržet. Druhy ryb, rostliny, barvy i světlo upravím podle vaší značky a obrazovky. Více o nasazení najdete na stránce Aplikace, cenu vám připravím v poptávce.