Flash dankt ab – Bühne frei für interaktive Animationen auf Basis von HTML5



Animationen sorgen auf Webseiten für einen dynamischen und modernen Eindruck. Als sinnvoll eingesetztes Gestaltungselement lenken sie zudem den Blick des Betrachters gezielt auf einen bestimmten Punkt – etwa auf ein Werbebanner. Data Beckers Software „A5 HTML5 Animator“ erleichtert Kreativen, Betreibern von Webseiten und Webdesignern den Zugang zur Welt der Animationen. Mit der Windows-Anwendung lassen sich interaktive Webinhalte auf Basis moderner Webtechnologien wie HTML5, Javascript und CSS3 komfortabel und ohne Programmierung gestalten. Das Herzstück des Animationswerkzeugs bildet eine Bühne, auf der verschiedene Objekte, etwa Fotos und Texte, mit Hilfe von Keyframes und Timeline animiert werden. Die Animation wird als Quellcode ausgegeben, der sich in Webauftritte einbinden lässt. Dargestellt werden die Animationen dank HTML5 in allen modernen Browsern, sowohl auf Smartphone, iPhone und iPad als auch auf dem PC.

Der A5 HTML5 Animator bietet Anwendern unter anderem die Möglichkeit, kurvenförmige Animationspfade mit einer Bézier-Kurve zu erstellen. Hierzu wird einfach ein bogenförmiger Pfad angelegt, an dem sich ein Objekt entlang bewegt. Aufwendige Animationen lassen sich darüber hinaus in verschiedene Szenen unterteilen. Übergänge können animiert und Szenenwechsel durch vorher festgelegte „Trigger“-Aktionen ausgelöst werden.

Für zusätzliche Interaktivität sorgen Nebenzeitleisten, in denen Animationen festgelegt werden, die durch bestimmte Ereignisse auf der Hauptzeitleiste ausgelöst werden können. Für komplexere Interaktionen lässt sich mit Hilfe des integrierten Javascript-Editors die Animation auf Code-Ebene modifizieren. In den Editor integriert ist eine Schnittstelle, die den Zugriff auf interne Programmfunktionen stark vereinfacht. Eigene Skripte, die etwa der Manipulation von Objekten mittels jQuery-Framework dienen, lassen sich somit über die API komfortabel mit A5-Funktionen wie Play, Stop, Timeline- und Szenenwechsel verzahnen.

Der A5 HTML5 Animator enthält ein Vorlagen-System, mit dessen Hilfe sich assistentengestützt Animationen erstellen lassen. Wer etwa eine Diashow und eine Produktpräsentation realisieren möchte, wählt einfach die entsprechende Vorlage und importiert die gewünschten Bilder. Szenen, Übergänge und Animationen werden anschließend automatisch erstellt. Für den Schnelleinstieg enthält der A5 HTML5 Animator zudem mehrere vorgefertigte Animationen und Effekte, die per Drag & Drop einem Objekt zugewiesen werden können.

Gesteuert werden die Animationen über die Timeline, in die Keyframes von Hand hinzugefügt werden. Alternativ kann der Nutzer eine Aufnahme-Funktion aktivieren, die Keyframes automatisch erstellt, wenn Objekte bewegt oder deren Eigenschaften modifiziert werden. Effektgeladene Kompositionen entstehen, indem Texte, Bilder, Soundfiles und Videos einfach via Drag & Drop auf der Bühne arrangiert werden. Zudem lassen sich in den Eigenschaften der eingebetteten Objekte Farbe, Rahmen, Drehungen, Neigungen, Schattierungen und Reflexionen einstellen und modifizieren.

Preis, Verfügbarkeit und Erweiterungen
Der „A5 HTML5 Animator“ ist ab sofort für 119,95 Euro im Onlineshop von Data Becker erhältlich. Eine zeitlich begrenzte Testversion des A5 HTML5 Animators kann auf www.a5-animator.de heruntergeladen werden. Auf der Webseite haben Interessierte zudem Zugang zu Tutorials und Beispielen.

Ergänzend erhältlich sind zwei Zusatzpakete, in denen sich Grafiken und Sounds für die Gestaltung von Animationen befinden. Das Grafik-Paket kostet 19,95 Euro und umfasst um die 2.500 Icons und Bilder. Das Sound-Add-on beinhaltet Effektsounds und Loops zur musikalischen Untermalung einer Animation. Das Soundpaket kostet 39,95 Euro.

Highlights:
– Timeline mit Keyframe-Animationen: Realisierung von Animationen durch manuelles Setzen von Keyframes auf der Zeitleiste oder mithilfe der Aufnahme-Funktion.
– Modernste HTML5- und CSS3-Fähigkeiten: Spiegelungen, Schatten, Rahmen, 3D-Rotationen u. v. m. mit nur wenigen Klicks umsetzbar.
– Szenen und Multi-Timeline Unterstützung: Animationen lassen sich in verschiedene Szenen und auf mehrere Zeitleisten aufteilen, die durch festgelegte Ereignisse ausgelöst werden.
– Bézier-Animation: Erstellen von bogen- bzw. kurvenförmigen Animationspfaden.
– Javascript-Editor mit API: Zugriff auf interne Programmfunktionen wie beispielsweise Szenenwechsel, Timelinewechsel, Play, Stop etc. möglich
– Integriertes Template-System: Assistentengestützte Erstellung von Animationen durch fertige Vorlagen.

Abgelegt unter Aktuelle Erscheinungen

Einen Kommentar schreiben

Du mußt angemeldet sein, um kommentieren zu können.



DigitalVD.de News-Reader zum kostenlosen Download DigitalVD.de News-Reader

Der DigitalVD.de News-Reader ist eine kostenlose Software mit der Neuheiten aus der DVD- und Heimkino-Szene automatisch auf dem eigenen PC gelesen werden knnen. Ihr werdet kostenlos und automatisch rund um die Themen Film und Heimkino auf dem Laufenden gehalten.

[Beschreibung und Download]