Tag: flash

TuneGlue: Ähnliche Künslter grafisch darstellen

Zum Freitag gibt es diesmal etwas Musikalisches: Amazon und Last.fm haben eine interaktive Flash-Anwendung ins Leben gerufen, mit der es möglich ist, Verknüpfungen zwischen Musikern und Bands auf einer Karte (Music Map) darzustellen. Das Projekt nennt sich TuneGlue und funktioniert sehr gut. Die Daten werden durch die "Ähnliche Künstler"-Funktion von Last.fm grafisch dargestellt. Nach der Eingabe des gewünschten Künstlers kann per Optionsmenü der erste Knotenpunkt erweitert werden. Daraufhin werden verwandte oder musikalisch ähnliche Künstler als weitere Knotenpunkte dargestellt. Mit dieser Methode können sehr tiefe Verzweigungen dargestellt werden.

Weiterhin ist es möglich, die veröffentlichten Alben der Künstler anzuzeigen. Dabei werden Informationen aus der Amazon-Datenbank abgerufen. Zudem können die physikalischen Animationen in ihrer Spannung (Friction) und Elastizität (Elasticity) angepasst werden.
Das Projekt wurde von den Flash-Altmeistern bei Onyro umgesetzt.

Adobe Open Source: Viele Frameworks für Entwickler

Dynamische und interaktive Online- oder Offline-Anwendungen lassen sich mit der Werkzeugpalette von Adobe sehr gut realisieren. Wer Flash-, Flex- oder AIR-Projekte umsetzt und bestimmte Komponenten oder Funktionen benötigt, sollte sich die Seite "Adobe Open Source" ansehen. Dort finden sich diverse Open Source-Frameworks, die inklusive Dokumentationen zur Verfügung gestellt werden. Dabei handelt es sich hauptsächlich um ActionScript-Bibliotheken, die viele nützliche Funktionalitäten mit sich bringen.

Die Bibliothek "AS3CoreLib" beinhaltet beispielsweise Algorithmen zur Verschlüsselung (MD5, SHA-1), Bildkodierung oder JSON-Verarbeitung. Das "Text Layout Framework" bietet umfangreiche Möglichkeiten zur Ausrichtung und Transformation von Textblöcken. Auch das Tamarin-Projekt von Mozilla verspricht, interessant zu werden.
ActionScript-Entwickler sollten die Seite also genau wie Adobe Labs im Auge behalten, da hier in regelmäßigen Abständen Updates erfolgen.

Gordon: Flash-Animationen mit JavaScript darstellen

Es ist faszinierend, mit welchen Tricks Entwickler immer wieder Grenzen durchbrechen. Tobias Schneider hat eine experimentelle Flash-Runtime namens Gordon in JavaScript geschrieben, die mithilfe der SVG-Technik Flash-Animationen im Browser darstellt. Ein SWF-Film wird also per JavaScript geladen und durch das Skript dargestellt.

Die Implementierung der Gordon-Runtime funktioniert relativ einfach, da die Parameter selbsterklärend sind:

• new Gordon.Movie("file.swf", {id:"stage", width:320, height:240});

Der Webentwickler Paul Irish stellt die Demos bereit und bei GitHub kann der komplette Quellcode des Projekts eingesehen werden.
Die Runtime ist in erster Linie für Flash-Animationen und weniger für komplexe Flash-Anwendungen mit ActionScript-Code gedacht. Leider funktioniert das Skript nicht unter Internet Explorer — dafür können aber mit Gordon Flash-Filme auf dem iPhone (mobiler Safari-Browser) abgespielt werden. Die Geschwindigkeit der Bewegungen lässt an manchen Stellen noch zu wünschen übrig, aber dennoch könnte das ein interessanter Ansatz für SWF-Animationen auf dem Apple-Smartphone sein.

Adobe Flash CS5: Doch keine Beta-Version

Adobe hat auf dem Flash Platform Blog und der Adobe Labs-Seite der kommenden Flash-Version bekannt gegeben, dass es nun doch keine öffentliche Beta von Flash Professional CS5 geben wird. Der Softwarekonzern aus Kalifornien will sich darauf konzentrieren, die neue Version der Entwicklungsumgebung für Flash-Anwendungen so schnell als möglich zu veröffentlichen. EIne Beta war für Ende des Jahres geplant.

Ein Hauptgrund für diese Entscheidung sei das bereits positiv ausgefallene Feedback der iPhone-Anwendungen gewesen, die veröffentlicht wurden, um die Möglichkeiten von ActionScript 3 auf dem iPhone zu demonstrieren. Die Möglichkeit, mit Flash CS5 iPhone-Anwendungen zu entwickeln, sorgte vor einiger Zeit für den Knalleffekt.
Man darf gespannt sein, wann die neue Version von Flash erscheinen wird. Neben dem "Packager for iPhone" soll es weitere Verbesserungen geben wie ein optimierter Code-Editor, XML-basierte FLA-Projekte, ein Snippet-Panel und eine Integration des Flash Builders.

CopperCube 3D: Spiele und Panoramen erstellen

Kürzlich bin ich über die Firma Ambiera gestolpert, die mich mit ihrem Angebot sehr beeindruckt hat. Die Softwareschmiede aus Österreich hat sich auf Multimedia-Anwendungen bzw. Spiele spezialisiert und bietet hierfür neben eigenen Dienstleistungen (Programmierung) auch interessante Werkzeuge zur Erstellung von interaktiven Flash-Applikationen an: Mit CopperCube lassen sich derartige Projekte ohne Programmierkenntnisse konzipieren und als Flash-Film exportieren — der Editor stellt praktisch eine fertige 3D-Engine bereit, die nur noch mit Inhalt gefüllt werden muss. CopperCube ist also eine Art Level- oder Map-Editor, mit dem sowohl Umgebungen für Spiele als auch dynamische Panorama-Anwendungen erstellt werden können. Wer schon mit 3D-Anwendungen oder Spiele-Editoren wie GtkRadiant gearbeitet hat, wird sich in CopperCube schnell zurechtfinden.

Komplexe 3D-Modelle können in externen Programmen wie 3ds Max oder Blender erstellt und anschließend importiert werden. Der Editor kann etliche 3D-Formate importieren oder exportieren (3DS, OBJ, DAE, LWO, STL, MD2, uvm.) und bietet zudem eine komplette Scripting- und Event-Umgebung an, mit der sich künstliche Intelligenz hinzufügen lässt. Die Demos auf der Website sprechen für sich.
Das Programm kostet als Einzelplatzlizenz 119 EUR und kann mithilfe der Dokumentation schnell erlernt werden. Ambiera bietet weitere Produkte wie die Sound-Bibliothek irrKlang oder den ActionScript-Obfuscator irrFuscator an, der für 69 EUR zu haben ist.
Insgesamt ist die Produktpalette sehr interessant, da sich aufwendige Multimedia-Projekte relativ einfach realisieren lassen. Die Panorama-Funktion ist genial, denn die fertige Flash-Animation beinhaltet Benutzerelemente zur Steuerung des Panoramas und kann sofort eingesetzt werden.

SWFAddress: Deep-Links in Flash-Seiten erzeugen

Flash-Websites sind im Bezug auf Google und Suchmaschinenoptimierung nur bedingt optimal. Auch wenn Adobe und Google inzwischen Möglichkeiten zur Indizierung von Flash-Inhalten anbieten, gibt es eine weitere Barriere, die gebrochen werden muss: Deep-Links, also tiefer führende Verweise. Genau hier setzt SWFAddress an, denn mit mit der ActionScript/JavaScript-Bibliothek ist es möglich, virtuelle Links für Flash-Seiten zu erstellen, so dass der Benutzer beim Aufruf eines untergeordneten Links auf den entsprechenden Bereich in der Flash-Animation weitergeleitet wird.

Die Demo zeigt anhand einer simplen Flash-Website die Funktionalität von SWFAddress.
Das Skript kann in ActionScript 3 (oder auch 2) genutzt werden und bedarf nur einer simplen Konfiguration. Im Flash-Film wird die SWFAddress-Bibliothek und der dazugehörige Code importiert und die gewünschten Schaltflächen bzw. Events werden anschließend mit Listenern versehen. In der Beispieldatei wurden globale Aktionen für Button-Events festgelegt:

• function btnClick(e:MouseEvent) {
• SWFAddress.setValue(e.target.deepLink);
• }

In den Button-MovieClips wird dann lediglich eine Aktion an einen Event-Listener gekoppelt (im Beispiel wird mit Bildmarkierungen gearbeitet, welche die Zielseite definieren):

• this.deepLink = '/about/';
• this.addEventListener(MouseEvent.CLICK, (parent as MovieClip).btnClick);

Auf der Website des Projekts kann ein umfangreiches Beispielpaket heruntergeladen werden, das Code-Bausteine für diverse Flash-Anwendungen enthält. Somit stellt SWFAddress eine praktikable Lösung für Deep-Links in Flash-Anwendungen dar — Unterseiten und bestimmte Bereiche von Flash-Seiten können so in die Lesezeichen aufgenommen oder auf Websites verlinkt werden.
Erst kürzlich hat Google einen neuen Standard vorgeschlagen, durch den sich Ajax-basierte Websites crawlbar machen lassen sollen. Dieser Punkt stellt momentan noch den größten Nachteil von Ajax-Inhalten dar.

3D im Browser: Aktuelle 3D-Engines für Flash

Die dritte Dimension im Browser wird immer populärer. Google bietet mit dem O3D-Plugin schon eine gute Lösung dar und bald könnte echte 3D-Grafik durch WebGL möglich gemacht werden. Die aktuellen Entwicklerversionen von Firefox und Safari unterstützen die Schnittstelle bereits, allerdings kann es noch eine ganze Weile dauern, bis die WebGL-Spezifikation standardisiert und fertig gestellt ist.
Adobe Flash stellt somit zum aktuellen Zeitpunkt immer noch die beste Lösung dar, um aufwendige 3D-Animationen, interaktive Spiele und virtuelle Rundgänge zu realisieren. Daher habe ich eine Liste der aktuellen 3D-Engines für Flash zusammengestellt, die größtenteils Open Source und frei verfügbar sind.

Fast alle Engines glänzen durch beeindruckende Beispiele und gute Dokumentationen. Neben Pixel-Engines gibt es auch reine Vektor- und Physik-Engines, mit denen sich sehr interessante Resultate erreichen lassen.
Hier also die verfügbaren Komponenten:

• Away 3D Flash Engine
• Papervision3D
• Sandy 3D Engine
• Alternativa3D (nichtkommerziell)
• JiglibFlash – 3D Physics Engine
• FIVe3D – Flash Interactive Vector-based 3D
• FFilmation – AS3 Isometric Engine
• 3DFS – Flash 3D Engine

Viele der genannten Erweiterungen wurden in ActionScript 3 entwickelt und sind somit auf dem aktuellen Stand. Viel Spaß damit!

Flash auf dem iPhone: Es geht doch

Für einen Knalleffekt sorgte Adobe gestern auf der MAX 2009: Mit dem kommenden Flash Professional CS5 soll es endlich möglich sein, Flash-Anwendungen für das iPhone entwickeln und über Apples App Store vertreiben zu können. Bei den Applikationen handelt es sich nicht um typische Flash-Dateien (SWF), sondern um native iPhone-Anwendungen, die mit Flash Professional CS5 direkt erstellt bzw. exportiert werden können. Eine detaillierte Beschreibung gibt es bei der Adobe Developer Connection.
Für eine Veröffentlichung in dem virtuellen Apple-Kaufhaus ist dennoch die Teilnahme am iPhone Developer Program erforderlich, welche 99 USD zu Buche schlägt. Das iPhone SDK kann kostenlos heruntergeladen werden und ist sehr komfortabel in der Benutzung — der iPhone-Simulator leistet ganze Arbeit, wobei das virtuelle Telefon weder gedreht noch geneigt werden kann (lediglich ein "Schütteln" ist möglich). Man darf gespannt sein, wie der Simulator in Flash Professional CS5 aussehen wird.

Wie auf John Nacks Blog zu lesen ist, wurde die Performance von Flash um 87% erhöht und der Speicherbedarf um 55% verringert. Erst kürzlich verkündete Adobe, dass Version 10.1 des Flash-Players für mobile Geräte verfügbar gemacht werden soll.
Nichtsdestotrotz untersagt die iPhone SDK-Lizenz weiterhin, den Flash-Player (oder Adobe AIR) per Runtime in der Safari-Version des iPhones auszuführen. Die Spannungen zwischen Apple und Adobe bestehen also weiterhin — dennoch möchte Apple seinen Kunden die bestmögliche Erfahrung bieten, was durch Flash-Applikationen auf jeden Fall gewährleistet wäre. Auf der Adobe Labs-Website gibt es bereits fertige Demo-Anwendungen, die sich per App Store installieren lassen.
Weiterhin gibt es in den Labs neue Beta-Versionen von Adobe Flash Catalyst und Adobe Flash Builder 4.

Adobe Cookbooks: Hilfe für ActionScript, Flex uvm.

Adobe bietet bereits mit der Adobe Developer Connection (ADC) eine tolle Anlaufstelle für Programmierer — nicht nur Flash- oder Flex-Entwickler finden hier diverse Ressourcen wie Beispiele, Dokumentationen und Artikel. Die Developer Connection bietet auch Anleitungen für Dreamweaver, Fireworks und viele andere Adobe-Produkte. Der Schwerpunkt liegt natürlich in den Bereichen ActionScript und Flex (MXML).
Als Ergänzung gibt es nun die Adobe Cookbooks, die eine große Auswahl an fertigen Rezepten (Recipes) für verschiedene Bereiche beinhalten. Die meisten Code-Snippets beziehen sich auch hier wieder auf Flash/Flex und die Entwicklung von Rich Internet Applications (RIAs).

Wer mit Flash und ActionScript arbeitet, wird in dieser Sammlung sehr viele nützliche Beispiele und Anleitungen finden. Beim Umstieg von ActionScript 2 auf 3 war für mich das ActionScript 3 Migration Cookbook sehr hilfreich, was jedoch separat zu den Adobe Cookbooks besteht.
Adobes Engagement im Bezug auf die Community ist sehr vorbildlich und wird in Zukunft bestimmt noch weitere interessante Früchte tragen.

FlashScope: Frische Links für Flash-Entwickler

Mit FlashScope gibt es endlich ein Portal für Links und Ressourcen aus dem Flash-Bereich. Das Projekt ist von Flash-Entwicklern für Flash-Entwickler und ist ganz im Stil einer klassischen Social Bookmarking-Seite: Die einzelnen Links können von Benutzern bewertet (Karma-Punkte) und kommentiert werden. Jede URL ist einem Bereich zugeteilt, so dass auf der Seite später auch noch Ressourcen zu Adobe AIR, After Effects oder Flex Platz finden sollen.
Obwohl das Projekt noch recht jung ist, zählt es mittlerweile schon etwa 90 Links.

FlashScope gehört auf jeden Fall in die Bookmarks, wenn man mit Flash arbeitet. Ein weiteres Projekt für Flash-Entwickler stellt HexoSearch dar — eine Suchmaschine für ActionScript. Wer dann noch mehr Informationen und Ressourcen für Flash sucht, sollte bei Kirupa vorbeischauen.