Wykop.pl Wykop.pl
  • Główna
  • Wykopalisko141
  • Hity
  • Mikroblog
  • Zaloguj się
  • Zarejestruj się
Zaloguj się

Popularne tagi

  • #ciekawostki
  • #informacje
  • #technologia
  • #polska
  • #swiat
  • #motoryzacja
  • #podroze
  • #heheszki
  • #sport

Wykop

  • Ranking
  • Osiągnięcia
  • FAQ
  • O nas
  • Kontakt
  • Reklama
  • Regulamin
To Znalezisko jest w archiwum

764

CSS 3D, czyli...

CSS 3D, czyli...

trójwymiarowe chmury w przeglądarce.

hcsl
hcsl
hcsl
z
clicktorelease.com
dodany: 10.02.2013, 11:26:42
  • #
    technologia
  • 139
  • Otrzymuj powiadomienia
    o nowych komentarzach

Treści powiązane (4)

A tutaj kolekcja eksperymentów [HTML5]
MatthewDuchovny
z fff.cmiscm.com
  • 6
Inne animacje w CSS3
konto usunięte
z webdesignerwall.com
  • 2

Komentarze (139)

najlepsze

reod
reod
10.02.2013, 11:51:17
  • 149
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.
  • 9
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

fillion
fillion
10.02.2013, 13:17:16
  • 85
@mzmienka:
fillion - @mzmienka:

źródło: comment_xsr73xPKjcyKbW72uhpCr6C3ijNSvkli.jpg

Pobierz
z.....3
z.....3
konto usunięte 10.02.2013, 12:07:43
  • 62
@reod: Pomogę Ci w spełnieniu naszego wspólnego marzenia.
N.....E
N.....E
konto usunięte 10.02.2013, 13:17:46
  • 57
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ść.
  • 5
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

N.....E
N.....E
konto usunięte 10.02.2013, 18:18:07
  • 2
@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
patrolez
10.02.2013, 18:21:35
  • 0
@fiLord: http://www.clicktorelease.com/code/css3dclouds/cloud.png To jest powielane na każdej warstwie.
k.....a
k.....a
konto usunięte 10.02.2013, 12:49:15
  • 22
Michael Bay!
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

epi
epi
10.02.2013, 13:27:54
  • 18
Więcej chmurek: http://mrdoob.com/131/Clouds

Wymagana obsługa webgl :)
  • 8
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

mariuzpl
mariuzpl
10.02.2013, 13:34:56
  • 4
@epi: Fajniejsze :)
rezoner
rezoner
10.02.2013, 13:57:45
  • 2
@epi: jeżeli ktoś jeszcze nie zna - te chmury mr.Doob stworzył na potrzeby ro.me http://www.ro.me/
E.....e
E.....e
konto usunięte 10.02.2013, 12:54:14
  • 6
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.
  • 15
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

E.....e
E.....e
konto usunięte 10.02.2013, 13:03:08
  • 10
@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
E.....e
konto usunięte 10.02.2013, 13:13:43
  • 5
@Aureos: Emitery cząstek, particle systems zawarte w bardziej zaawansowanych silnikach..
przemyslany_nick
przemyslany_nick
przemyslany_nick
10.02.2013, 12:03:49
  • 6
Piękne, ale potrafi przymulić ;/
  • 10
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

k.....y
k.....y
konto usunięte 10.02.2013, 14:19:20
  • 36
@przemyslany_nick: minusujecie go za to, że ma gorszy sprzęt ??
C.....k
C.....k
konto usunięte 10.02.2013, 15:04:47
  • 14
@kot_odrzutowy: Tak.
fizzly
fizzly
10.02.2013, 15:23:56
  • 5
Jak dla mnie to jednak chmury 2D na 3 warstwach, efekt rodem z DOOMa ;)
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

OmeN44
OmeN44
OmeN44
10.02.2013, 13:03:30
  • 5
Oczywiscie w Operze ni hu hu...
  • 3
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

ginozaur
ginozaur
ginozaur
10.02.2013, 13:23:38
  • 1
@OmeN44: u mnie działa .
Goryptic
Goryptic
10.02.2013, 14:20:09
  • -2
@OmeN44: Opera Next ->
Mcmaker
Mcmaker
10.02.2013, 13:17:27
  • 4
Treść przeznaczona dla osób powyżej 18 roku życia...
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

K.....k
K.....k
konto usunięte 10.02.2013, 14:59:18
  • 3
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
  • Otrzymuj powiadomienia
    o nowych odpowiedziach

  • <
  • 1
  • 2
  • 3
  • Strona 1 z 3
  • >

Hity

tygodnia

Kobiety na LinkedIn masowo wyśmiewają popularny post o dyskryminacji mężczyzn
Kobiety na LinkedIn masowo wyśmiewają popularny post o dyskryminacji mężczyzn
3250
32-latek umiera z przyczyn naturalnych w gdańskim areszcie.
32-latek umiera z przyczyn naturalnych w gdańskim areszcie.
2427
Nie ma fajnej rozowej, jest chłop, ktory nie ma lekko z chorym dzieckiem.
Nie ma fajnej rozowej, jest chłop, ktory nie ma lekko z chorym dzieckiem.
2059
iRobot - producent robotów sprzątających właśnie zbankrutował
iRobot - producent robotów sprzątających właśnie zbankrutował
1900
Morele i gwarancja RAM
Morele i gwarancja RAM
1941
Pokaż więcej

Powiązane tagi

  • #ciekawostki
  • #nauka
  • #komputery
  • #zainteresowania
  • #stacjakosmiczna
  • #wydarzenia
  • #polska
  • #informatyka
  • #internet
  • #swiat
  • #sztucznainteligencja
  • #rozrywka
  • #ai
  • #motoryzacja
  • #telefony

Wykop © 2005-2025

  • O nas
  • Reklama
  • FAQ
  • Kontakt
  • Regulamin
  • Polityka prywatności i cookies
  • Hity
  • Ranking
  • Osiągnięcia
  • Changelog
  • więcej

RSS

  • Wykopane
  • Wykopalisko
  • Komentowane
  • Ustawienia prywatności

Regulamin

Reklama

Kontakt

O nas

FAQ

Osiągnięcia

Ranking