rukh
1000 wyświetleń, w końcu :)
Wszystkie elementy w samym CSS, nawet otwierająca klapa.
Obrót kamery z innego przykładu. A JS słyży jedynie jako pre-procesor.
link
#programowanie #webdev #codepen #cssdemo
17
  • Najlepsze
  • Wszystkie komentarze
R.....n
R.....n
@rukh: za taką robote, łap plusa... podziwiam
1
Artrix
@rukh: U mnie nie wygląda tak dokładnie jak na gifie. ( ͡° ʖ̯ ͡°)
#firefox
0
rukh
rukh Autor
@Artrix: To bug Firefoxa. Ich silnik nie rozpoznaje kolejności elementów 3D, jeśli są w sąsiednich elementach.
Firefox również nie akceptuje przecinania się powierzchni. Chrome dopiero od poprzedniego roku zaczął wspierać przecinanie.
Firefoxowi brakuje antialiasing, na dodatek się tnie.
0
Kubeusz89
Treść przeznaczona dla osób powyżej 18 roku życia...
0
dinokoder
dinokoder
@rukh: niezłe, ale z wydajnością ma niewiele wspólnego....
0
rukh
rukh Autor
@dinokoder: Jak to nie ma. Silnik chromium sobie bez problemu radzi. A to jest najczystsze rozmieszczenie prostokątów po przestrzeni.
Przykład cieniowania w CSS: codepen
0
dinokoder
dinokoder
U mnie wyciąga max parę fps. To samo w czystym OpenGL lub DirectX chodziłoby zdecydowanie wydajniej.
0
Artrix
@rukh: Powiedziałbym, że chodzi znośnie na firefoxie.
0
rukh
rukh Autor
@dinokoder: tak samo jak i sam canvas..
0
le1t00
Treść przeznaczona dla osób powyżej 18 roku życia...
0
Pan_wons
@rukh: Na androidzie też działa, tylko nie da się obracać. Fajnie Ci wyszło.
0
rukh
rukh Autor
@Pan_wons: nad przeglądarkami na telefonie będę musiał pomyśleć, jak działa.
Odkryłem jednak jak można obrócić tą kamerę (mało estetyczne): Przytrzymujesz palcem ekran, następnie dotykasz w inne miejsce.
Zorientujesz się jak się to obraca.
0
rukh
rukh Autor
@Artrix: Działa już na Firefoxie, i to od którejś tam wersji.
0