Zasoutěžme si o novou placku "Machr na JavaScript" a samolepky. Zadání je
klasické zimní - naprogramujte skript, který po vložení na web zobrazí
padající sníh. Šikovnější se mohou pokusit i o hromadění sněhu na dně
okna.
Tak tahle animace mi připomněla asteroidy z commodore 64, co jsem hrál
jako malý. Mohl bys dolů dát panáčka, který musí uhýbat? Ovládání obvykle bylo
O-doleva, P-doprava.
Ahoj,
tak vám zde přidávám mé mrazivě zasněžené řešení. Script je
WebBlbMastrům vzdorný, implementace je velmi snadná, těsně za začáte
elementu body vložíte
Na pozadí (pokud není bílé) se objeví padající vločky. Pokud chcete
jinou velikost nebo interval, tak si script stáhněte: http://misaz.moxo.cz/…web-snow.zip a upravte vlastnost:
• snezeni - určuje jak moc vám na stránce bude chumelit
• velikostVlocky - určuje jak velká bude vločka. 7 je tak akorát, 5
stačí, ale aby to viniklo tak musíte nastavit doslova vánici a shodou
okolností se může stát že díky této sněhově mrazivé stránce zamrzne
webový prohlížeč.
Konečná verze mého výtvoru: https://dl.dropboxusercontent.com/…_snow_v2.zip
Efekt se nastavuje přímo v html => počet vloček na stránce, obrázek
vločky
Obrázky se dají nastavit max 3 -> z nich se náhodně vybírá, pokud není
žádný nastaven, použije to defaultní obrázek.
Pohyb sněhu jsem řešil stejně, jako u soutěže machr na efekty -
matematický screensaver
Jen ze zvědavosti jsem přepsal a mírně (opravdu malinko) upravil Misazovo
řešení do Dartu. Posledně totiž na devbooku na fóru někdo psal, že Dart
je nedodělek a nemá šanci. Tak tady je aplikace, která funguje ve všech
moderních browserech a je právě v Dartu. https://github.com/…owing-canvas
1. nuz15 (100 bodů) - Kmitavý pohyb vypadá velmi dobře,
škoda stejných rychlostí, menší vločky by měly být pomalejší, protože
jsou dále od pomyslné kamery. Efekt je pěkný, ten web vypadá hrozně,
chtělo by to trochu pilovat estetické cítění chlape. Podívej se na Jo a
Misaze, jakou vybrali barvu pozadí. Times také není vhodný webový font,
ačkoli je dafaultní. Ve zdrojáku je URL obrázku z DropBoxu, to by asi
nemělo. Kód je docela nepřehledný, chvíli jsem ho přežvykoval, ale
vykouzlil jsi co se týče efektu asi nejlepší řešení, placka je tvoje pod
podmínkou, že změníš font a barvu pozadí!
2. Ja (90 bodů) - Pohyb je plynulý, obrázky vypadají
velmi dobře, vločky mají jiné rychlosti, pokus o závěj Vločky by se měly zobrazovat nad
okrajem obrazovky a závěj by měla být naopak kus pod okrajem. Po nějakém
čase se to začne dost sekat, což dělá skript reálně nepoužitelným.
Vločkám v závěji bys měl dát nějaký lifetime a potom je likvidovat. Kód
je docela pěkný. Škoda, že to není dotažené do konce, jedná se o velmi
pěkné řešení.
2. Petr Gurth (90 bodů, pozdě odevzdáno) - Nevypadá to
zle, ale detaily nejsou dopilované. Vločky se divně třepetají, což hrozně
kazí celkový dojem. Závěj vypadá docela dobře, jak je takhle polovina
schovaná za okraj monitoru, elegantní řešení. Další použití canvasu a
řešíš počet vloček, což moc chválím.
3. Misaz (80 bodů) - Ajťácký pixelový sníh, škoda,
že mají všechny vločky stejnou rychlost a pohybují se jen vertikálně.
Zajímavé je technické řešení, které využívá canvas.
4. Zirko (70 bodů) - Když okno není aktivní, tak to tam
nějak moc zasněží Jako
začátek je to docela dobré, ale konkurence má další fíčury navíc.
Placku tedy získává Zdeněk Pavlátka, publikuj prosím upravené řešení a
napiš x. Všem ostatním děkuji a budu se těšit příští
týden!
Stránku jsem dělal narychlo jen na zobrazení těch vloček. Proto je tak odfláknutá. A
před publikací jí klidně upravím. Barvy jsem volil tak, aby byl sníh
dobře vidět.
Proč? Nevidím důvod. Psal jsem, že jsem upravil tvé řešení a akorát
ho přepsal do Dartu. A navíc jsi ho zveřejnil, takže jsem ani neprozradil
tvé "tajemství". Ale ok, příště případně počkám.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.