HTML5 bietet in Kombination mit JavaScript eine Vielzahl von Möglichkeiten für die Entwicklung von plattformübergreifenden, webbasierten Spielen. Unter den vielen Neuerungen im multimedialen Segment ist hier besonders das Canvas Objekt zu nennen. Innerhalb des HTML-Elements ist der Entwickler nun in der Lage dynamisch zu Zeichnen und so Inhalte interaktiv zu Rendern. Des Weiteren wurden einige Möglichkeiten geschaffen, beispielsweise Spiele mit Videos und Audios zu bereichern. Dieser Prozess ist dabei nicht immer selbsterklärend. Insbesondere nicht dann, wenn überlagernde oder sich bewegende Objekte dargestellt werden müssen.
CreateJS nimmt dabei dem Entwickler viel Arbeit ab. Die Suite aus modalen JavaScript Bibliotheken stellt für viele Anwendungsfälle Klassen und Objekte bereit, um schnell und effizient im HTML5 Umfeld zu programmieren. Die Bibliothek "EaselJS" spielt hierbei eine tragende Rolle. Bitmapgrafiken, Spritesheets und programmatisch gezeichnete Objekte lassen sich mit Ihr schnell und einfach visualisieren. Der besondere Fokus der API liegt dabei auf Ihrer Ähnlichkeit zu ActionScript. Dieser Effekt ist durchaus gewollt, denn der Entwickler von CreateJS ist Grant Skinner, der sich Bereits in der Flash Welt einen Namen erarbeitet hat.
Abgerundet wird CreateJS mit TweenJS, SoundJS und PreloadJS. Dabei ist der jeweilige Name der Bibliotheken fast selbsterklärend. Während TweenJS zeitgesteuerte Animationen im Canvas-Umfeld unterstützt, erlaubt SoundJS die Verwendung von HTML5-Audio und PreloadJS unterstützt den Entwickler beim aufsetzen einer Laderoutine für benötigten Assets. Bei der Nutzung der Bibliotheken steht eine Erweiterung für Flash CS6 namens "Toolkit for CreateJS" zum Download bereit. Hiermit lassen sich innerhalb der Flash Anwendung Animationen, Sounds, Grafiken und sogar Interaktionen erstellen, und CreateJS Konform exportieren. Das erzeugte Projektsetup kann anschließend beliebig erweitert werden.
Saban Ünlü erläutert in seinem Vortrag die Grundlagen von CreateJS für die Entwicklung von Spielen. Dabei erhalten Sie einen Einblick in die zuvor erwähnten Bibliotheken und erfahren, wie diese praxisnah eingesetzt werden. Auch ein Exkurs in die Flash-Welt ist Bestandteil der Session. Neben dem Export eines CreateJS Setups erfahren Sie auch, wie mit wenigen Handgriffen Ihre Assets Hybrid verwendet werden können, um AIR Anwendungen für die Mobile Plattform zu entwickeln.
Benutzt bei der Anmeldung den Code: adobe@mmt31 und ihr bekommt 20% Rabatt auf dem nächsten Multimediatreff (Web- & Mobile-Games...) #mmt31
Links zum Vortrag:
- Samples
- Slides
- Download
