JavaScript Animationen

[Camping_RIDER]

Aloha ;)

Bin tatsächlich positiv geflasht von den Möglichkeiten. Habe mich nach deinem Posting auch mal eingelesen, hier ein nützlicher Link:

http://creativejs.com/resources/requestanimationframe/

Allerdings muss ich dir ein klein wenig widersprechen. Das ist nicht soweit von CSS-Animationen entfernt wie du vielleicht denkst. Vielmehr ist es so, wie ich jetzt herausgelesen habe, dass requestAnimationFrame Zugriff auf dieselben nativen Methoden erhält, die auch von CSS-Animationen genutzt werden.

Browsersupport sieht auch ganz gut aus, aber: für öffentlich zugängliche Projekte muss vorerst auf jeden Fall z.B. auf das unter dem Link ganz oben genannte Polyfill gesetzt werden (welches ja für fehlende Unterstützung auf setTimeout setzt), da IE9 keine Unterstützung bietet. IE9 ist aber noch bedeutsam, da es keine aktuellere IE-Version für Windows Vista gibt und der offizielle Support für Vista noch nicht eingestellt ist.

Die Notwendigkeit, setTimeout einzusetzen, bleibt aber imho, wie der Artikel zeigt, dennoch - denn requestAnimationFrame ist nicht in der Lage, die Geschwindigkeit der Animation zu kontrollieren. Und damit bleibt für ease-Effekte auch die Notwendigkeit, komplizierte Funktionen einzusetzen, um die aktuelle Laufgeschwindigkeit anhand der gewünschten Laufdauer zu ermitteln.

Grüße,

RIDER