//
onload="prettyPrint()"

iPhone controls flash 3d graphics

Mit einem iPhone, der neuen Flash CS5 Demo und zu viel Zeit würde ich auch gerne mal rumexperimentieren.

3D Tag cloud

Beim entwickeln mit Away3D lite ist mir die Idee gekommen eine 3D Tag cloud zu scripten.
Die so entstandene 3D Tag cloud unten ist noch ein früher Prototyp der seine Daten zumindest schon einmal aus einer XML Datei lädt.
In der XML Datei können die einzelnen Tags gesetzt, und über Parameter entsprechend gestaltet werden. So kann z.B. die Schriftgröße frei bestimmt werden, oder man nimmt eine andere Textfarbe. Genauso werden in der XML Datei auch die Textinhalte und Links gesetzt.
Als einziges Beispiel für eine mit Flash erstellte 3D Tag cloud hab ich bisher nur das „WP-Cumulus“ Wordpress-Plugin von Roy Tanck finden können, dass aber recht gut verbreitet zu sein scheint.
Ich werde an meiner Version noch was weiterentwickeln und dann ggf. hier die Source-Files veröffentlichen.
Zum betrachten der 3D Tag cloud braucht Ihr die neueste Version vom FlashPlayer 10.

YouTube Chromless API VS. Flashplayer 10,0,2

Nach der ersten Begeisterung folgt die große Ernüchterung. Nach diversen kleinen und erfolgreichen Tests wollte ich mit der „Youtube Chromless API“ einen kleinen Schritt weiter gehen. Zeitgleich mit der Youtube API hab ich mir die neue Away 3D Engine für den Flash Player 10 angeschaut, die dank Pixelbender mächtig mehr Speed unter der Haube hat als die aktuelle Version der Papervision Engine. Die Idee war das Youtube Video in ein BitmapData zu zeichnen um dieses als Texture für eine Sphere zu benutzen… Und genau hier bin ich das erste mal auf das Problem, oder besser gesagt, die für mich bisher unbekannte Fehlermeldung gestoßen: „Fehler: http://xyz konnte nicht geladen werden, da als Content-Disposition "attachment" festgelegt war.“
Mit dieser Fehlermeldung konnte ich zunächst gar nichts anfangen und zudem kam noch das Problem hinzu, dass ich den nahezu identischen Code aus der „YouTube Flash Player API Reference“ bereits erfolgreich getestet hatte. Allerdings hatte ich zu Begin aus Bequemlichkeit in der Flash CS3 IDE für den Flash Player 9 gescriptet. Bei „größeren“ Projekten hingegen schreib ich meinen Code am liebsten mit FlashDevelop und kompiliere ihn über die Flex SDK (Ver.: 3.4) entweder für v9 oder v10.
Und genau hier entsteht das Problem. Sobald man für den Flash Player 10 entwickelt wird man spätestens ab Player Version 10,0,2 mit den geänderten Sicherheitseinstellungen konfrontiert. Manch ein HTTP Server sendet einen so genannten „response header“, der wie folgt aussehen kann: „Content-Disposition: attachment“. Das verhindert, dass das zu ladende File abgespielt, bzw. korrekt eingeladen werden kann. Und genau diesen Header scheint der Youtube Server auch zu senden, denn die Youtube API ist nicht mehr in der Lage irgentwelche Videos zu laden. Der Player (+Logo) ist zu sehen und die Methoden kann man auch ansprechen, aber das Laden ist wie gesagt unmöglich.
Der onPlayerError Handler gibt mir zudem die Fehlermeldung „player error: 0“ aus. Laut Referenz sollte es aber nur diese Fehlermeldungen geben: „The possible error codes are 100, 101, and 150.“
Das ganze funktioniert also nur für den Flash Player 9, nicht aber für den 10er Player wegen der geänderten Sicherheitseinstellungen. Das ganze gibts hier schwarz auf weiß!

Bitte korrigiert mich falls ich daneben liegen sollte.

YouTube Chromless API Developers Interview

Hier noch ein kleines Interview mit einigen Entwicklern von Youtube/Google über die YouTube Chromless API. Dabei ist auch Geoff Stearns, der Flash Engineer vom Youtube Player.


YouTube Chromless API in Aktion

Endlich ist es möglich ohne größere Umwege Youtube Videos in sein AS3 Projekt zu laden. Auf Google Code gibt es seid kurzem die „YouTube Chromless API“ die dies ermöglicht. Dank der ausführlichen Referenz und 2 kleinen, aber ausreichenden Beispielen fällt der Einstieg sehr einfach.
Ich hab zum testen direkt ein kleines Beispiel gebaut mit einer minimalen Videosteuerung. So kann man das Video abspielen/pausieren lassen und auf lautlos stellen. Natürlich wären alle vom Youtube Player bekannten Steuerelemente möglich, wie sich in der Referenz nachlesen lässt, aber für dieses kleine Beispiel muss das Vorhandene reichen.

Zum testen hab ich noch die Möglichkeit Youtube Videos zu laden mit eingebaut. Man kann das Video entweder über die Video ID, oder die Video URL in den Player laden.



Um ein anderes Video in den Player zu laden müsst Ihr also einfach entweder wie im Bild zu sehen die Video URL kopieren, oder die rot makierte Video ID nehmen und diese unterhalb des Fernsehers in die entsprechende Textbox einfügen und auf LOAD klicken.

Wer mit dem Beispiel aus der Referenz nicht klar kommt und Security Fehler wie
Sandbox-Verletzung“ usw. erhält, der sollte folgende zeile code mit in sein Projekt einfügen:
flash.system.Security.allowDomain( "http://www.youtube.com" );

Footprints in the sand

Bei der Entwicklung eines kleinen Spiels gab es die Grundidee, dass der Spieler eine Linie zu einem bestimmten Ziel zeichnen muss. Hat der Spieler sein Ziel erreicht folgen der gezeichneten Linie Fußabdrücke und das Level ist beendet.
Genau diesen Part aus der Engine für das Spiel hab ich jetzt dazu benutzt, um mit der Maus Linien in den Sand zu malen und im Anschluss von Fußabdrücken nachgehen zu lassen.
Sieht ganz lustig aus wie ich finde. Zeichnet einfach bei gedrückter Maustaste in den Sand rein. Lasst Ihr die Maustaste los wird die von Euch gezeichnete Strecke abgegangen.

drawSketchedLine

Eine kleine Spielerei die sicher für den einen oder anderen interessant sein könnte.
Mit den Zeichenmethoden (movoTo und lineTo) der Graphics Klasse kann man nur durchgehende und gleichmäßige Linien zeichnen. Im Netz gibt’s schon sehr viele Lösungen um gestrichelte bzw. gepunktete Linien zu erstellen, aber ich konnte im Web nichts finden um „gemalte“, oder anders gesagt nicht ganz korrekt gezeichnete Linien zu erstellen.
Im Flashforum kam jetzt genau die Frage nach einer solchen Methode/Funktion auf. Die kleine Funktion war schnell geschrieben und kann natürlich auch sehr einfach in eine Methode umgeschrieben werden. Den Actionscript Code und ein paar erklärende Worte zum zeichnen der „sketched lines“ gibt’s hier.
In dem Beispiel unten könnt Ihr einfach mit der Maus wild rumklicken um Linien zu zeichnen. Unten könnt Ihr diverse Parameter verstellen und somit das Aussehen der Linien beeinflussen.

Quick As A Flash

Grant Skinner hat auf der FOTB09 einen Vortrag gehalten wie man seinen Code optimieren kann um mehr Geschwindigkeit zu erreichen. Die „presentation slides“ von Quick As A Flash“ sind jetzt online und wirklich für jeden empfehlenswert zu lesen der mehr aus seinen Anwendungen rauskitzeln möchte.
(Gesteuert wird die Präsentation einfach mit den Pfeiltasten)

iPhone Applikationen mit Flash CS5 entwickeln

Lange mussten wir Flasher warten, aber jetzt endlich kommt mit dem neuen Flash CS5 die Möglichkeit Applikationen für das iPhone zu entwickeln! Hierbei muss aber erwähnt werden, dass man ausschließlich App’s entwickeln kann.
Das iPhone selbst hat weiterhin keinen eigenen Flashplayer und kann entsprechende Webinhalte wie gehabt NICHT darstellen.
Die mit Flash erstellten App’s werden als native iPhone Applikationen exportiert. Für den iPhone User hat das den Vorteil, dass sich diese App’s gegenüber den bisherigen nicht unterscheiden. Alles bleibt wie gehabt und somit entstehen keine zusätzlichen Hürden beim herunterladen bzw. installieren, was für den Vertrieb sicher sehr förderlich sein dürfte. Es gibt sogar schon erste diverse Flash App’s im offiziellen App Store zu kaufen. Weitere Infos zu dem Thema gibt’s hier im Video2Brain Blog oder im folgenden Videoausschnitt von der Adobe MAX 2009.



FOTB09 Trailer

Nach 2007 und 2008 wäre ich auch dieses Jahr wieder gerne dabei gewesen bei „Flash On The Beach“, aber leider hat es nicht geklappt. Der aktuelle Trailer macht noch mal Lust auf die Konferenz, aber es ist nun mal zu spät. Wer alle Details von der Konferenz in Brighton nachlesen möchte kann dies unter anderem beim Flashmagazin tun.
Nächstes Jahr klappt der Trip nach Brighton hoffentlich wieder.

Mein Dell Inspiron 9400

Ich bin die letzten Wochen leider kaum zum bloggen gekommen. Das lag zum einen an meinem Urlaub in Frankreich, den ich mal fernab von Computern verbringen wollte und zum anderen an meinem Dell Inspiron 9400 Laptop beim dem jetzt innerhalb von ca. 9 Monaten die Grafikarte schon zum zweiten Mal abgeraucht ist. Das Ganze ist zwar noch ein Garantiefall, aber trotzdem kaum weniger ärgerlich. Jetzt ist das Gerät beim Hersteller zur Reparatur, allerdings ist da im Versand wohl was schief gelaufen weshalb ich noch 2 Wochen länger warten darf bis ich das Gerät wieder in Betrieb nehmen kann. Eigentlich war ich zu Begin echt positiv überrascht vom Inspiron 9400, und da bin ich nicht der einzige. Es gibt viele positive Testberichte im Internet. Doch nach dem zweiten Grafikkarten Crash bei mir und dem 5 Grafikkarten Crash insgesamt bei mir in der Firma bin ich doch wirklich sehr enttäuscht und kann jedem interessierten nur vom Kauf abraten. Mein Gerät, bzw. die Geräte in meiner Firma scheinen kein Einzelfall zu sein. Im Internet kursieren zahllose Erfahrungsberichte über die miesen Grafikkarten und den sehr teuren Reparaturservice wenn man nicht mehr in der Garantiezeit ist.
Klar, inzwischen gibt’s Nachfolgemodelle. Ich hoffe die Leute bei Dell haben bei den Nachfolgern bessere Arbeit geleistet.

Hi-ReS! Stats

Nicht unbedingt neu, aber für die jenigen die es noch nicht kennen auf jedenfall mal einen Blick wert. Denn mit den Hi-ReS! Stats hat Mr. doob eine schöne, kleine und vor allem kompakte Infobox für Actionscript 3, Javascript und haXe erstellt. Diese kleine Infobox zeigt grafisch und natürlich auch mit Zahlen wie eure Anwendung die Performance rockt.
Vier verschiedene Werte werden hierbei angezeigt. Die FPS (Frames per second), die MS (Millisekunden um ein Frame zu rendern), den MEM (Speicher der gebraucht wird) und den MAX (Maximale Speicherauslastung). Mehr Infos und den download gibt’s HIER.

Adobe Flash Player Version Penetration

Die aktuelle Verbreitung des Flash Players für Juni 2009.
Laut den Zahlen von Adobe liegt die Verbreitung des Flash Player 9 in Europa bei 98.1% und des Flash Player 10 bereits schon bei 85,8%! Es besteht nach diesen Zahlen also kaum noch ein Grund für ältere Flash Player Versionen zu entwickeln.
Die Actionscript 2 Ära neigt sich endlich langsam aber sicher ihrem Ende entgegen. Wenn es aktuell noch Projekte mit älteren Flash Player Versionen gibt dann sind das zu 90% Bannerproduktionen.
Hier gibt’s alle Zahlen von Adobe.

Red Bull Soapbox Racer

Die Agentur LESS RAIN hat mit dem „Red Bull Soapbox Racer“ ein beeindruckendes Flash Spiel entwickelt. Neben dem massiven und sehenswerten Einsatz einer 3D Engine überzeugt das Spiel durch eine durchweg schöne Optik, tollen Sounds, Spielspaß, Physik und einer lange andauernden Motivation. So ist es nicht nur möglich sich sein eigenes Renngefährt zu „basteln“, sondern man ist auch in der Lage eigene Strecken zu konstruieren und Freunde zu einem Rennen einzuladen! Mehr Infos zu dem Spiel gibt’s hier. Schaut Euch das Video an und spielt einfach mal los.

Content wieder erreichbar

Gestern Abend musste ich feststellen das alle SWF Dateien die hier im Blog angezeigt werden und bei Google Sites abgelegt waren nicht mehr laden wollten... warum auch immer?!
Ich hab jetzt fast alle SWF Files auf meinen Server kopiert und die Verlinkung geändert. Es sollte also wieder alles an Content erreichbar sein.
Wenn irgendwo noch was fehlt oder nicht klappt bitte kurz eine Email schreiben.

AS3Dmod

Wer sich mit Flash und 3D beschäftigt wird mit großer Wahrscheinlichkeit eine der folgenden Engines verwenden. Papervision3d, Away3d, Sandy3d oder Alternativa3d. Mit AS3Dmod hat Bartek Drozdz eine schöne Bibliothek geschrieben mit der man seine 3D Objekte modifizieren kann. Egal welche Engine im Einsatz ist. Aktuell gibt es 7 „Modifiers“, Bend, Noise, Skew, Taper, Bloat, Perlin und Twist. Es gibt sogar eine kleine Doku.

FlashDevelop 3.0.0 RTM

FlashDevelop ist veröffentlicht worden. Vorbei ist endlich die Beta Phase. FD 3.0.0 RTM ist da! Meiner Meinung nach gibt es kein besseres kostenloses Tool zum Scripten.
FD in Verbindung mit der Adobe Flex SDK ist einfach der Hammer. Seinen Code mit FlashDevelop schreiben und das veröffentlichen der SWF Datei mit der Flex SDK ist super einfach. Wenn man dazu Flash installiert hat, ist es ein leichtes selbst erzeugte „SWC“ Dateien zu nutzen, um z.B. mit der Timeline von Flash erzeugte Shape Tween Animationen in seine RIA einfließen zu lassen.
Screenshots und neue Features zu FD gibt’s hier zu sehen.

Edit:
Eine Übersicht an mehr oder weniger nützlichen FlashDevelop Plugins gibt es hier.

The “Flashy” future of TV

Anup Murarka von Adobe über die Zukunft von Flash im Einsatz bei Mobiltelefonen und HD Tv's. (Sprache: Englisch):

Video gefunden auf: building43 und Flashforum.

3D Tornado

Nochmal ein kleines Experiment zum Thema Spirale, bzw. Helix. Diesmal in Form eines Tornados. In diesem Fall wird keine Linie mehr in den 3 dimensionalen Raum gezeichnet, sondern 600 Partikel bewegen sich anhand bestimmter Parameter und bilden zusammen den Tornado. Der Tornado bewegt sich per Zufall über die Erde und mit der Maus könnt Ihr das Szenario drehen und wenden wie Ihr wollt.

3D Helix Random Art

Wieder eine Spirale, besser gesagt eine Helix. Ich habe probiert die Spirale aus dem vorhergegangenen Beitrag in den 3 dimensionalen Raum zu übertragen und mit Hilfe der Papervision 3D Engine war das innerhalb kurzer Zeit geschafft.
Um den Zeichenvorgang zu starten müsst Ihr einfach auf den „Start“ Button, oder in die Anwendung klicken. Die Linien werden mit der Papervision eigenen Line3D gezeichnet.
Um die Helix zu drehen bewegt einfach die Maus über der Anwendung.
Ab einer gewissen Anzahl an Linien leidet jedoch die Performance. Ihr könnt den Zeichenvorgang aber jederzeit abbrechen indem Ihr auf den „Close“ Button oben rechts klickt.

Helix Random Art

Hinter dem Begriff „Helix Random Art“ verbirgt sich eigentlich nur eine kleiner Algorithmus der dynamisch und mit verschiedenen Parametern unterschiedliche Spiralen zeichnet. So sind bei jeder Zeichnung Merkmale wie Strichstärke, Farbe, Abstand, Kreisradius usw. verschieden und ergeben so jedes Mal eine einzigartige „Zeichnung“.
Zum starten einfach in die Anwendung, bzw. auf den „Start“ Button klicken.
Um eine neue Zeichnung zu beginnen einfach wieder in die Anwendung klicken und eine neue, andere Spirale wird gezeichnet.



Und hier noch eine Variante in der ein Foto verzerrt wird. Diesmal entsteht der Effekt nicht schrittweise, sondern wird direkt komplett auf das ganze Foto angewandt.


Aviary - „Der Browser als Photoshop-Ersatz“

Nachdem jetzt sogar schon Spiegel Online über Aviary berichtet hat will ich mich auch mal anschliessen. Also, schaut Euch Aviary unbedingt mal an! :)
In Sachen Bildbearbeitung und kreativen Tools für Bildeffekte bietet Aviary unzählige Möglichkeiten. So ist es z.B. mit dem Peacock Tool von Mario Klingemann möglich mit Modulen auf sehr einfache art und weise Bearbeitungsabläufe zu generieren und somit interessante Bildeffekte zu erstellen. Neben Peacock gibt es noch andere Tools wie Falcon, Talon, Phoenix, Raven und Toucan. Phoenix ist in dem Paket das eigentliche Bildbearbeitungsprogramm und der online Ableger von Adobe's Photoshop. Und dafür das eine Standart Mitgliedschaft kostenlos ist, kann man mit Phoenix, Peacock und den anderen Tools tolle Ergebnisse direkt im Browser erziehlen.
Allerdings ist vieles sehr experimentell und man braucht viel Zeit um sich in bestimmte Tools einzuarbeiten. Besonders bei Peacock schiebt man zu Begin Module wild zusammen und staunt über die fabrizierten und manchmal gelungenen Resultate. Die erzeugten Pixelbilder lassen sich im JPG, Gif, Tiff und PNG Format auf dem Rechner speichern.

Text Effekt mit "getCharBoundaries"

Ein simpler Texteffekt. Die Besonderheit hierbei ist, dass es sich um echten Text, also ein normales TextField in Flash handelt. Nachdem der Effekt abgelaufen ist kann man den Text selektieren und z.B. per Copy&Paste aus dem TextField holen, wie man das von „normalen“ Texten auch kennt.
Mit der „getCharBoundaries“ Methode ist es seid Actionscript 3 endlich möglich pixelgenaue Positionsangaben von jedem einzelnen Buchstaben in einem Textfeld zu ermitteln.
Ohne diese neue Methode hätte sich der Effekt in dieser Form nicht realisieren lassen.
Als Tween Engine hab ich mich auch hier wieder für TweenLite entschieden.


Um die Animation zu starten klickt einfach auf den START Button unten rechts im Fenster. Unten links könnt Ihr Eure eigenen Texte eingeben.

Fireworks, Japantag in Düsseldorf am Rheintum

Inspiriert durch das Feuerwerk am Japantag in Düsseldorf hab ich mich mal an einem kleinen Feuerwerk Effekt mit Actionscript 3 versucht.
Nachdem Ihr auf den Startknopf geklickt habt könnt Ihr einfach so oft Ihr lustig seid ins Bild klicken um neue Raketen zu starten.
Zum betrachten braucht Ihr den Flashplayer 9.

Um die Anwedung zu starten klickt am besten hier.



search




Powered by Blogger


Flashforum.de

flashconference.de

Kirupa.com


createordie.de


flashdevelop


firefox


flash on the beach


flash on the beach



© 2008 Niklas Knaack | NKUNITED.DE blog template by GeckoandFly. Modified by Niklas Knaack.
No part of the content or the blog may be reproduced without prior written permission.