Zum Hauptinhalt Zur Navigation

Ai-Canvas: Microsoft-Plugin für Illustrator exportiert in HTML5

Microsoft hat mit Ai-ᐳCanvas ein Plugin für Adobe Illustrator veröffentlicht, mit dem sich Zeichnungen und Animationen aus Illustrator in HTML5 und Javascript exportieren lassen.
/ Jens Ihlenfeld
7 Kommentare News folgen (öffnet im neuen Fenster)

Das im Rahmen von Microsoft Mix Online entwickelte Illustrator-Plugin Ai-ᐳCanvas läuft in Adobe Illustrator CS3, CS4 und CS5 unter Windows Vista und Windows 7 sowie Mac OS X. Es erlaubt den Export von Artwork und Animationen aus Illustrator in das Canvas-Element von HTML5.

Vektorzeichnungen wandelt Ai-ᐳCanvas in Javascript-Aufrufe um, die eine entsprechende Zeichnung im Canvas-Element erzeugen. Was mit HTML5 derzeit nicht ins Canvas-Element gezeichnet werden kann, wird als Raster in die Vektorzeichnungen eingebettet. Auch Animationen wie Rotation, Skalieren sowie Alphablending und Bewegungen entlang eines Pfades werden unterstützt.

Die Integration von Sound und interaktiven Funktionen setzt das Schreiben einiger Codezeilen voraus. Dazu stellt das Plugin einen Debug-Modus bereit.

Microsoft stellt AI-Canvas vor
Microsoft stellt AI-Canvas vor (01:33)

Zur Einführung in Ai-ᐳCanvas stellt Microsoft diverse Tutorial-Videos(öffnet im neuen Fenster) bereit. Zudem gibt es eine ausführliche Einführung(öffnet im neuen Fenster) von Thomas Lewis.

Ai-ᐳCanvas ist in C++ geschrieben und umfasst rund 23.000 Zeilen plattformunabhängigen Codes. Welche Schwierigkeiten dabei auftraten, beschreibt Microsoft-Entwickler Mike Swanson in einem Interview(öffnet im neuen Fenster) mit Microsofts eigener Entwicklerseite Channel 9.

Ai-ᐳCanvas steht ab sofort unter visitmix.com(öffnet im neuen Fenster) kostenlos für Windows und Mac OS X zum Download bereit.


Relevante Themen