Archive for the 'Source code' Category

AS3->openFrameworks at DotBrighton


It was great to be invited to speak at DotBrighton (formerly FlashBrighton) by Flash maverick Seb Lee-Delisle. I saw this as an excellent opportunity to talk about getting started with openFrameworks from the perspective of an Actionscript developer. The session was pretty tech heavy but it went well with plenty of questions throughout and lots of positive feedback afterward.

As promised, the source code is now available here. You can also get the slideshow in PDF format here.

If you missed the talk and you’re based in or around London on 25th November, I’ll be doing it again at LFPUG. This will actually be hosted by the digital agency I work for, Skive. Also speaking that night is Filip Visnjic of so it should be an interesting evening.

****** UPDATE ******

The video of this talk has just been put online for all to enjoy:

***** EDIT *****

I should point out that there’s a bit of confusion around 18:40. Just to clear up, the main.cpp file is not part of the testApp class. It is there purely to start the program up.


Add to FacebookAdd to DiggAdd to Del.icio.usAdd to StumbleuponAdd to RedditAdd to BlinklistAdd to TwitterAdd to TechnoratiAdd to FurlAdd to Newsvine

This was my first dip into the fantastic Arts based C++ toolkit openFrameworks. I actually made this a few months ago but haven’t had time to put the video footage together.

So here’s what’s happening:

This installation attempts to reconstruct the camera images from a collection of 3000 square sections taken from previous frames. The result is a chaotic animated grid that continually attempts to achieve order.

Each visible grid item compares its corresponding region of the camera frame with 10 randomly selected squares from the collection. The closest match is compared with the current visible square and and the closest of these two is displayed.

If you stay still for long enough, the camera image will appear to completely rebuild itself.

Phew! Confused? If so, feel free to have a look at the source code.

Augmatic open source repository

Add to FacebookAdd to DiggAdd to Del.icio.usAdd to StumbleuponAdd to RedditAdd to BlinklistAdd to TwitterAdd to TechnoratiAdd to FurlAdd to Newsvine

I’m a big advocate of open source. Sharing your work can improve the software, the community and your Karma levels. It’s also a great way to give back to the giants whose shoulders we stand on.

I’ve decided to go open source with all of my FLAR work to date*. This body of work can be found at the Augmatic Google code repository. There are almost 20 FLAR projects here including:

AR Business card
E Sting submission
Augmented Ribbons
Wallpaper AR Issue
Damashek AR Xmas Card
Fractal’10 Ident

I hope they come in handy for those learning AR and 3D in Flash. Make sure you do the right thing though. Simply changing a couple of colours and reselling my hard work is not the done thing.

If anyone manages to improve any of these projects, please let me know and I’ll update them with full credit.

*This doesn’t include the LearnAR project as the client purchased an ARToolworks licence.

LFPUG presentation resources

I just presented an introduction to FLAR at the London Flash Platform Users Group (LFPUG). Definitely my best talk so far.

As promised here are the resources and examples mentioned in the talk, along with the source code and slideshow (Keynote and PDF):

FLARToolkit – Alchemy branch
Flare – Natural Feature Tracking
FlashSURF – natural feature tracking
HiSlope – Face Tracking

IQ Toyota AR Tech
Ray Bans Virtual Mirror
GE Smart Grid by North Kingdom
Red Bulletin magazine – Print 2.0
Julian Perretta’s Ride My Star AR music Video by ZeroFractal
Seb Lee-Delisle’s Wormhole
5Gum Mixer by Exposure
Virtual Box Simulator by AKQA
Virtual Dressing Room by Zugara
New Year Greetings Card by AID-DC and Katamari

Flartoolkit docs
FLARToolkit userz group
FLARManager video tutorial


Online Marker Generator
Blender AS3 Export Plugin

Source code

Slideshow (Keynote)
Slideshow (PDF)

Adobe MAX Unconference files

As promised, here are the resources and source code from the Augmented Reality Unconference session I shared with Jesse Freeman.

You can download the source files here. One of the projects uses the native FP10 3D capabilities. The other uses Papervision with a 3D model exported from Blender as a Papervision class that extends TriangleMesh. Thanks to Lee Daley for the model. Both are FDT projects that make use of FLARManager.


FLARManager – Wrapper library by Eric Socolofsky.
Marker generator – Print out your marker and use this application to create the .pat file.
Blender – Free open source 3D software
Blender AS3 exporter plugin – This plugin allows you to export 3D models as AS3 classes. This works with Papervision, Sandy and Away.

AR Particle Beam

Add to FacebookAdd to DiggAdd to Del.icio.usAdd to StumbleuponAdd to RedditAdd to BlinklistAdd to TwitterAdd to TechnoratiAdd to FurlAdd to Newsvine

So I thought it was about time I jumped on the augmented reality bandwagon. Rather than the obligitory 3D model I decided to make something a little different. I’ve used 3D lighting techniques and physics here to create this beam of light surrounded by strange celestial light particles.

If you would like to interact with it, first download and print out the marker here then go here for a live demo.

Big thanks to a few people. First and foremost Saqoosha, the clever chap who created the FLARToolkit library, a port of the C++ library ARToolkit. Mikko Haapoja for providing a fantastic introduction to using FLARToolkit. Eric Socolofsky for building the framework FLARManager which makes working with FLARToolkit a sinch.

Incidentaly while making this, John Lindquist started an augmented reality competition on the Papervision forum. I’ve decided to enter it (hence the Papervision Logo on my marker – rules of the comp, not sucking up) so please feel free to vote for me on the forum. 🙂

For those of you who are interested, you can download the source code here. It’s an FDT project but it shouldn’t be too difficult to convert it over to your favourite development environment.

**** UPDATE ****
Kristin Rohleder has written a Flex version of this application and kindly given it to me to share with whoever wants it. He’s used the latest version of FlarManager and TimelineMax for the animation so the performance is probably far better.

You can download the project here.

2D Ribbons

2D Ribbons

I’ve been toying around with Eric Natzke’s Ribbon code and have managed to port it over to Processing in 2D form. Although the result and code are both very different to that of Natzke, it retains the original technique for building the ribbons. You can play with it and download the source here.

More ribbons can be added by changing the ribbonAmount variable. The colours are chosen from an image, in this case, “rothko_01.jpg”. This must be kept in the same folder as the pde files or there will be an error.

Motion Trails v01

This is the first experiment in a webcam study I am doing using Processing. Movement results in circles of colour taken from the webcam footage. More movement results in fewer, larger circles and vice versa.

Click here to see the video on Vimeo

Click here to download the source code

In order to use this code you need to install WinVDIG 1.01. This can be obtained from Dan Shiffman’s site. I would recommend a good quality webcam in a well lit room (I’m using the Logitech Quickcam Pro 5000). Also a powerful machine is required for the best results.

The FrameDifferencing code by Golan Levin was used as a basis for this sketch. This can be found in the Processing examples.


Flickr Photos