Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Michal Žůrek - misaz:14.9.2014 14:05

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 <a href="http://­www.itnetwork­.cz/zpravy/3588">Mic­hal Žůrek (misaz)</a> do PM. Čas si dejme do soboty 20.9 10:00.

Editováno 14.9.2014 14:07
 
Odpovědět
14.9.2014 14:05
Avatar
Neaktivní uživatel:14.9.2014 14:21

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

Nahoru Odpovědět
14.9.2014 14:21
Neaktivní uživatelský účet
Avatar
Šimon Raichl
Tvůrce
Avatar
 
Nahoru Odpovědět
14.9.2014 14:25
Avatar
Odpovídá na Šimon Raichl
Michal Žůrek - misaz:14.9.2014 14:26

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
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Šimon Raichl:14.9.2014 14:27

Ok, dám se do toho :)

 
Nahoru Odpovědět
14.9.2014 14:27
Avatar
Odpovídá na Michal Žůrek - misaz
Neaktivní uživatel:14.9.2014 14:49

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
14.9.2014 14:49
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Michal Žůrek - misaz:14.9.2014 14:50

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

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

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:14.9.2014 18:56

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
Avatar
Ondrca
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Ondrca:14.9.2014 19:32

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
Odpovídá na Ondrca
Zdeněk Pavlátka:14.9.2014 19:38

Předloha je spořič ve Windows.

Nahoru Odpovědět
14.9.2014 19:38
Kolik jazyků umíš, tolikrát jsi programátor.
Avatar
Šimon Raichl
Tvůrce
Avatar
Šimon Raichl:14.9.2014 20:18

Tady je zatím mé řešení: https://www.dropbox.com/…/bubliny.exe?dl=0

 
Nahoru Odpovědět
14.9.2014 20:18
Avatar
Odpovídá na Šimon Raichl
Tomáš Maňhal:14.9.2014 20:20

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

 
Nahoru Odpovědět
14.9.2014 20:20
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Tomáš Maňhal
Šimon Raichl:14.9.2014 20:21

Jo to Chrome dělá

 
Nahoru Odpovědět
14.9.2014 20:21
Avatar
GiXi
Člen
Avatar
Odpovídá na Šimon Raichl
GiXi:14.9.2014 20:25

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:14.9.2014 20:31

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
Avatar
Odpovídá na Šimon Raichl
Michal Žůrek - misaz:14.9.2014 20:34

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
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Šimon Raichl:14.9.2014 21:25

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

 
Nahoru Odpovědět
14.9.2014 21:25
Avatar
KleoCZ
Člen
Avatar
KleoCZ:14.9.2014 21:32

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:14.9.2014 21:33

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
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Šimon Raichl:14.9.2014 21:48

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
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Šimon Raichl:14.9.2014 21:49

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

 
Nahoru Odpovědět
14.9.2014 21:49
Avatar
Šimon Raichl
Tvůrce
Avatar
Šimon Raichl:14.9.2014 21:57

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
Tvůrce
Avatar
Šimon Raichl:15.9.2014 20:47

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:15.9.2014 20:54

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

 
Nahoru Odpovědět
15.9.2014 20:54
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Šimon Raichl:15.9.2014 20:55

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:15.9.2014 20:59

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
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Šimon Raichl:15.9.2014 21:01

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
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Šimon Raichl:16.9.2014 18:05

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:16.9.2014 18:07

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

 
Nahoru Odpovědět
16.9.2014 18:07
Avatar
Šimon Raichl
Tvůrce
Avatar
Šimon Raichl:16.9.2014 18:26

jasně, dík :)

 
Nahoru Odpovědět
16.9.2014 18:26
Avatar
Šimon Raichl
Tvůrce
Avatar
Šimon Raichl:17.9.2014 22:45

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:20.9.2014 12:35

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
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Šimon Raichl:20.9.2014 12:48

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:20.9.2014 12:56

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
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
Šimon Raichl:20.9.2014 12:58

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
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
martinsakra:20.9.2014 13:09

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:20.9.2014 13:14

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
Avatar
martinsakra
Tvůrce
Avatar
Odpovídá na Michal Žůrek - misaz
martinsakra:20.9.2014 13:16

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
Odpovídá na Michal Žůrek - misaz
Neaktivní uživatel:20.9.2014 13:18

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

Nahoru Odpovědět
20.9.2014 13:18
Neaktivní uživatelský účet
Avatar
Odpovídá na Šimon Raichl
Neaktivní uživatel:20.9.2014 13:20

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
Neaktivní uživatelský účet
Avatar
martinsakra
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
martinsakra:20.9.2014 13:21

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
Nahoru Odpovědět
20.9.2014 13:28
Neaktivní uživatelský účet
Avatar
Odpovídá na martinsakra
Neaktivní uživatel:20.9.2014 13:30

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

Nahoru Odpovědět
20.9.2014 13:30
Neaktivní uživatelský účet
Avatar
martinsakra
Tvůrce
Avatar
Odpovídá na Neaktivní uživatel
martinsakra:20.9.2014 13:33

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
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
KleoCZ
Člen
Avatar
KleoCZ:20.9.2014 21:24

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.