Avatar
Michal Žůrek (misaz):

Vítám Vás u další minisoutěže Machr, tentokrát efekty. Vyzkoušejte vytvořit bublinky, které překryjí nějaký obrázek a nějak ho na místě bublin efektně ovlivní. Jako takovou jednoduchou ukázku lze využít stejnojmenný spořič obrazovky ve Windows, který však nijak zásadně neovlivňuje podklad. Tentokrát při hodnocení dáme kvalitu kódu až na druhou kolej, důležité bude udělat co nejzajímavější efekt. Pro inspiraci, můžete podklad bublin rozostřit, rozmazat, "pxelovat", obarvit, přebarvit .... Je jedno, jestli to bude ve webovém prohlížeči, v okně nebo to uděláte jako spořič a překryje to screenshot plochy. Odkaz na řešení v zazipované složce posílejte zde nebo Michal Žůrek (misaz) do PM. Čas si dejme do soboty 20.9 10:00.

Editováno 14.9.2014 14:07
Odpovědět  +4 14.9.2014 14:05
Nesnáším {}, proto se jim vyhýbám.
Avatar
Neaktivní uživatel:

Môžem to skúsiť spraviť aj v JavaFX?

Nahoru Odpovědět 14.9.2014 14:21
Neaktivní uživatelský účet
Avatar
Nahoru Odpovědět  +1 14.9.2014 14:24
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Šimon Raichl
Michal Žůrek (misaz):

co není zakázáno je povoleno, v případě GameMakeru, který nemám, ani mít nemíním, pošlete aspoň něco co spustím. Na další otázky typů "Můžu XYZ?" odpovídat nebudu.

Nahoru Odpovědět 14.9.2014 14:26
Nesnáším {}, proto se jim vyhýbám.
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
Daniel Vítek:

Co já vím tak ten spořič si udělá snímek obrazovky a něm to potom pouští (zkoušel jsem to se skype, pak jsem pohl s myší a najednou 5 nových zpráv).

 
Nahoru Odpovědět  +1 14.9.2014 14:49
Avatar
Odpovídá na Daniel Vítek
Michal Žůrek (misaz):

přesně tak, ten skype je dobrý příklad.

Nahoru Odpovědět 14.9.2014 14:50
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Michal Žůrek (misaz)
Matyáš Procházka:

Musí to být efekt na obrázek nebo to můžu použít na celý web, pokud to budu dělat jako webový efekt?

 
Nahoru Odpovědět 14.9.2014 18:43
Avatar
Odpovídá na Matyáš Procházka
Michal Žůrek (misaz):

asi jo, sice neumím si to představit, ale pokud ti tam budou lítat bubliny a nebudou jen průhledné s okrajem tak by to mohlo být.

Nahoru Odpovědět 14.9.2014 18:56
Nesnáším {}, proto se jim vyhýbám.
Avatar
Ondrca
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Ondrca:

V čem jsi dělal tu předlohu?

Nahoru Odpovědět 14.9.2014 19:32
Zase jsem o něco chytřejší
Avatar
Zdeněk Pavlátka
Tým ITnetwork
Avatar
Odpovídá na Ondrca
Zdeněk Pavlátka:

Předloha je spořič ve Windows.

Nahoru Odpovědět  +2 14.9.2014 19:38
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Šimon Raichl
Redaktor
Avatar
 
Nahoru Odpovědět 14.9.2014 20:18
Avatar
tomasmanhal
Člen
Avatar
Odpovídá na Šimon Raichl
tomasmanhal:

"Soubor bubliny.exe je škodlivý a Chrome ho zablokoval" :-)

Nahoru Odpovědět 14.9.2014 20:20
Kdyby nám dodali k životu zdrojový kód, vše by bylo jednodušší...
Avatar
Šimon Raichl
Redaktor
Avatar
 
Nahoru Odpovědět  +1 14.9.2014 20:21
Avatar
GiXi
Člen
Avatar
Odpovídá na Šimon Raichl
GiXi:

Mě to taky nejde v chromu stáhnout.. Ale spíš je divné, že se sám nemůžu rozhodnout jestli to v pc chci mít nebo ne.. Tk to dělá i ie :))

Editováno 14.9.2014 20:27
Nahoru Odpovědět 14.9.2014 20:25
‘I am the one who knocks.’ Heisenberg
Avatar
Odpovídá na GiXi
Michal Žůrek (misaz):

můžeš to zachovat, ale strašně špatně se to chromu vysvětluje, kdysi to bylo jednoduché, teď musíš potvrdit několik dialogů.

Nahoru Odpovědět 14.9.2014 20:31
Nesnáším {}, proto se jim vyhýbám.
Avatar
Odpovídá na Šimon Raichl
Michal Žůrek (misaz):

Btw. i IE a SmartScrenn se to moc nelíbí. :) Každopádně idea byla, že ten efekt neaplikuješ na celé to pozadí, ale jen pod ty bubliny.

Každopádně i takto by to šlo pojat.

Editováno 14.9.2014 20:34
Nahoru Odpovědět 14.9.2014 20:34
Nesnáším {}, proto se jim vyhýbám.
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Šimon Raichl:

Myslíš to zvětšování a změna barvy?

 
Nahoru Odpovědět 14.9.2014 21:25
Avatar
kleofas.hatlapatka:

No tak shodou okolností jsme zrovna toto pro sebe tvořil. Napsáno v JS (JQuery) a pomocí settings plně ovladatelné, tak si to vyzkoušejte. Možnost nasazení třeba jako bublinky v pivu nebo ve vaně, vlastně záleží na tom jak nastavíte šířku a výšku divu. Původně jsem to zamýšlel v Canvasu a budu moc rád když to tu někdo vytvoří. Uvítám vaše věcné připomínky a náměty na zlepšení. ;)

http://codepen.io/…86/pen/ihbHm

PS: bohužel zatím jen pro -webkit-

Editováno 14.9.2014 21:33
Nahoru Odpovědět 14.9.2014 21:32
Apeluji na všechny co odpovídají na dotazy, tak pokud je to jen trochu možné dávejte rovnou reálná řešení třeba v htt...
Avatar
Odpovídá na Šimon Raichl
Michal Žůrek (misaz):

ano, prostě že ten obrázek necháš být a tam kde je ta bublina ho obarvíš, třeba: obr. Prostě zamodřím, červenám, zelením jen tu oblast te bublinky.

Ale může to být i tak, nicméně i tak by to šlo.

Nahoru Odpovědět 14.9.2014 21:33
Nesnáším {}, proto se jim vyhýbám.
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Šimon Raichl:

Jasně odstranil jsem změnu barvy pozadí a udělal jsem barvu podkladu podle barvy bublinky

 
Nahoru Odpovědět 14.9.2014 21:48
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Šimon Raichl:

A ještě odstraním změnu velikosti pozadí.

 
Nahoru Odpovědět 14.9.2014 21:49
Avatar
Šimon Raichl
Redaktor
Avatar
Šimon Raichl:

Upravená verze je na stejné adrese
pro jistotu přikládám: https://www.dropbox.com/…/bubliny.exe?dl=0

 
Nahoru Odpovědět 14.9.2014 21:57
Avatar
Šimon Raichl
Redaktor
Avatar
Šimon Raichl:

Přidán déšť a mraky a při kolizi se mění barva bubliny:
https://www.dropbox.com/…/bubliny.exe?dl=0

 
Nahoru Odpovědět 15.9.2014 20:47
Avatar
Odpovídá na Šimon Raichl
Michal Žůrek (misaz):

prosím tě, pošli nový odkaz až to bude úplně hotové.

Nahoru Odpovědět 15.9.2014 20:54
Nesnáším {}, proto se jim vyhýbám.
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Šimon Raichl:

Dobře, dobře, mám to převést do scr?

 
Nahoru Odpovědět 15.9.2014 20:55
Avatar
Michal Žůrek (misaz):

prostě až budeš mít finální verzi pošleš to sem, žádné takové přidal jsem mráčky, nový post: přidal jsem sluníčko, nový post: přidal jsem měsíček.... Prostě jednou to stačí.

Nahoru Odpovědět 15.9.2014 20:59
Nesnáším {}, proto se jim vyhýbám.
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Šimon Raichl:

Jo, jo, tak asi v pátek nebo sobotu, máš ještě nějakej nápad na vylepšení?

 
Nahoru Odpovědět 15.9.2014 21:01
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Šimon Raichl:

Ještě se chci zeptat, jestli můžu dodat dvě aplikace s různými efekty?

 
Nahoru Odpovědět 16.9.2014 18:05
Avatar
Odpovídá na Šimon Raichl
Michal Žůrek (misaz):

jo to by šlo, ale aspoňˇ%n je nějak odznač. Třeba bubliny1, bubliny2.

Nahoru Odpovědět 16.9.2014 18:07
Nesnáším {}, proto se jim vyhýbám.
Avatar
Šimon Raichl
Redaktor
Avatar
Šimon Raichl:

jasně, dík :)

 
Nahoru Odpovědět 16.9.2014 18:26
Avatar
Šimon Raichl
Redaktor
Avatar
Šimon Raichl:

Takže finální verze
Nic už nebudu dodělávat, pokud neobjevím chybu samozřejmě, ale pokud jí opravím, už se o tom nezmíním, takže EXE:
https://www.dropbox.com/…/bubliny.exe?dl=0
a ZIP:
http://raichlsimon.moxo.cz/…/bubliny.zip

 
Nahoru Odpovědět 17.9.2014 22:45
Avatar
Michal Žůrek (misaz):

kleofas.hatla­patka
Tvoje bublinky jsou zajímavé, moje původní zadání sice bylo o tom, že se na místě bublinek nějak ovlivní obrázek na podkladu, ale i to jde.

Šimon Raichl
Bubliny 1: ten efekt není tak výrazný, kdybys ty bubliny zabarvil víc, bylo by to lepší. Vylepšil jsi to deštěm, ale to tomu efektu moc (spíš vůbec) nepomohlo.

Bubliny 2:ten (ne)efekt tam vynikne ještě víc, místy mi přišlo, že to nepřebarvuješ vůbec a jen vykresluješ okraj bubliny, ale o tom to není.

martinsakra
Výborně! Jsi jediný kdo pochopil moje zadání, nebo byl schopen to implementovat. To tvoje je fakt zajímavé, čuměl jsem na to asi minutu a zkoumal, co to vlastně dělá, přišlo mi, že každá bublina dělá něco trochu odlišného. Kód máš taky pěkný.

Placku získává martinsakra, kleofas.hatlapatka to měl sice zajímavé, ale moc to nesplňovalo zadání a neměl jsem s kým porovnat. Šimonův „efekt“ mě moc neoslovil, kdyby to aspoň přebarvil víc a neřešil kraviny jako mráčky, déšť a víc se zaměřil na ten efekt, udělal by lépe.

Prosím minimálně vítěze aby publikoval řešení a zaslal adresu Zdeněk Pavlátka do PM.

Nahoru Odpovědět 20.9.2014 12:35
Nesnáším {}, proto se jim vyhýbám.
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Šimon Raichl:

No škoda, nevěděl jsem, že v soutěži je ještě někdo další. Jinak, dostal jsem nápad na vylepšení až po deadline. Nicméně gratuluji vítězi :)

 
Nahoru Odpovědět 20.9.2014 12:48
Avatar
Odpovídá na Šimon Raichl
Michal Žůrek (misaz):

ono nejde o to vyhrát, protože jsi byl jediný nebo byli další dva. Kdyby nesoutěžil martinsakra, tak placku nedám asi nikomu.

Nahoru Odpovědět 20.9.2014 12:56
Nesnáším {}, proto se jim vyhýbám.
Avatar
Šimon Raichl
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
Šimon Raichl:

No jo, ale já jsem právě dostal nápad na zlepšení pozdě. Ale stejně to ještě vylepším.

Editováno 20.9.2014 12:58
 
Nahoru Odpovědět 20.9.2014 12:58
Avatar
martinsakra
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
martinsakra:

Máš pravdu (pokud si se dostal i ke zdrojovému kodu mám to tam dokonce i zmíněný) bubliny mají 2 různé efekty, prvním je inverze. resp otočení obrázku v bublině okolo středu bubliny, a to druhý je zvětšení kusu obrázku (tam jsem teda "podváděl" v tom že když vyseknu mešní obrázek a dám ho do Image controlu tak on to automaticky zvětší

Nahoru Odpovědět 20.9.2014 13:09
Democracy is two wolves and a lamb voting on what to have for lunch. Liberty is a well-armed lamb contesting the vote.
Avatar
Odpovídá na martinsakra
Michal Žůrek (misaz):

s to bitmapou jsi tam obecně kouzlil. Ta třída pro rychlé operace je zjímavá.

Nahoru Odpovědět 20.9.2014 13:14
Nesnáším {}, proto se jim vyhýbám.
Avatar
martinsakra
Redaktor
Avatar
Odpovídá na Michal Žůrek (misaz)
martinsakra:

lockbitmap, ani potom bitmap->bitmapsource není moje, jen jsem už několikrát musel ve wpf pracovat s pixely a tohle mě přišlo nejrychlejší, ač teda nějak jde pravocat po pixelech i v bitmapsource,ale get/setpixel mi přišli civilizovanější.
Program pošlu dneska/zítra na zveřejnění

Nahoru Odpovědět 20.9.2014 13:16
Democracy is two wolves and a lamb voting on what to have for lunch. Liberty is a well-armed lamb contesting the vote.
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Michal Žůrek (misaz)
Daniel Vítek:

mohl by jsi poslat řešení od martinsakra ? rád bych se podíval :)

 
Nahoru Odpovědět 20.9.2014 13:18
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Šimon Raichl
Daniel Vítek:

tyjo co to je ? :D
Napřed mi to zablokoval chrome, potom se objevilo Windows protected your PC a nakonec to začal scanovat avast :D

 
Nahoru Odpovědět 20.9.2014 13:20
Avatar
martinsakra
Redaktor
Avatar
Odpovídá na Daniel Vítek
martinsakra:

http://leteckaposta.cz/540835968
budu to zveřejnovat,ale než se to projde tak to máte zde na podívání

Nahoru Odpovědět 20.9.2014 13:21
Democracy is two wolves and a lamb voting on what to have for lunch. Liberty is a well-armed lamb contesting the vote.
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na martinsakra
Daniel Vítek:

WOW ! Škoda že to není fullscreen :D

 
Nahoru Odpovědět 20.9.2014 13:30
Avatar
martinsakra
Redaktor
Avatar
Odpovídá na Daniel Vítek
martinsakra:

jako spořič trošku nevhodné, protože je to vcelu výpočetně náročné, od cca 20+ bublin nestíháš, a vícevláknový by se to dělalo docela obtížně
Ale mužeš si s tím hrát a vesele upravovat

Nahoru Odpovědět  +1 20.9.2014 13:33
Democracy is two wolves and a lamb voting on what to have for lunch. Liberty is a well-armed lamb contesting the vote.
Avatar
kleofas.hatlapatka:

Gratulace vítězi :) je to opravdu povedené.

To misaz: můj příspěvek nebyl snad ani o tom, že jsem nepochopil zadání, spíše to je taková má malá prezentace toho co jsem se zde naučil, a coby člověk začínající před rokem na html, dokázal vytvořit :)

Nahoru Odpovědět 20.9.2014 21:24
Apeluji na všechny co odpovídají na dotazy, tak pokud je to jen trochu možné dávejte rovnou reálná řešení třeba v htt...
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.

Zobrazeno 47 zpráv z 47.