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ąć ?

Podbijam pytanie, może ktoś odpowie?

https://jsfiddle.net/simurai/CGmCe/

Może tym się pobaw, bardzo wygodna biblioteka do animowania.
https://greensock.com/jump-start-js#stagger