Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

Entwicklung & Design

Mit CreateJS interaktive Websites erstellen

CreateJS ist eine neue JavaScript-Suite für interaktive Inhalte und Multimedia mit HTML5, die 4 bestehende Bibliotheken in sich vereint. Wir stellen euch kurz vor, was mit CreateJS, das als Open-Source bei GitHub verfügbar ist, alles möglich ist.

CreateJS Startseite

Modulare JavaScript-Bibliothek für Multimedia

Grant Skinner und sein Team haben unter dem Namen CreateJS eine Sammlung von 4 einzelnen JavaScript-Bibliotheken für HTML5-Entwickler veröffentlicht, die ganz nach Bedarf auch unabhängig voneinander eingesetzt werden können.

EaselJS ist dafür da, die Arbeit mit dem HTML5-Canvas-Objekt zu vereinfachen, indem es eine hierachische Display-Liste aller Objekte, ein Interaktionsmodell und Hilfsklassen bereitstellt.

CreateJS: EaselJS Demos

TweenJS ist eine JavaScript-Bibliothek für Tweenings und Animationen. Sie ist zwar entwickelt worden, um gut mit EaselJS zusammen zu arbeiten, aber Abhängigkeiten zwischen den beiden bestehen nicht. Numerische Objekteigenschaften und CSS-Style-Eigenschaften können mit TweenJS animiert werden

CreateJS: TweenJS Demos

SoundJS ist der dritte Teil von CreateJS, der eine JavaScript-API für das vereinfachte Bereitstellen von Audio in Spielen und interaktiven Websites bietet.

CreateJS: SoundJS Demos

PreloadJS erlaubt das Vorladen von Inhalteselementen wie Bildern, Sounds, Skripten oder anderen Daten mit Statusanzeige, mehrfachen Verbindungen für gleichzeitiges Laden und mehr.

CreateJS: PreloadJS Demos

Neben CreateJS ist auf der Projekt-Website noch die eigenständige Adobe AIR Anwendung Zoë verfügbar. Mit Zoë kann man mit Adobe Flash erzeugte swf-Dateien als sogenannte EaselJS Sprite Sheets exportieren, um sie dann z.B. im Canvas-Objekt als HTML5 weiter zu verwenden.

CreateJS: JavaScript Bibliotheken und Tools für interaktive Websites und Multimedia

CreateJS Toolkit mit und ohne Flash

In Zusammmenarbeit mit Adobe ist außerdem ein ganz neues Toolkit für CreateJS in Arbeit, das als Erweiterung für Adobe Flash Professional Flash-Inhalte in HTML5-Code umwandelt. Das Toolkit bietet wesentlich mehr Funktionen als Zoë und macht es möglich, Flash-Elemente wie Symbole, Vektoren, Animationen, Bitmaps, Sound und Text zu exportieren. Das Ergebnis sind Objektbibliotheken, die sich im nächsten Schritt über CreateJS mit HTML5 und JavaScript direkt ansprechen lassen. In der nächsten Flash Pro Version CS6, die noch dieses Quartal veröffentlicht werden soll, wird das Open-Source-Toolkit CreateJS ebenfalls unterstützt. Mit Erscheinen von CS6 soll auch das Toolkit als Download verfügbar sein. In einem Video bei Adobe wird das Zusammenspiel von Adobe Flash und CreateJS genauer erklärt.

Bidergalerie zu CreateJS

1 von 13

Weiterführende Links:

Finde einen Job, den du liebst

Bitte beachte unsere Community-Richtlinien

Eine Reaktion
Klaus

tolle sache!
go html5 :)

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.