Wybór między wszystkimi metodami animacji - javascript, html, css, html5, css3

Istnieje wiele sposobów animowania elementów w dzisiejszych czasach. Animacje płótna HTML5, animacje i przejścia CSS3, regularne animacje CSS, nawet tworzenie nowych obiektów HTMLhttp://uperduper.com/tronGame/index.html). Jak wybrać pomiędzy tymi wszystkimi? Czy jest coś, co jest szybsze?

Odpowiedzi:

Nie będzie niespodzianką, jestem pewien, że prosta odpowiedź brzmi „to zależy”. Istnieje kilka czynników, które mogą wpływać na wybór techniki animacji:

1. Jak wspomniałeś, wydajność jest zdecydowanieczynnik. Nowoczesne przeglądarki, zwłaszcza na urządzeniach mobilnych, mogą polegać na sprzętowej akceleracji grafiki, aby uzyskać najlepszą wydajność. Najbardziej niezawodnym sposobem wymuszenia użycia akceleracji sprzętowej jest ostrożne użycie transformacji CSS. Jeśli twoim celem jest maksymalna wydajność, to CSS3 jest prawdopodobnie najlepszym podejściem.

2. Ale nie wszystkie przeglądarki obsługują CSS3. Jeśli na przykład użytkownicy uzyskują dostęp do witryny za pomocą przeglądarki Internet Explorer 8, przekształcenia i przejścia CSS3 nie będą miały zastosowania. lub (b) zastosować inną technikę, która jest bardziej powszechnie wspierana. W dalszej kolejności animacja oparta na JavaScript (szczególnie w jQuery) może być najlepszym podejściem.

3. Oczywiście te odpowiedzi zakładają, że twojeCele mogą być osiągnięte przy pomocy przejść CSS3 i / lub właściwości CSS (i powiązanych) dostępnych za pośrednictwem JavaScript. Może to nie być prawdą, jeśli masz na uwadze złożoną animację. (Cóż, prawdopodobnie możliwe jest odtworzenie dowolnej animacji w CSS i / lub JavaScript, ale złożoność może być zadziwiająca.) W przypadku bardziej złożonych animacji warto przyjrzeć się animacjom płótna (szczególnie, jeśli źródłową kompozycją jest raster) -bazy) lub nawet animacje SVG (jeśli twoje źródło jest oparte na wektorze).

Opcje te nie uwzględniają czynnikówinne niż źródło lub publiczność. Inne pytania, które należy zadać, obejmują umiejętności i doświadczenie dewelopera. Ktoś, kto jest bardzo zaznajomiony z rozwojem JavaScript prawdopodobnie odniesie większy sukces w podejściu JavaScript / jQuery, podczas gdy bardziej tradycyjny (np. Flash) projektant może być bardziej komfortowy w przypadku płótna lub SVG.