Loading
Loading

benutzerfreun.de

Infos für Website-Konzepter und Usability-Freunde

HTML5-Animationen mit Hype

Animationen mit HTML5 zu erstellen ist mühsam, wenn man alles mit einem reinen Texteditor erstellen will. Ein kleines Mac-Programm, das das erreicht, und das mir gut gefällt, ist Hype.

Benutzeroberfläche des Programms Hype
Benutzeroberfläche des Programms Hype

Hype hat eine sehr aufgeräumte Oberfläche, intuitiv lassen sich damit Elemente auf dem Bildschirm erstellen, anordnen und anpassen.
In einer Zeitleiste (Timeline) kann man dann die Änderungen der Elemente in der Zeit vornehmen und damit die Animation erstellen. Die Ansicht in Hype ist Wysiwig, man sieht also sofort, wie alles im Browser aussehen wird.

Ist alles fertig, exportiert man den HTML-Code und kann ihn im Browser testen. Dabei wird auch gewarnt, welche Teile in bestimmten Browsern nicht ganz wie gewünscht dargestellt werden können. Welche Browser und welche Versionen berücksichtig werden sollen, kann man einstellen.

Den Code bindet man als div in seine eigenen Seiten ein, lädt den Ordner mit Ressourcen (JavaScript-, CSS-Dateien) auf den Webserver und schon ist die Animation online (für ein supersimples Beispiel habe ich keine zwei Minuten gebraucht).

Das Programm kostet 23,99 Euro (Einführungspreis) in Apples AppStore. Eine 14-Tage Testversion gibt es auf der Website des Herstellers Tumult.

Zum Kommentar-Feld
Reaktion(en) (4)
Newsletter 10/2011 – die Zukunft von Flash | benutzerfreun.de • vor6 Jahren

[...] https://www.benutzerfreun.de/umsetzung/html5-animationen-mit-hype Kurzbesprechung des schönen Programms Hype, mit dem man HTML5-Animationen ohne Programmierung erstellen kann. [...]

antworten
Die besten Tools und Referenzen zur Entwicklung mit HTML5 • vor5 Jahren

[...] dass das noch in der Entwicklung befindliche Adobe Edge (aktuell Preview 6), die finale Version von Hype für den Mac und Sencha Animation. Weiter Tools für Animationen mit denen man tatsächlich [...]

antworten
Die Zukunft von Flash | contentmanager • vor4 Jahren

[…] Kurzbesprechung des schönen Programms Hype, mit dem man HTML5-Animationen ohne Programmierung erstellen kann: www.benutzerfreun.de […]

antworten
Die Zukunft von Flash - contentmanager • vor3 Jahren

[…] Kurzbesprechung des schönen Programms Hype, mit dem man HTML5-Animationen ohne Programmierung erstellen kann: www.benutzerfreun.de […]

antworten

Ich freue mich über Ihre Anmerkungen & Fragen.

By Daniele Zedda • 18 February

← PREV POST

By Daniele Zedda • 18 February

NEXT POST → 34
Share on