Archive for the 'Ribbons' Category

2D Ribbons in Alchemy

Karl Willis of the Alchemy project recently contacted me requesting the use of my 2D Ribbons code as a module in his drawing software. After becoming slightly obsessed with it for about 3 hours I heartily agreed.

Here’s an illustration I whipped up earlier today using Alchemy and Photoshop. I’m only using the ribbons tools here:

Alchemy Illustration

Here’s one using a combination of several tools:

Alchemy Illustration 2

Alchemy is a simple but utterly addictive sketchbook that acts as a launch pad for creating digital illustrations. It employs a range of generative processes and effects that aid the formulation of ideas. You find yourself constantly being inspired by scribbles in a manner that is reminiscent of making shapes from clouds on a sunny day. Users are encouraged to build up a collection of compositions which can be stitched together and expanded upon using other software such as Painter or Photoshop.

One aspect which almost instantly struck me was the lack of an undo button. At first this frustrated me but after a period of time I completely understood the exclusion of this functionality. Alchemy is all about quick, spontaneous creativity over meticulous polished work.

With this latest version, Alchemy is now open source, so Java developers are free to create and submit modules to improve the software.

This is such a fantastic project. I’m proud to have inadvertently played a small role in its development. It’s certainly reinvigorated my passion for illustration.

While I’m on the subject, Chrisophe Deaconescu recently ported my 2D ribbons from Processing to Flash. It runs much faster than I thought it would. He’s even added a cheeky glow filter.

Download the source here.

Augmented Ribbons

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

Here I’ve combined 2 reoccurring themes that run throughout my work – Augmented Reality and ribbons. It is an evolution of the particle trails code from AR Particle Beam. Initially I wanted to create a flocking effect for the ribbons, but didn’t quite get that far and ended up cheating. This will be the next step.

Check back soon to interact with the application. And I should also be releasing the source for this at some stage in the near future.

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.

Virtual Ribbons

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

This artwork allows the user to experience an augmented reality in which the flow of ribbons and particles can be controlled. It works by capturing a colour from an object (in this case, a green glove and the light from my mobile phone) and then using this object to drag the ribbons around the screen.

I won’t be releasing the full source code for this but I have released the source of the two key elements used in this sketch. These are the colour detection and the 2D Ribbons. In my opinion this is the best way to share code for larger projects. Smaller context specific code snippets are far easier to look through and experiment with than entire projects. And if people want to build the final artwork, stitching together the various pieces and adding their own code is a great learning experience.

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.


Flickr Photos