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. 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.
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.
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.
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.
Computational Art, Düsseldorf Rheinturm
Die Zielvorgabe war es mit ein paar groben Pinselstrichen ein Gemälde zu erzeugen. Lasst dem Zeichenprozess nach Start der Anwendung bitte ein wenig Zeit zum „malen“!
Durch einen einfachen Klick ins Gemälde wird der Zeichenprozess neu gestartet.
Zum betrachten braucht es den Flashplayer 9.
Abonnieren
Posts (Atom)