Image Mapper Demo

I’ve been playing around more with Processing, and I’ve settled on something I like for my project for Virtual Entertainment. I am going to be using my ‘Image Mapper’ program that I was working with that maps out all the same colors in an image. I can put any image I want into it, but right now it is set up for 900 x 900. I can let it render by itself, or I can control the sample point by using the mouse. I have it write out a PDF of it’s progress every few minutes, so it basically renders it out in steps. I can then bring it together in Illustrator (saving out the whole thing as one PDF makes the app crash).
The way I’ve been making images until now has been with a modified batch version, which I give it an array of image files and for how long I want it to draw each one, and it just saves out it’s progress as a png file. This lets me see how a handful of images will look by letting it run overnight or while I am away.

Here is a demo of how it works. You can click and drag to control the sample point, and the up and down arrows control the range of the random while you’re clicking and dragging. Below are some of my favorites that have come out:

914_2.jpg clouds_2.jpg fire_0.jpg savedimage-12142007_185757_6374344607360.jpg coins_6.jpg

There are more examples in my flickr gallery.

Processing Prototypes

More progress on making things with Processing. The first set of images are made by connecting pixels of the same color. The second set (v004) is made by randomly drawing lines and basing the color off of the starting pixel. The circle is determined by how different the ‘landing’ pixel is. The last set (v005) is drawing overlapping circles based on color. The first three are representations of an images hue histogram, and the second three are one horizontal line’s color. Comments welcomed.

mapper v001:
savedimage_frame-58.png savedimage_frame-3b.png savedimage_frame-16-13-09-00.png savedimage_frame-40.png

mapper v004:
savedimage-1292007_224052_330833.png savedimage-1292007_205612_11506101.png savedimage-12102007_85527_25496705.png

mapper v005:
savedimage-12102007_03532_13012.png savedimage-12102007_03450_3355.png savedimage-12102007_03616_2894.png
savedimage-12102007_0520_39451.png savedimage-12102007_05231_22625.png savedimage-12102007_05246_37083.png

Some other images [added 12/11]:
picture-2.png picture-3.png picture-1.png

More Processing Experiments

About a year ago, I was playing around with the Flash drawing API. I was taking images, feeding them into Flash, and using getPixel to grab the color, draw random lines around to make a scribbled version of the image. It looked pretty neat, and I wanted to look into more complex ideas, such as connecting similar pixels. Of course, this killed flash as a 600 x 400 image created a pixel array with 240,000 values – Flash just can’t efficiently handle it.

But Processing can. So, I started with connecting all the pixels with the same color, and then moved to ones with similar color (based off difference of hue, brightness, and saturation). I’ll post more as I progress. You can see a start of the applet here: imageMapper_02.

savedimage-1262007_104344_20937.png imagemapper1.png imagemapper2.png savedimage-1262007_131723_5305522.png savedimage-1262007_111939_26966.png