Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][CSS][HTML]Inteligentne animacje na stronie ?
peter13135
post 11.12.2016, 15:56:38
Post #1





Grupa: Zarejestrowani
Postów: 1 447
Pomógł: 191
Dołączył: 26.03.2008

Ostrzeżenie: (0%)
-----


Czołem. Od kilku lat prawie nie robię w technologiach frontendowych, więc jestem nieco zacofany w tym temacie . Trochę się pozmieniało we frontendzie, np. sporo zamieszania zrobił Agular.


Mam pytanie. Chciałbym zrobić na stronie animację, ale ona ma być "inteligentna". Nie ma to być gif, który odtwarza się tak jak chce. Chciałbym mieć gifa i nim sterować. Np. chcę móc zatrzymać, wznowić animację, rozpocząć animację od jakiejś konkrentnej klatki.
Jak uzyskać taki efekt, bez użycia flasha, w miarę optymalnie ? Najlepiej samym javascriptem (Angularem2) i jakimiś cssami.

Jedyny sposób jaki mi przychodzi do głowy, to animacja w postaci sprite:

I animowanie tego, ustawiając odpowiednio css.

Czy to jest dobry sposób, czy może są teraz lepsze sposoby, by takie coś osiągnąć ?

Ten post edytował peter13135 11.12.2016, 15:58:09


--------------------
:)
Go to the top of the page
+Quote Post
Kubaaa89
post 21.12.2016, 08:38:27
Post #2





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 21.12.2016

Ostrzeżenie: (0%)
-----


Podbijam pytanie, może ktoś odpowie?
Go to the top of the page
+Quote Post
Pyton_000
post 21.12.2016, 11:06:37
Post #3





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


https://jsfiddle.net/simurai/CGmCe/
Go to the top of the page
+Quote Post
Kiui
post 21.12.2016, 15:10:33
Post #4





Grupa: Zarejestrowani
Postów: 126
Pomógł: 0
Dołączył: 8.06.2012
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Może tym się pobaw, bardzo wygodna biblioteka do animowania.
https://greensock.com/jump-start-js#stagger
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 12.06.2025 - 17:00