[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

[Artrix]

@rukh: U mnie nie wygląda tak dokładnie jak na gifie. ( ͡° ʖ̯ ͡°)
#firefox

[rukh]

@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.

[dinokoder]

@rukh: niezłe, ale z wydajnością ma niewiele wspólnego....

[rukh]

@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

[dinokoder]

U mnie wyciąga max parę fps. To samo w czystym OpenGL lub DirectX chodziłoby zdecydowanie wydajniej.

[Artrix]

@rukh: Powiedziałbym, że chodzi znośnie na firefoxie.

[rukh]

@dinokoder: tak samo jak i sam canvas..

[R.....n]

@rukh: za taką robote, łap plusa... podziwiam

[Pan_wons]

@rukh: Na androidzie też działa, tylko nie da się obracać. Fajnie Ci wyszło.

[rukh]

@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.

[rukh]

@Artrix: Działa już na Firefoxie, i to od którejś tam wersji.