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 in der Praxis

Da die Animationen auf HTML5 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.