CSS 3D, czyli...

trójwymiarowe chmury w przeglądarce.

[reod]

No nie mówcie, że wejdzie na główną, bo się poczuję jak sześć lat temu, gdy się tu rejestrowałem, właśnie dla takich nowinek/tutoriali html/css/js.

[fillion]

@mzmienka:

[z.....3]

@reod: Pomogę Ci w spełnieniu naszego wspólnego marzenia.

[N.....E]

Przecież to zwykłe tekstury obracające się zawsze do obserwatora, opis sugeruje, że chmury są trójwymiarowe, a nie są. Trójwymiarowe jest środowisko w którym poruszają się płaskie obiekty. Technologia identyczna jak w pierwszych grach pseudo 3D ze spritami. Fajnie, że można takie coś zrobić w CSS, javascript, czy w czym to tam jest napisane, ale nie jest to żadna nowość.

[N.....E]

@fiLord: Właśnie nie, dlatego ten komentarz. Od razu widać że to kilka płaskich tekstur obracających się w stronę obserwatora i przenikających między sobą. Widać to szczególnie mocno przy powolnym obracaniu gdzie przenikanie jest bardzo widoczne.

[patrolez]

@fiLord: http://www.clicktorelease.com/code/css3dclouds/cloud.png To jest powielane na każdej warstwie.

[k.....a]

Michael Bay!

[epi]

Więcej chmurek: http://mrdoob.com/131/Clouds

Wymagana obsługa webgl :)

[mariuzpl]

@epi: Fajniejsze :)

[rezoner]

@epi: jeżeli ktoś jeszcze nie zna - te chmury mr.Doob stworzył na potrzeby ro.me http://www.ro.me/

[E.....e]

Zwykłe plane + camera facing

Tak się robi np. dym w niskobudżetowych gierkach. Renderuje się efekt dymu z kanałem alpha i wstawia na mapę z opcją camera facing, tak że ten ,,dym" zawsze jest w takiej pozycji w jakiej był oryginalnie renderowany w stosunku do obserwatora.

[E.....e]

@Aureos: Te ,,chmury" to po prostu kwadraciki 2D z umieszczonymi na nich teksturami chmur, jak obracasz widok to one zawsze są w stosunku do ciebie w tej samej pozycji.

[E.....e]

@Aureos: Emitery cząstek, particle systems zawarte w bardziej zaawansowanych silnikach..

[przemyslany_nick]

Piękne, ale potrafi przymulić ;/

[k.....y]

@przemyslany_nick: minusujecie go za to, że ma gorszy sprzęt ??

[C.....k]

@kot_odrzutowy: Tak.

[fizzly]

Jak dla mnie to jednak chmury 2D na 3 warstwach, efekt rodem z DOOMa ;)

[OmeN44]

Oczywiscie w Operze ni hu hu...

[ginozaur]

@OmeN44: u mnie działa .

[Goryptic]

@OmeN44: Opera Next ->

[Mcmaker]

D--y nie urywa.

[K.....k]

Ale przecież to jest stare jak diabli. Poza tym stron z takimi efektami jest bardzo dużo więc wykopywanie pojedynczego średniego efektu jest kiepskim pomysłem.

Tutaj macie całe tutoriale jak podobne rzeczy robić:

http://tympanus.net/codrops/

Na