t3n News Entwicklung

Moonbase: HTML5-Animationen für jedermann

Moonbase: HTML5-Animationen für jedermann

Moonbase sagt GIF-Animationen den Kampf an und will eine neue Generation von einläuten. Was das Tool bietet, erfahrt ihr in diesem Artikel.

Moonbase: HTML5-Animationen für jedermann

Mit Moonbase stellt Jake Lodwick, der unter anderem an der Entwicklung des Videoportals Vimeo beteiligt war, ein neues Tool vor, das animierten GIFs den Kampf ansagen will. Die Plug&Play-Lösung der Firma Elepath soll Usern erlauben, komplexe Animationen auf HTML5-Basis ohne jegliche Vorkenntnisse zu erstellen.

Moonbase Bedienung

Moonbase basiert auf einem visuellen System, das ein wenig an professionelle Node-basierte Anwendungen aus dem Post-Production-Bereich erinnert und kann ohne jegliche Vorkenntnisse und Coding-Erfahrung bedient werden.

Zwar ist das Prinzip der Waves, Amplituden und Curves am Anfang etwas gewöhnungsbedürftig. Zur Einführung führt Moonbase aber mit einfachen Challanges an die Bedienung des Tools heran. Und so entsteht in wenigen Sekunden ein komplex aussehendes aber im Grunde simples Gebilde und eine durchaus komplexe Moonbase-Animation.

Moonbase Beispielprojekt
Beispiel für ein Moonbase Projekt

Moonbase in der Praxis

Da die Animationen auf basieren, lassen sie sich leicht in Websites einbinden und sind anders als GIFs ohne größeren Qualitätsverlust skalierbar. Durch das Wegfallen der 256-Farben-Einschränkung von GIFs sind zudem deutlich eindrucksvollere Animationen möglich. Mit der Plug&Play-Oberfläche können Designer ihrer Kreativität freien Lauf lassen und interessanten Content erschaffen, ohne auf Programmierer zurückgreifen zu müssen. Ein von Github übernommener Ansatz treibt dieses Prinzip sogar weiter. Denn jedes Projekt kann geforkt und dann weiter verändert werden.

Auch die Belastung für die CPU, selbst auf mobilen Geräten, hält sich bei Moonbase-Animationen in Grenzen. Lediglich wenn mehrere dieser Animationen auf einer Webseite zusammenkommen, kann es zu Leistungsengpässen kommen. Das dürfte sich aber mit einigen geschickten Anpassungen beim Einbinden, wie zum Beispiel einem Lazyload, umschiffen lassen.

Die Macher von Moonbase wollen kreative Meme-Maker ansprechen und hoffen darauf, sie für eine neue Generation von aufwändigeren Memes begeistern zu können. Für eine bequemere Nutzung wären aber noch einige Features wie eine Timeline, ähnlich der Timeline bei Adobes CSS-Filter Lab (einer Moonbase-Alternative für Coder) durchaus wünschenswert. Wer Moonbase ausprobieren will, kann auf der Projekt-Website ohne vorherigen Login direkt loslegen.

Newsletter Newsletter

Abonniere unseren Newsletter und erhalte einen exklusiven Artikel aus dem aktuellen t3n Magazin.

Jetzt lesen: t3n Newsletter Nr. 571

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
2 Antworten
  1. von Frank am 10.01.2013 (19:10 Uhr)

    Gif-Bilder haben entweder 8bit Farbtiefe oder maximal 256 Farben. Selbst heute müssen wir uns mit lächerlichen 24 oder 32 bit Farbtiefe zurfieden geben. ;)

    Antworten Teilen
  2. von panterchen am 10.01.2013 (20:52 Uhr)

    Kennt Ihr Hippo Animator?

    Das Tool ist klasse und kostet 50 € - die animierten Daten laufen auf so gut wie jedem Browser, inkl. IE 6 , Android und iOs.

    http://www.hippostudios.co.uk/

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Meme
Ein GIF sagt mehr als 1.000 Worte: Mit dieser genialen iPhone-Tastatur treibst du deine Freunde zur Weißglut
Ein GIF sagt mehr als 1.000 Worte: Mit dieser genialen iPhone-Tastatur treibst du deine Freunde zur Weißglut

Vergesst die lästige Autokorrektur: Mit PopKey, einer alternativen Bildschirmtastatur fürs iPhone, chattet ihr ab sofort nur noch mit animierten GIFs –  und das in fast jedem Messenger. » weiterlesen

GIFs erobern Facebook-Pages: Erste Brands können die animierten Bildchen nutzen
GIFs erobern Facebook-Pages: Erste Brands können die animierten Bildchen nutzen

Erstmals können auch Unternehmen animierte GIFs über ihre Facebook-Pages mit ihren Fans teilen. Noch bleibt dieses Feature aber nur einigen wenigen Brands vorbehalten. » weiterlesen

Bye Bye Flash: Warum HTML5 zum Standard in der Online-Werbung wird
Bye Bye Flash: Warum HTML5 zum Standard in der Online-Werbung wird

Der Flash-Player von Adobe war lange Zeit das Standardprogramm für die Darstellung grafischer und bewegter Inhalte im Internet. Das ändert sich derzeit: Die Werbebranche steigt bei der … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?