Allgemein (General)

• some nice talks http://vimeo.com/eyeofestival/videos #visual #media #art #design
• insideAR 2011 talks (Augmented Reality Conference) are online
• RT Our first title in the Maker Press series: DIY Bookbinding. Download the PDF book, bind it, and win a prize
• startnext.de ist die Crowdfunding Plattform für deutsche Projekte in Deutschland. Link via mein Bruder Lorenz
• Device Art: A New Form of Media Art from a Japanese Perspective

Generative Art:

• Our lecture from the "Design the Future" series at Carnegie Mellon University is now online

Info Design and Visualization

• Sense of Patterns, visualizing mobility data in public spaces (via @moritz_stefaner)
• RT Great talk by @mbostock on the smooth d3 force layout | interactive slides
• Linz published some local data about their area - Linz Open Data project via @mkalten
• RT http://pachube.com (platform for internet of things) is now free. No excuses now not to use it!
• RT If you are into big data streams, this service should get you excited: http://datasift.com/ (now if they had some nice visualizations...
• Royal Society journal archive made permanently free to access.

UX and Interaction Design:

• nice article about problems of gesture based interaction  reminds me on my old paper
• very nice: TapSense: Enhancing Finger Interaction on Touch Surfaces
• Touch Vision Interface has a really nice interaction approach for augmented reality apps
• Between the Tag and the Screen - A PHD Thesis by Kjetil Nordby
• sweet but not cheap: International Journal of Creative #Interfaces and Computer Graphics (IJCICG)

Projekte und Experimente (Projects and experiments)

• "An Urban Sensation" overlay live CCTV footage to a 3D model of the urban environment
• nice project openpaths.cc by the New York Times Lab

Neue Technologie (new Technologies)

• Another tool and software for 3d projection mapping http://www.madmapper.com their blog is also pretty informative
• nice resource and software for 3D projection #mapping #visual #design #interactive #installation #art
• Amazing! Render 3D objects into photos: Rendering Synthetic Objects into Legacy Photographs
• KinectFusion - a research project that lets users generate high-quality 3-D models in real time using Kinect.
• Some nice development is going on... Augmented realtiy #tracking for #mobile devices
• Publication: Future Textiles

Programmierung und Software Design (Programming)

• Seems to be an interesting article: Ladder Of Abstraction by Bret Victor
• RT In case you want to work with maps in processing, here is your open source library: unfolding by @tillnm
• RT iGeo is free and open source 3D modeling software library for processing for architecture and product design
• RT Google Mapper for Processing is a library that enables you to download images of any size from Google Maps.
• RT howto use svg for rigged 2D-animations in processing
• RT a new HTTP Library for processing for GET,POST,oAuth and more
• RT Finally a good overview of all openFrameworks addons:

Physical Computing

• Nice resources and inspiration for fixing and repairing (electronic) objects via @make
• Fab@home is working on a decentralized factory approach for your home
• Infrared 101

Game Developing:

• Very nice collection of old school Game title screens
• RT Photo-realistic game engine from Square Enix
• Citrus Game Engine Now Free and Open Source
• Create Flash and iOS Games via Editor Stencil  via @andremichelle and @jensfranke looks nice!
• Construct 2 - A visual HTML5 game development tool
• Very good blog about Game Design! http://www.lostgarden.com/

Flash and Flex

• RT AIR Developer Center | Using Flash Builder 4.5 to package applications for Apple iOS devices
• Fast and easy! The Flex 4 Spark Framework Architecture for (ui) component development by David Deraedt
• Great article on #Flex 4 skin programming by @mraad . Focusing on #performance and reducing boilerplate code
• Talking Trash – An overview of #Flash Player Garbage collection
• RT Introducing opensource evoSpicyParticleEngine
• RT Particle Editor for #Starling. Blog Post | Tool (cc @leebrimelow @thibault_imbert )
• RT Check out this incredible Stage3D AGAL sandbox by @li_palebluedot - a fun way to learn AGAL shaders.
• some nice generator tool for enum and value objects
• That's sound cool vor enhancing your personal workflow: Creative Suite Extension Builder
• Not so new but still interesting whitepaper comparing AJAX and Flex in terms of productivity and etc via flexlabs
• Nice article for identifying the best web target platform. If it is Flash or HTML5

Related posts:

1. My most important Twitter Messages #6
2. My most important Twitter Messages #10
3. My most important Twitter Messages #11

Some time ago I ported the great Harmony drawing app by Mr. Doob to Max/Msp. This Max/Msp Version I used for my media installation "Sound drawings". During the development and testing with the musicians I was not so happy with my workflow. Furthermore I felt that the Max/Msp environment causes some certain useless obstacles for me. Especially for the visual part of my work. Now I have time to check how useful Flash can be as a renderer. The first step was to port the drawing functions to ActionScript. Here is the result:

For drawing in full size mode please visit the html File. The code is available on my Google project site. Before using the code in your projects, please check the requirements of the GPL license Version 3 and read Mr. Doobs blog post about using his code. The API is still the same as the orginial JavaScript version. Every brush has to implement the IBrush Interface methods:

public function init(); // for re-creating the brush (after calling destroy)
public function destroy(); //destroy the brush data and free the memory
 
////////// Drawing functions ///////////////
public function strokeStart(mouseX:int, mouseY:int):void; // set first drawing point
public function stroke(mouseX:int, mouseY:int):void; // set following drawing points
public function strokeEnd():void; // stop drawing

Brushes are very easy to use, but for performance issues you have to consider, that the drawing commands are expensive for the computer. I already ran into some performance problems after a few seconds. For this reason, I decided to store the drawing result of each frame into a BitmapData object. The Hype Framework is using the same approach. Here you can see the most important code lines for the bitmap storing approach...

public fundction handleEnterFrame(e:Event):void {
   // some code before
 
   // draw the stroke for one(!) frame
   brush.stroke(e.target.mouseX,e.target.mouseY);
   // save the drawing in a bitmapData Object for performance
   bmpCanvas.draw(canvas);
   // clean the canvas again for new drawings.
   canvas.graphics.clear();
 
  // some code later...
}

Nothing more I can say. Have fun and keep on coding!

Related posts:

1. Mr. Doobs Harmony drawing APP ported to MAX / MSP
2. Harmony in Max / MSP with multiple brushes

Download SWFObject  Code Example

Related posts:

1. Working with Vimeo Moogaloop API in Flash
2. Vimeo Moogaloop in Flex – FlexVimeoPlayer Component
3. An Adobe Air Component for the Vimeo Moogaloop API

Es ist endlich geschafft und auch noch rechtzeitig zu Weihnachten wurde die Version 1.2 meines Interactive Webcam Packages fertig gestellt. Viel hat sich in der Funktionalität zur Version 1.0 eigentlich nicht getan, ausser dass das Interactive Webcam Package nun komplett auf ActionScript 3 portiert wurde.
Aber der damit verbundene erhebliche Perfomancesprung von ActionScript 2 auf ActionScript 3 und die neuen Open-Source Projekte (wie z.B. Papervision 3D) ermöglichen einige neue interessante Anwendungsfelder für das Interactive Webcam Package. Als kleinen Vorgeschmack und für eine bessere Vorstellung wie solch eine Kombination aussehen könnte, habe ich für euch zwei Videos meiner neuen Webcam Experimente mit hochgeladen, die in Kombination mit der Papervision3D Engine entstanden sind.

Der Sourcecode dieser Experimente liegt in dem zip-File des Interactive Webcam Packages bei, so dass jeder damit ein wenig rumspielen kann. An dieser Stelle möchte ich mich noch bei den Entwickler der Papervision3D Engine,John Grden für das XFighter Modell und Jens Franke für seinen Papervision3D Vortrag und seine Utility Klassen bedanken. Ohne diese hilfreichen Tools hätte ich diese zwei kleinen Experimente auf jeden Fall nicht so schnell realisieren können.

Nochmal kurz zum Aufbau und zur Struktur des neuen Interactive Webcam Packages. Da sich bekanntlich die Flash API Struktur von ActionScript 2 auf ActionScript 3 schon gut verändert hat, musste ich auch ein bissl an der Struktur des Interactive Webcam Packages rumschrauben. Da die Klassen aber nicht so mega umfangreich sind, hat sich eigentlich nur das Eventhandling nennenswert verändert. So dass jetzt alle Events mit der bekannten ActionScript 3 addEventListener() Funktion abgefangen und bearbeitet werden müssen. Aber über solch eine Änderung lacht ja ein eingefleischter AS3 Coder . Für alle anderen offenen Punkten soll die beigelegte Dokumentation des Interactive Webcam Packages für Klärung sorgen. Dabei orientiert sich die Dokumentation an der etablierten Flash Hilfe. Aus diesem Grund sind alle möglichen Klassenmethoden und Attribute erklärt und mit Beispielcodes versehen. Sollte es dennoch Fragen oder Probleme geben, scheut euch nicht mich anzuschreiben oder hier zu posten. Ich werde dann mein Bestes geben.

Nun aber genug von mir, wünsch euch allen frohe Weihnachten und viel Spass beim Flashen im neuen Jahr!

Related posts:

1. AS2: Interactive Webcam Package
2. Webcam User Interface
3. Webcam – Lightwriter Version 2.0

Seit einiger Zeit spiele ich schon mit bildbasierter Interaktion rum (wie man es im meinen Experimenten Bereich gut sehen kann:-). Leider liesen sich die bisherigen Klassen nicht so einfach ohne Änderung für andere Experimente verwenden. Aus diesem Grund habe ich mich jetzt nochmal hingesetzt und die Klassen richtig aufgeräumt bzw. auch zum Teil verbessert.

Das Lichter Tracking arbeitet endlich auflösungsunabhängig (funzt somit auch in 640x480px) und wirft schön Events, die ihr mit einem einfachen Listener Objekt abrufen könnt.
Die CamButton Klasse wurde komplett überarbeitet. Es gibt jetzt eine CamButtonManager Klasse mit der man dann die Cam Buttons erzeugt, ganz nach dem Prinzip des Factory Pattern. Die CamButtonManager Klasse überprüft desweiteren ob der Button aktiv ist oder nicht und führt dementsprechend das Ereignis aus. Was mir aber am besten gefällt ist, dass jetzt in zwei verschiedenen Modi gearbeitet werden kann. Einmal der bisher bekannte Modus mit dem Differenzkey (wo man vorher ein Snapshotbild ohne User erstellen musste) und jetzt gibt es neuerdings noch dazu den Modus Motion Detection, der ganz nach dem Prinzip von Guy Watson arbeitet. Nur dass man bei meiner Version die Menge der Frameüberlagerungen zur Laufzeit einstellen kann. ;-p

Das wars auch schon im Groben an Neuerungen. Ich hoffe mit den Klassen kann jetzt jeder ein bissl schneller mit bildbasierter Interaktion herumspielen. Die Klassen könnt ihr euch mit Codebeispielen und einer ausführlichen Dokumentation hier runterladen:

Download: Interactive Webcam Package mit Klassendoku und Beispiel Codes

Ich würde mich sehr über euer Feedback freuen!

-- UPDATE 22.12.2007 --
Es gibt ein neues Update des Interactive Webcam Packages für ActionScript 3. Mehr Infos hier.

Related posts:

1. AS3: Interactive Webcam Package 1.2
2. Webcam User Interface
3. Webcam – Lightwriter Version 1.0

Eine kleine Sammlung von sehr guten Helferlein Klassen und umfangreicheren Klassenbibs für das Lösen grösserer Flashproblemen

Allgemein:

• as2lib.org :AS 2 -verbessertes Event- und Error-Handling uvm.
• Pixlib :AS 2 - Logging, Data Preloading uvm.
• senocular.com :AS 1-3 - Utility-, Drawing und GUI Klassen uvm.
• Data Structures :AS 3 - Datenstruktur Bibliothek
• PaperVision 3D :AS2 und 3 - Flash 3d Bibliothek
• flashsandy.org :AS 2-3 - Flash 3d API
• motor2 :AS3 - Flash Physik Engine für Games und sonstiges
• APE :AS3 - Flash 2D Physik Engine für Games

Filter und Animation:

• Image Processing Bibliothek :AS 3 - Bildbearbeitungsklassen
• popforge :AS 3 - Audiofilter und -bearbeitungs Framework und noch andere sehr brauchbare Dinge
• flash-fmp.de :AS 1 und 2- Filter Managing Prototyp Klassen
• Twease :AS2- datenschlanke Tweening Engine für Werbebanner und Komponenten
• Fuse AS Animations- und Filter Bibliothek
• robertpenner.com :AS1 und 2 - Easing Animations Klassen für Abbremsen und Beschleunigung
• Animation Package :AS 2 und 3 - Animations Bibliothek
• tweener :AS2 und 3 - Bibliothek für Tweenings

Interaktionsklassen:

• aswing.org :AS 2 und 3 - Bibliothek für RIA GUIs
• Yahoo! ASTRA :AS3 - Bibliothek für RIA GUIs
• betriebsraum.de :AS 2 -Klassen für Menüleisten, Statusboxen, Browser- Usability usw.
• flare :AS3 - API für interaktive Informationsvisualisierung

Datenkommunikation:

• wiiflash.org :AS3- API für Wiimote und FLash
• swxformat.org :AS2- Datenformat API für eine Art Flashremoting mit PHP (besonders gut geeignet für Mobile Endgeräte - Flash Lite)
• amfphp.org :AS2- Flash Remoting API mit PHP
• AMF.NET :AS2- Flash Remoting API mit .NET
• Flashinterface :AS 2 und 3 - Kommunikation zwischen der AS Virtual Machine 1 und 2
• Xpath4as2 :AS2 - Bibliothek für X-Path Funktionalität
• Fzip :AS3- Klasse für Zip Daten Bearbeitung
• SMTP Mailing :AS3- Klasse für Email-Funktionalität
• JPEGencoder :AS3 - Speichern von .jpgs nur mittels Flash
• PNGencoder :AS3 - Speichern von .pngs nur mittels Flash

Generell findet man immer wieder sehr interessante Projekte auf der osflash.org Seite, sowie auf der Seite actionscriptclasses.com gibt es desöfteren einen kleineren Helferlein .

-- UPDATE 27.09.2007 --
Auf Google Code Project kann man eine ausführliche Auflistung vieler ActionScripts APIs und Bibs bekommen, ähnlich wie bei OSFlash. Dank an dieser Stelle an Simon Schweizer, der mich darauf aufmerskam gemacht hat!

Related posts:

1. My most important Twitter Messages #4