Diskuze: Machr na JavaScript - Sněžení
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Vlastník
Zobrazeno 43 zpráv z 43.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Koukám, že jsem špatně zkopíroval odkaz na pravidla, teď je v pořádku, tak si je můžeš přečíst.
Má to být čistě JavaScript nebo se mohou využívat i obrázky ?
Zde rychlo splácaná verze za použití JS a obrázků. Obrázkům v HTML nastavíte data atribut snow, js je automaticky schová a nechává je padat dolů.
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.
Jak říkám je to na rychlo splácaný ve škole hmm můžu to zkusit, jen zjistit jak se zachytává vstup z klávesnice.
Vim ze je to JavaScript ale dalo by se uznat i Flash?
tak teoreticky proč by se nemohl uznat, ale určitě to nebude za placku na JS.
Když to víš, proč se tedy ptáš?
Javascript a flash je něco jiného ne?
tak to udelam a uvidim jak to dopadne
JS neumim a pokusem nic neztratim, ale asi si to i tak udelam i kdyz to nebude za placku
Flash ti asi jen tak nebude běhat na backgroundu stránky, ne?
a proč ne? <object> nebo cokoliv jiného pro flash lze pokud vím dobře pozicovat úplně stejně jako třeba div.
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
<script src="http://misaz.moxo.cz/webSnow.js"></script>
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č.
Přeji krásné a zasněžené webové stránky
Script jsem implementoval na mou webovou stránku.
Prohlížeč na Androidech asi není mrazuvzdorný.
Jenom doufám, že letos potkám co nejméně sněžících webovek. Nesnáším je.
Hezky to nevypadá nikde. Vždyť je to děsný kýč.
Je pravda, že to občas dost ruší, ale mě osobně se to líbí.
Velice se mi to líbí, mohl bych to použít ve svých stránkách?
Určitě, ale počkej na deadline, aby se neřeklo.
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
Neberte to ani jako mou účast, spíš ukázku.
Mě to na androidu sněží hezky plynule dokonce i při vyšším počtu vloček. (SE Xperia Mini Pro, Opera Mobile)
Aha. Koukám, že defaultní prohlížeč mi to také nezobrazí.
Ahoj, tak přidávám svůj výtvor
https://db.tt/f1OcUakN
DEMO: http://girtas.aspone.cz/…w/index.html
taky jsi mohl počkat na deadline.
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.
Ale ale, to jsou výmluvy, takhle ji dělali všichni
Už jsem psal, že proti úpravě nic nemám. A v poslední době nemám žádnou fantazii.
Ty jsi mě také hodnotil ? psal jsem to ve škole během hodin ale díky za hodnocení
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.
smim sem treba nahrat snezeni ve Flashi jen tak, treba za tyden/2? vim ze je to uz bez placky ale myslim si ze by to nebylo spatny to sem nahrat
To sice ano, ale můj výtvor byl soutěžní a nemyslím si že je vhodné předělávat cizí soutěžní výtvor před deadline a to bez souhlasu jeho autora.
Každopádně teď už je to jedno.
Zobrazeno 43 zpráv z 43.