CSS3 + Javascript: Dynamiczny cień

Chyba nie trzeba dokładniej opisywać, tylko cieszyć się efektem i możliwościami jakie są przed nami otwierane. W powiązanych więcej przykładów użycia css'a 3 z javascriptem.

[mycoffeetastesgood]

http://29a.ch/2010/3/24/normal-mapping-with-javascript-and-canvas-tag

sam javascript, ze 2 klasy poważniej :]

[Kami-chan]

@mycoffeetastesgood: piękne :D dziękuję, że mi to pokazałeś, bo sam plusik to jakoś za mało ;)

[l.....6]

@mycoffeetastesgood:

Bump mapping, efekt stary jak demoscena. Tu można obejrzeć wg mnie najlepszy bumpmapping jaki istnieje:

http://www.youtube.com/watch?v=P0OfkJc711A

Zaczyna się w 4:21. Polecam oglądać w podwyższonej rozdzielczości, a w ogóle to cierpliwie obejrzeć całe demo.

[z.....u]

A i tak przyjdzie k... klient i powie "A czeeeemu nie działa pod ie szeeeeść?"

[icoztego]

@zefciu: W jakim wy świecie żyjecie? Nie znam nikogo kto robi jeszcze strony pod IE6 a jeśli już to za specjalną dopłatą która skutecznie zniechęca klientów do takich pomysłów. Przecież nawet producent IE6 już go nie wspiera i odradza jego używanie. Jedyne miejsce gdzie IE6 się jeszcze trzyma są firmy które mają systemy napisane tak że działają tylko pod IE6.

[varez]

@zefciu: "ch Ci k* w d* z Twoim j IE6......... kua!".. tak tylko mi się marzy...

zostaje poświęcić dodatkowy miesiąc, zeby dzialalo tak samo pod IE6, albo zrobić w tym kretyńskim flashu :/

[Kylo_EL]

Ale to nie jest do końca takie dynamiczne. Jakby mieli źródło światła i prowadzili od niego promienie, ew. odbijali od płaszczyzn, trafiali na kilka różnych zasłaniających się elementów itp. to by było dynamiczne. A tak to jest prost trik, który przelicza z jakiej pozycji świeci światło i wyświetla cień w proporcjonalnej odległości i jasności.

Zakładam, że dla kogoś kto się zna na tych wszystkich jsowych bibliotekach nie jest to jakieś skomplikowane. Ale

[wizu]

@kosmo1989:

Widzę że z ciebie wielki webdesigner...

Gościu w projekcie użył jquery, a ty piszesz, że "Czasem więcej kodu trzeba na obsługę innej przeglądarki niż

[solar2k]

@kosmo1989: JS zajmuje dokładnie 98 linii, CSS odpowiedzialny za efekt: 5. Więc nie udawaj mądrego, że nie wiadomo ile trzeba się tutaj naprogramować dla takiego efektu, bo nic Ci z tego nie wyjdzie, a "wnioskowanie na outpucie" zapamiętam jako niezły mem.

Dzień dobry wszystkim

[_sn]

czy tylko ja nie widze w tym NIC SPECJALNEGO.

i taka drobna uwaga. gdy machalem radosnie lampka uzycie proca wzroslo do 45%(c2d 2.2ghz) wiec pytam: WTF?!

[prusi]

@_sn: nie, nie tylko ty, trzeba czasem czytać komentarze.

[M.....2]

Ludzie, ten efekt to jest 15 minut pracy (z przygotowaniem obrazków 30). Co w tym skomplikowanego? No co jest w tym odkrywczego, fajnego czy skomplikowanego?

[M.....2]

@varez:

To chyba ty się nie babrasz. Ja nie wiedzę, żadnej ciekawostki w dwóch obrazkach których pozycja obliczana jest JS'em... To już klasyczny śnieg na stronach bardziej ciekawy jest. Bo wielkie mi halo, gdyby generował jeszcze dynamicznie realistyczny cień (możliwe do zrobienia) to bym powiedział, że jest to pokaz ciekawego algorytmu i jakości JS no ale ludzie. Co jest fajnego w uprzednio narysowanym tle z pozycją obliczaną banalnym wzorem.

[prusi]

@varez: osobiście widziałem pare stronek podobnych, więc...

[SzalonyMjut]

@sn tak wzrosło, ale z czasem programiści przeglądarek zaczną używać gpu do współpracy i nie będzie już takiego obciążenia

btw, IE 9 używa gpu do wyświetlania elementów strony, strasznie płynnie wygląda np. przeglądanie map google

mam nadzieję że do firefoxa też wprowadzą takie rozwiązanie, wszystko to kwestia czasu i zainteresowania HTML5

[maciejmaciaszek]

A przepraszam. Co tu jest z CSS3?

[icoztego]

@maciejmaciaszek: Dokładnie. Gdyby ten cień był w CSS3 to by było ciekawe ale tak to tylko 2 obrazki. Przecież to było możliwe nawet pod IE6

[rss]

U, nieźle!

[trzeci]

@rss: http://trzeci.eu/flash/flashCanTo

[trzeci]

@SzalonyMjut: jest środowisko do kompilowania do 10.1 to raz.

żeby nie być gołosłownym:

wejdźcie na stronkę i sprawdźcie ile cpu wam wciąga. mi w stresie leciało 50% (włączona żarówa, chwycona i machana jak się

[ecikowaty]

Dążenie do RIA (Rich Internet Application) i chmury aplikacji jest coraz bliżej. Śmiem pójść krok dalej i stwierdzić, że Chrome OS, czyli OS-przeglądarka, będzie niedługo jedynym słuszny rozwiązaniem i OSy zajmujące krocie ROMu przejdą do lamusa na rzecz streamingu.

[solar2k]

@ecikowaty: po pierwsze: bredzisz. Po drugie: co to qwa za dziwna moda na używanie angielskich słów i "mądrych" określenie, które nijak mają się do danego tematu? :|

[swierzaq]

@ecikowaty: Aby zrozumieć rekurencję, trzeba wpierw zrozumieć rekurencję