Sencha Animator: Flash ersetzt durch HTML 5

Sencha Animator ist ein Programm für Webdesigner, mit dessen Hilfe sich bewegte Objekte in HTML5 statt Flash realisieren lassen. Eine Website, die in Sencha Animator gestaltet wird, läuft damit auch problemlos auf dem iPhone und iPad. Im netzwelt-Kurztest muss die neue Software zeigen, was sie kann.

Inhaltsverzeichnis

1. 1Systemanforderungen
2. 2Für Android und iOS
3. 3Objekte speichern
4. 4Fazit

Adobe Flash hat seine besten Zeiten hinter sich: Beinahe täglich werden neue Anwendungen vorgestellt, mit denen Animationen auf Basis von HTML 5 erstellt werden können. Adobe selbst arbeitet mit Edge und Muse an solchen Programmen, die sich allerdings noch im Beta-Stadium befinden. Die Konkurrenz ist hier schon weiter: Unter dem Namen Sencha Animator wurde eine (fast) fertige Anwendung präsentiert.

Systemanforderungen

Die Preise für Sencha Animator werden leider nicht alle Webdesigner verkraften können: Das Programm ist für 199 US-Dollar erhältlich, was umgerechnet knapp 150 Euro entspricht. Für den Einsatz auf fünf oder gar zehn Computern gibt es entsprechend rabattierte Angebote. Es existiert aber eine kostenlose Test-Fassung, mit der potentielle Kunden das Programm in aller Ruhe ausprobieren können. Sencha Animator 1.0 unterstützt neben den Betriebssystemen Windows XP (Service Pack 3) und Mac OS X 10.6 oder neuer auch diverse Linux-Distributionen, zum Beispiel Ubuntu. Auf der Projektseite gibt es jeweils eine Version für 32-Bit- und 64-Bit-Systeme. Die Bezahlung der Vollversion kann per Kreditkarte, PayPal oder auch Google Checkout erfolgen.

Für Android und iOS

Sencha Animator basiert im Hintergrund auf der Bibliothek Sencha Touch, mit der Webentwickler schon seit einiger Zeit JavaScript-Anwendungen über die Grenzen mehrerer Geräte hinweg bauen können. In Sencha Animator ist Sencha Touch dafür zuständig, dass Objekte bewegt werden - daher ist es enorm wichtig, dass möglichst viele Endgeräte unterstützt werden. Sencha brilliert hier wie kaum ein Konkurrent: Neben Android ab Version 2.3 und Apple iOS 4 oder neuer können Animationen der Applikation auch auf einem BlackBerry abgespielt werden. Außerdem wird praktisch jeder halbwegs aktuelle Destktop-Browser unterstützt.

Die Installation des Programms ist sehr einfach, allerdings zwingt Sencha Animator den Anwender danach zu einer Registrierung. Es ist nicht möglich, die Software ohne gültiges Nutzerkonto für das Sencha Forum zu starten. Hat der Anwender die Registrierung erfolgreich abgeschlossen, bekommt er eine sehr einfache Oberfläche zu Gesicht: Oben im Hauptfenster wurde die Zeitleiste platziert, auf der festgelegt wird, welches Objekt wie lange an welcher Position erscheinen soll. Genau wie in Adobe Flash ist die Zeitleiste Dreh- und Angelpunkt der gesamten Arbeit mit Sencha Animator. Direkt darunter sitzt der Bearbeitungsbereich, in dem die eigentlichen Änderungen an einer Szene vorgenommen werden. Eine Übersicht aller Szenen erscheint am unteren Ende des Hauptfensters. Rechts neben dem Arbeitsbereich befindet sich eine Leiste mit Boxen für allgemeine Einstellungen einer Szene, Animationseffekten sowie der sogenannten Bibliothek.

Objekte speichern

Dort gibt es auch einen Reiter für das gerade geöffnete Projekt, in dem sich der Kopfbereich des Quellcode bearbeiten lässt, um zum Beispiel weitere externe CSS- oder JavaScript-Dateien zu importieren. Auch Fotos, Videos und andere Medien, die mit der gerade bearbeiteten Szene verbunden werden, landen im Projekt-Explorer. Standardmäßig speichert Sencha Animator neue Projekte in einem Verzeichnis mit der Endung .mproj. Eine Datei (.anim) ist dann für die Speicherung der eigentlichen Inhalte eines Projekts zuständig. Der Export von Animationen erfolgt in HTML 5 in Kombination mit JavaScript und CSS 3 für die Formatierung. Zuvor kann der Nutzer einen Blick auf die Vorschau im Standard-Browser werfen, um seine Arbeit zu beurteilen.

Fazit

Sencha Animator ist eine leistungsfähige Alternative für die Animation von Objekten, wenn Flash nicht zum Einsatz kommen soll. Webdesigner finden sich schnell in dem Programm zurecht, da es eine sehr einfache und inuitive Oberfläche besitzt, deren Aufteilung schon von vielen ähnlichen Anwendungen bekannt ist.

Links zum Thema

• Sencha Animator (Hersteller und Download)