Flash CS6: Flashprojekt als HTML exportieren

Seit einigen Tagen gibt es die neue Version Flash CS6. Adobe selbst hebt dieses Mal recht wenige Neuerung hervor, u.a.:

  • HTML-Export (CreateJS-Framework)
  • Stage 3D-API und Starling-Framework 2D-Inhalte
  • AIR-Anwendungen inklusive der Runtime (Captive Runtime)
  • Simulation von AIR-Apps auf mobilen Endgeräten

Spannend ist auf jeden Fall der HTML-Export von Flashprojekten, da damit zum ersten Mal ein gängiges Designer-Tool einen einfachen Weg bietet, bereits erlerntes Animations-Know-How für HTML-Animationen einzusetzen. Dies zielt natürlich in erster Linie darauf ab, das zurzeit bestehende Problem „iPhone/iPad kann kein Flash” zu lösen. Zudem bietet es den Vorteil, dass weiterhin auch der Flash Player adressiert werden kann (z.B. für alte Desktop-Browser ohne HTML5) — die Animation liegt ja als Flashprojekt vor und kann zusätzlich auch ganz normal als .swf exportiert werden.

Flash CS6: Flashprojekt als HTML exportieren weiterlesen

Vektorgrafiken aus Illustrator in HTML5-Canvas exportieren

Seit einiger Zeit gibt es ein Plug-In für Adobe Illustrator, um Vektorgrafiken in Richtung HTML5 zu exportieren. Das kostenlose „Ai->Canvas Plug-in” wandelt eine Illustratordatei in HTML-/JavaScript-Code um, der die Inhalte in ein HTML5-Canvas-Element zeichnet. Dies funktioniert nicht nur mit einfachen Grafiken, sondern auch mit komplexen Gestaltungen sehr gut.

The Ai->Canvas plug-in enables Adobe Illustrator to export vector and bitmap artwork directly to an HTML5 canvas element using JavaScript drawing commands. Animation can be added to control rotation, scaling, opacity, and motion along a path. Then, events can be used to trigger other animations.

Vektorgrafiken aus Illustrator in HTML5-Canvas exportieren weiterlesen