I’ll do a more detailed write-up of it after tonight…like instructions, hints at things to try, etc.

In the mean time, for now, download it here:

http://jackwhitsitt.com/Artomatic09-final-whitsitt.zip

Click here to see it (sortof) in the background of my live art demonstration:

http://vimeo.com/5045791

This is obviously a terrible example, so Ill have better video up soon.

http://jackwhitsitt.com/installation-and-concept-art/#num1

Repost from artdc.org:

I finished yesterday. For once – despite last minute technicaal glitches – I wasn’t there until the last minute of the last day. Just the last day.

The space is clean, cables hung (although, its still pretty ugly…maybe ill cover it with a box friday at noon), the laptop is DUCT TAPED to the projector for lack of a better solution (it is in the cage bag, so if it comes undone, it wont break), and the projection is mostly in-line with the drawings and frames.

I’m still not sure if it will (and this is important) a) turn on when the show starts or (less important) b) play music. I made a last minute decision to use internet radio instead of mp3′s to avoid broadcast rights issues, but there are some technical hangups with that that I wont get into.

This also means I’m typing this from a $300  tiny Eee PC laptop which will be my only personal home computer until AOM is done.

I do count myself lucky, though. Poor idiolect (rebound design’s bf) lost his HD -the last day of install-. It crashed. He weathered through it gracefully and put an “out of order” sign up. Hopefully the AOM gods will let him come in to fix it off-hours – he did everything right and it’s just pure bad luck that the drive crashed.

It’s been lovely getting to know my fellow AOM-ers (mostly, heh) and I regret being so focused on getting my own shit working that I havent been as chatty or social as Id have liked. Trust me, it’s me not you. I think many people have stepped up this year and I really enjoyed walking around and looking at the art yesterday.

I can’t wait for opening night, meet the artists night, and zombie prom and being more focused on having fun and lss narrow mindedly self-centered about gottagetthisdonegottasgetthisdonegottagetthisdone.

I also adore how my wife’s wall came out. I know Im her husband and all, but Im truly a fan of the pictures  she put up from Vietnam and Cambodia. She is two core walls over from my space, so please check her stuff out.
?
Finally, this year I’ve felt like Ive really been able to come into this and use past artomatic and art outlet experience, take a broad vision, execute it, deal with and change my plan as it starts to flesh out into reality, and still come out of it with a piece that im happy with, still has roots in the original vision, and remains a satisfactory  progression of the rest of my art this past year.

I want to make special thanks to: Lexi, Sherill, Sean, Stephanie, Paivi, Barry, Caitlin, Justin, and Tom – all of whom made specific, repeated, concrete contributions to my art, my sanity, and my ability to get it done this year.

(edit: added lexi…she’s been super helpful. i knew i forgot someone important.)

Pics:

First, I grabbed the full text of the bill from HERE. Then, I wrote some (stupidly) simple python (again, I’m never sure if it’s -good- python) to parse the bill and turn it into a new file with five columns: Word Number, Word Length, Line Number, Work Position in Line, and the actual Word itself. This essentially turned the bill into a a text file with every word in the bill on its own line (in the order it showed up), but with  machine readable meta-data I could use to visually represent it.

stimulus = open(‘/Users/sintixerr/Documents/stimulus.txt’, ‘r’)
finalfile = open(‘/Users/sintixerr/Documents/sdump.txt’, ‘w’)
linenum=0
wordnum=0
lineposition=0
gstruct=[]
for line in stimulus:

lineposition=0
linenum+=1
word=line.split(‘ ‘)
word=word[:len(word)-1]
for w in word:

lineposition+=1
wordnum+=1
gstruct=str(wordnum)+’\t’+str(linenum)+’\t’+str(lineposition)+’\t’+w.upper()+’\t’+str(len(w))+’\n’
finalfile.write(gstruct)

stimulus.close()
finalfile.close()

Then, I opened up the new tab delimited bill in my visualizer of choice and ran it through a few different ways of representing the bill.

First, the raw text – without any real manipulation – looked cool in and of itself and I noticed some interesting, if obvious in hindsight, features. (I did clean out some obviously bad data first with a little  sed action, but that mostly just involved removing punctuation that caused the same words to show up as different ones. )

Stimulus Bill Visualized in its Entirety. In this image, the Y axis represents every word (ASCII characters with spaces or carriage returns on either side) in the bill and the X axis represents the Line Numbers those words appeared on.

First, if you look about a fourth of the way from the left, and then again closer to halfway, you see a vertical “break” in the scatterplot where it looks like the density is much lower.  That is probably a major section break in the original document (I honestly haven’t actually read it in english yet).  That possibility is supported by the second observation which is: Even in human written documents, you can still discern protocol visually. (Again, obvious, but it’s neat.).  If you look at the bottom third of the image, it looks nothing like the top 2/3.  Much more curving paths, fewer horizontal lines, less density, etc.  If you look at those “words”, they’re all document structure words (like section numbers, headings, etc.). …and monetary figures.  If you look closely, there appear at first glance to be two or more incompatible or unrelated document content structures there.  Above that section is where the more obvious “free form” english exists in the set.

Moving on from there, I wanted to see if I could get anything intellectually or aesthetically interesting by using a scatterplot to draw out the shape of the bill.  To do that, I plotted “Line Number” on the X axis and “Position of Word in the Line” on the Y axis.  (Actually, originally those two were swapped, but the resulting image “looked better” when I swapped the X and Y).   I colored everything by Word on a categorical scale so things wouldn’t blend together too much and then ratcheted up the size scale to reduce empty space. I was looking for a visual representation of the literal structure of the document, not an analysis tool or I wouldn’t have done that last bit.

The resulting image looks like this:

Shape of the Stimulus Bill on its side. If you were to compress the actual text of the whole bill into one page and rotate it 90 degrees counter-clockwise, it would probably have the same shape as this, only with text.

Finally, I was curious if I could do a little manual clustering work. I tried to narrow down the words into the data set to those that might have some intrinsic meaning in the context of the stimulus bill. This means I got rid of prepositions, repeated filler words, etc.  I did this by knocking out every word under 4 letters and all of those over 17 chars (over 17 were all artifacts of turning the bill into something parsable, not actual real words).  Then I created a bar chart of words and sorted it by how often words appeared in the document and removed about the bottom 70% of words. I made an assumption (which is almost definitely so broad that the data will have to be sliced again a different way for meaningful analysis) that any words that weren’t repeated that often just werent a real “theme” to the people writing the document. Interestingly, things like “security” and “health” and some others were left in the set, but “cyber” was removed. Hmm.   After that, I went manually through the remaining set of words and removed those that seemed to not have any cluster value (both through intuition as well as by visually watching the scatterplot of the whole set while I highlighted individual words t see what lit up.) Finally, and lastly, since I originally wanted to make visually interesting things more than do real analysis, I used some blurring, resharpening, and layering to give a more cloudy, vibrant feeling to it.  Interestingly, that created “clouds” around many of the clusters and made them easier to make out for analysis.  That supports my whole theory that what the eyes and mind like to look at is what the mind and eyes are better able to make intelligent use of.

The final result is here:

Words of substance that might be indicative of topics or subjects within the bill. X axis, like the first picture, is line number and Y axis is Word.

]]> http://jackwhitsitt.com/2009/02/stimulus-bill-visualization-a-precursor-to-analysis-as-art/feed/ 3 http://jackwhitsitt.com/2009/02/quartz-composer-webcam-audio-visualizer-art-tutorial-and-demo/ http://jackwhitsitt.com/2009/02/quartz-composer-webcam-audio-visualizer-art-tutorial-and-demo/#comments Mon, 02 Feb 2009 03:26:18 +0000 admin http://sintixerr.wordpress.com/?p=312 INTRO

So I’ve been making some new art lately that  I think pretty is cool. Back at Artomatic last year, I wrote code that generated a mosaic of one image out of another and make a 6′x6′ photo and wondered if the code was art, since the only thing it did was generate that one mosaic?

At that point, though, it was still static and the question was (to me) relatively easy to answer.

This time, I wanted something more dynamic and interactive. I wanted to further explore the question of whether  or not something that changes every time you see it and which depends on its environment is still “art”.  What I ended up doing is using Apple’s Quartz Composer – a visual media programming language – to create an  “audio visualizer” (sort of like you see in iTunes, Winamp, etc.).  What’s different about this piece, though is that combines live webcam input with live audio input into a pulsating, moving interpretation of the world around the piece.

In some ways, the work can be considered just a “tool”. But, on the other hand – and more importantly, I think – the fact that the ranges of color, proportion, size, placement, and dimension have all been pre-designed by the artist to work cohesively no matter what the environmental input moves it into the realm of “art”.

In this post, I hope use the piece in a way that will give you an example of what it would look like as part of a real live installation and to help explain the ins and outs of my process.

THE BASICS

An easy example of where this would do really well is at a music concert. The artist would point the camera at the band or the audience, and, as it plays, the piece would morph and transform the camera input in time to the music and a projector would display the resulting visuals onto a screen next to the band (or even onto the band itself).  This is just one suggestion, though.  Interesting static displays could also be recorded based on live input to be replayed later. It’s this latter idea that you’ll see represented below (though you might notice my macbook chugging a little bit on the visuals…slightly offbeat. Thats a slow hardware issue ):

In that clip, I pointed the webcam at myself and a variety of props (masks, dolls, cats, the laptop, etc) as music plays from the laptop speakers. There was a projector connected to the laptop displaying the resulting transformations onto a screen in real time. A video camera was set up to record the projection as it happened.  My setup isn’t much, but it can be confusing, so take a look below. My laptop with the piece on it, webcam connected to the laptop, projector projecting the piece as it happens, and video camera recording the projection:

TUTORIAL/EXPLANATION

As I said earlier, I used Quartz Composer – a free programming language from Apple upon which a lot of Mac OSX depends. Some non-technical artists might be a little bit leery of the term “programming language”, but Quartz is almost designed for artists. It’s drag and drop. Imagine if you could arrange lego’s to make your computer do stuff. Red lego’s did one type of thing, blue did another, green did a third. That’s basically Quartz. There are preset “patches” that do various things: Get input, transform media, output media somehow, etc. You pick your block and it appears on screen. If you want to put webcam input on a sphere, you would: Put a sphere block on the screen, put a video block on the screen, and drag a line from the video to the sphere. It’s as easy as that.  First, I’d suggest you take a look at this short introduction by Apple here:

http://developer.apple.com/graphicsimaging/quartz/quartzcomposer.html

Then take a look at the following clip and I’ll walk you through how it works at a hight level:

The code for this is fairly straightforward:

In the box labeled “1″ on the left, I’ve inserted a “patch” that collects data from a webcam and makes it available to the rest of the “Composition” (as Quartz Programs are called).  On the right side of that patch, you can see a circle labeled “Image”. That means that the patch will send whatever video it gets from the webcam to any other patch that can receive images. (Circles on the right side indicate things that the patch can SEND to others. Circles on the left indicate information that the patch can RECEIVE from others.)

The patch labeled “3″, next to the video patch, is designed to resize any images it receives. I have a slow macbook, but my webcam is high definition so I need to make the resolution of the webcam lower (the pictures smaller) so my laptop can better handle it. It receives the video input from the video patch, resizes it, and then makes the newly resized video available to any patch that needs it.  (You can set the resize values through other patches by connecting them to the “Resize Pixels Wide” and “Resize Pixels High” circles, but in this case they are static – 640×480. To set static values, just double-click the circle you want to set and type in the value you want it to have.)

In the patch labeled “4″, we do something similar, but this time I have it change the contrast of the video feed. I didn’t really need to, but I wanted to see how it looked. The Color Control patch then makes the newly contrasted image available to any other patch that needs it.

On the far right, the webcam output is finally displayed via patch “8″. Here I used a patch that draws a sphere on the screen and textured the sphere (covered the sphere with an image) with the webcam feed after it has been resized and contrast added.

So now we have a sphere with the webcam video on it, but it’s not doing anything “in time” with the music being played.

What I decided to do was to change the diameter of the sphere based on the music as well as the color tint of the sphere.

If you look at patch “2″ on the left, you’ll notice 14 circles on the right side of it. These represent different (frequency) bands of the music coming in from the microphone. This would be the same type of thing if you were to be using an equalizer on your stereo (It’s actually split into 16 bands in Quartz, I just only use 14).  Each of those circles has a constantly changing value (from 0.0000 – 1.0000) based on the microphone input. Music with lots of bass, for example, would have a lot of high numbers in the first few bands and low numbers in the last few bands).  We use these bands to change the sphere diameter and color.

I chose to use a midrange frequency band to control the size of the sphere because that’s constantly changing, no matter whether the music is bass heavy or tinny.  You can see a line going from the 6th circle down in patch “2″ drawn to the “Initial Value” circle of patch “5″.  Patch “5″ is a math patch to perform simple arithmetic operations on values it gets and output the results. All I’m going here is making sure my sphere doesn’t get smaller than a certain size.  Since the audio splitter is sending me values from 0.000 – 1.000, I could conceivably have a diameter of 0. So, I use the math patch to add enough to that value that my sphere will always take up about a 25th of the screen, at its smallest.  Patch “5″ then sends that value to the diameter input of the sphere patch (#8) we discussed earlier.

It’s these kinds of small decisions that, when compounded on one another, add up to visualizations with specific aesthetic feelings and contribute to the ultimate success or failure of the piece.

Another aspect of controlling the feel of your piece is color.  In patch 6, you see three values from the audio splitter go in, but only one come out.  The three values I used as the initial seeds for “Red”, “Green”, and “Blue” values.  Patch “6″ takes those values and converts them into an RGB color value.  However, notice that patch “6″ has three “Color” circles on the right, but only one gets used? That’s because I designed that patch to take in one set of Red, Green, and Blue values based on the music, but mix those values into three -different- colors. So as the music changes, those three colors all change in sync and at the same time and by roughly the same amount, but they’re still different colors. That lets me ad

d variety to the piece and allows me, as the artist, to kind of create a dynamic “palette” to chose from that will always be different, but still keep constant color relationships. This contributes to a cohesive and consistent feel to the piece.  A detailed explanation of how I do that is out of the scope of this post, but you can see the code below and take some guesses if you like:

And that’s pretty much that. We have a sphere that displays webcam input and which changes size and color according to the music playing nearby. But that’s really not all that interesting is it? What if we added a few more spheres? What if we used all three of the colors from patch “6″? What if those spheres all moved in time to DIFFERENT bands of the music?

The code might look something like this:

And the resulting output looks something like this:

Yeah I know the visuals are sortof silly and the song cheesy, but the music’s beat is easy to see and there just isnt that much in my apartment to put on webcam that I havent already.

Also, take a look at 55 seconds through about 1:05. The visualization goes a bit crazy. See the white box on top? You cant see in the video but that box lets me enter input parameters on the fly to affect how the visualization responds. This is the VJ aspect.  For these visualizations, Ive only enabled 2: How fast/big the visual components get and how fast/slow they get small.  In that 10 second segment, Im jacking them up a lot.

What about the original video? What does that code look like? See below.  It’s a litle bit more complicated, but essentially the same thing.  Instead of 16 spheres, I use a rotating 3D cube and a particle fountain (squares spurt out of a specific location like out of a fountain).  In addition to just color and size, the music playing nearby also affects location, rotation, minimum size, speed of the particles, and a number of other visual elements:

At some point (as soon as I figure out the Cocoa), Ill upload the visualizer here as a Mac OSX application for download.

SUMMARY

So, what do you think? Is this art? If not, what is it? Just something that looks cool? In my mind, artistic vision and aesthetics are a huge component of making “multimedia” “new technology” art, no matter how big a component the technology is.  Without some sort of understanding of what you are visually trying to communicate, it’s only by chance that you’ll end up with something that looks good.  But, even beyond that, I found that I had to think pretty far ahead and understand my medium in order to create something that would look consistent AND visually pleasing no matter what environment it was in and no matter what it was reacting to. It was like writing the rules to create an infinite number of abstract paintings that would always look like they were yours.

Also, figuring out what to put in the webcam view when and at what distance is an important part. When Im paying attention (as in the first video), it adds a whole new dimension. When I dont care and point it at anything (as in the demo videos), the whole thing becomes a bit more throwaway.

I’ll release Windows and Mac binaries in the next 2 days or so. I also threw a GPL open-source license on it.

You can find the code here (and I know it’s still not completely “python-like”, that’s next):

http://sintixerr.wordpress.com/tone-altering-mosaic-generator-tamogen-in-python/

For sample images, I used two old conte-crayon pieces I’d done and combined them. The first image is of the “whole” mosaic. The second is zoomed in. I love the color variations the code creates when it makes the mosaic – I think the second image could be a standalone piece of art in its own right:

As far as social stuff goes: Angela Kleis’s blogger night at Artomatic was pretty cool. I don’t want to post a lot of thoughts on that yet (I will tomorrow), but it did reinforce the fact that a lot of event management will have to be done at the June 6th ArtDC Artist’s tour dinner. Unfortunately, people have short attention spans and the time each artist speaks will have to be managed and expectations set ahead of time. 5 minutes seems to be about the “max”. We’ll have to bring a timer or something. It’s going to be a -really- interesting night, though, and a lot of fun.

More info on the upcoming dinner can be found in this thread:

http://artdc.org/forum/index.php?topic=8997.0

Pictures of Blogger’s Night can be found here in a set:

http://www.flickr.com/photos/sintixerr/sets/72157605133432629/

Finally, Erin Antognoli took a couple of great shots of my space while I talked about it to what was left of the crowd:

Artomatic Piece

Originally uploaded by sintixerr

So -

As mentioned earlier, when I first really started thinking about AOM this year, I thought I was going to be in Arkansas for the majority of the show and wanted to put together something “simple” (yeah, right, me? simple?). I was so strapped for time, in fact, that Angela and Paivi had to grab me some space for the second year in a row while I was out of town. ( My space is on the 8th floor at SE D6 btw.)

Ok. Great. Have space. Project? Art? No so much.  Ultimately I decided to do a huge (6′x6′) self portrait installation (covered in earlier blog posts – http://sintixerr.wordpress.com/2008/04/27/python-photography-digital-art-artomatic/ )

So, uhm, how do you print a photo that’s 6′x6′??? I ended up deciding to print the picture in 9 sections, 24″x24″ each. I originally wanted to do an 8′x8′ image, but at 24×24″ sections I could go one price category lower at Chrome than 32″x32″. Still, lots of cash. Hrm. Where else will print this? For a much more reasonable sum?

It turns out that -Ritz Camera- of all places will print really large images for less than half the price of Chrome. Supposedly archival. I test printed one 24×24″ section and it came out perfect. Sweet. I had a printing solution.

For framing I went with Angela’s suggestion of American Framing and picked the smallest frame borders I could – with no matting. The ultimate effect would hopefully look like the face was peering in through…something (window-esque?). That was an easy process and everything showed up toot-sweet.

I went with overnightprints.com for the business cards. They did a good job but, in hindsight, I didnt. I think my cards are a little bit juvenile and cheesy, but, we all make mistakes sometimes I mean, who puts “Artist” on their cards? I guess I do. Meh.

While I was still playing with my final image, I met Angela and Paivi at our spaces last Sunday to help them paint, do lights, and take a look at my space.

I got there first and spent an hour or so mocking up what I wanted things to look like with rope and gorilla tape (it made sense then). The final result was looking pretty good and I was feeling very satisfied. Until Ang and Paivi showed up.

“Thats not your space, Jack”

“Whu?”

“Thats. Not. Your. Space. Its the one next to it.”

–Insert vulgar words here–

Luckily I hadn’t done anything permanent and I sheepishly took down all my stuff. At any rate, I knew what it was going to look like and everything was good.

Angela and Paivi that day managed to paint their space, buy lights, put up lights. I managed to…put down duct tape and put up one wall of the shadowbox (seen in pics later). Really, I hate this part. Im slow as HELL at painting walls and usually a mess. People always regret asking me to help them paint their house/interior. I suck at it.

I came in the next Thursday after work by myself to try my luck alone and got a lot further. I managed to put up the second shadowbox wall, put down a layer of paint, and not end up with blood or paint all over my clothes. It was a good day in that regard. Still, I had forgotten paint rollers and had to use a brush. Those partitions, even with primer, suck. up. the paint. I was despairing a little bit about how things were looking, but put that aside knowing how much was left to do.

So far, I’d run into a couple of people here and there that I knew, but the AOM space is -so- large this year that unless youre actively wandering around looking for people or just outright lucky, it’s entirely possible to work with a dozen people you know there at the same time and miss them completely. (Except for Melissa, whom I run into every single time Im in the elevator.)

This past Saturday night I had my first volunteer shift with Angela and Paivi, so I came in ahead of time to get some work done. I met my “partition-mate”, who’s name I can’t recall at the moment, but who’s work I had been familiar with and am really psyched to be next to. If I had space in my apartment, Id buy some of it honestly. More painting ensued and things were good.

Queue the volunteer shift.

I have a gripe here. We were given a 3 minute introduction to our responsibilities by the GM on duty. The instructions did not mention two big things that we were asked about -all- night:

1. Lights. Anything about them. Where to get them? What to do if any were broken? Etc. I know this was a GM responsibility, but by Saturday you’d have figured that there were enough questions being asked that the volunteers should be given some sort of heads-up.

2. Brightest Young Things:

Anyone who was at AOM that night figured out very quickly that there was some shindig on the first floor. The only instructions of info we were given by anyone about the first floor party was “oh yeah, tell people bathrooms are on the 10th and 12th floors if they start bitching about the first floor bathrooms”.

What about the first floor bathrooms? Huh? And who’s making all that racket next door? Apparently Philipa Hughs’ Pinkline and Artomatic collaborated to help throw a relaunch party for a website called BrightestYoungThings.com ( http://www.brightestyoungthings.com/events/byt-relaunch-party-1200-1st-street-ne/ )

So, in addition to AOM people, there were tons of the trendiest, coolest, hippest, artsiest, brightest young things wandering in and out of the front door. Nothing against them (and it was cool something else was going on there), but it was really a pain in the ass to do “lobby” duty while there were bands playing, a plastic fence between us and them, etc.

I was asked to “keep people from there going up to AOM”…but really…how was anyone supposed to tell the difference? There were also a lot of people bringing in artist materials through the lobby that I didnt catch because I couldn’t always pick them out from the crowd milling about in the lobby.

This all would’ve been cool if we had been given heads-up….but we weren’t. We were left to piece it together ourselves…

I also wish I’d NOT worn the -skankiest- shirt I own to paint in. Felt like I was bringin the place down just sitting next to the party Wink

The monotony was broken up a bit by a trip to Sketchies (aka Wendy’s) to bring us back some much-needed diet cokes (Angela and Paivi were covering Loading Dock duty that night) and also by Jim, who gestured for another volunteer and myself (I think he meant me too) to come out front where he proudly showed us the new lighting for the Artomatic signage in the windows. The “ART” in “ARTOMATIC” was glowing red! Cool!

By the end of the shift, we were all -done-. Id gone running that morning for the first time since the Cherry Blossom 10 miler and between that, working on the space, and the volunteer shift, I was no longer human. Paivi wanted to take some pics of the graffiti kids up on our floor (Cool doing their thing (didnt work out), but we did run into Halo and Arty4ever putting down some finishing touches on Michael’s space (which looks great!).

I also met a couple of cool volunteers, but unfortunately was too brain-fried to ask for the business card of one of them and now forget her name. Ill need to check the volunteer list later if I can…

That brings me to today. Lights are up, painting is finished, etc. I just need to get some fabric to frame the shadowbox, hang the piece, and add some other artistic touches to the installation (and it will be an installation) that I dont want to describe here. I managed to frame all 9 sections (woohoo – Im really slow at that, so Im proud of myself here) today as well!

Ok, whew. Finally, this behemoth of a post is at it’s end.

(As a side note, the lighting in the first pic is provided by a couple of White Lighting 10,000 strobe, which we’ve now started using as generic apartment lamps lately. Heh.)

I’m still mulling over what I want to say about the whole thing, but tonight I’d like to offer a prelude by way of a small technical glimpse into the core of the piece.

Essentially, I’ve been wanting to work on the idea of self for some time. The Second Life work had addressed some of that, but -primarily- from a perspective that was fairly extreme and lacked a lot of emotional resonance (not least with me).

So this year, I’m going to be mixing up my newfound interest in photography with some traditional sketching technique, adding a dash of emotional investment, and finally tying it together with some custom computer scripting.

It’s this last component I want to talk about. There are a lot of “themes” Im starting to address with this piece (later post) which made me feel like I needed to use some sort of mosaic. Initially, I thought I was going to do a self-portrait of myself….composed the very same self portrait. This would constitute the anchor concept of the piece.

The image was originally supposed to look something like this (right image is zoomed in on the left eye where you can see the main image is composed of many copies of itself)

But how does one go about creating this kind of mosaic? Doing it by hand would take so long I’d never finish!!!

Maybe there are programs “on the internet” that will do it? Maybe (it turns out there -sortof- are), but what’s the fun in that?

Instead, I decided to write my own program to do it. This has a lot to do with the fact that computers are a huge part of who I am and writing code to help me generate a self-portrait struck a chord with me

I had played around with the Python scripting language back in my NetSec days (for rapidly setting up data analysis) and while I had never been particularly proficient in Python and it had been some years since I’d worked with it, I -had- enjoyed it’s way of dealing with the world of bits and bytes. it seemed like a great language to try this out in.

So, I grabbed my new Macbook (heh. Microsoft forced me into -that- with Vista) – which had python already on it – and sat down to write a self-referential mosaic generator. Away we go!
Hrm. Or not. How does one actually go about editing images with a scripting language often used in web pages? It beat me! I’d never done it before. In any language.

More Hrm’s. Google kindly suggested I give the Python Imaging Library a try, so I checked out the tutorial online. “Wow. This might be doable”, I thought to myself. This looks like a really simple library.

And it was….the code below took about 3 days to write starting from “Uh, how do for/next loops work in Python again?”. So while it’s not a LONG program and it’s NOT elegant, and it CAN be done a lot better, it does the trick.

In fact, not only does it do the trick, but the code now lets you specify which image to use to recreate the base image of the mosaic. (And the concept of the art piece has followed with that, Im now using two self-portraits.)

The program I wrote is a little different from web-clients for Mosaic creation I’ve seen. Those go and grab images (often at random) from a repository and create a mosaic of another image out of them based on which filler-images already best-fit which piece of the base image. The filler images, themselves, arent altered.

In my code, the user specifies one filler image and one base image. The code then goes through and checks tone averages and alters the filler image to fit into a given section of the base image. If the filler’s average tone is higher than the current section of the base image being converted, the program darkens the filler image and then pastes it in.

The ultimate effect resulted in this image created from one base self-portrait and one (different) filler self-portrait (Click it so see the smaller faces):

The code which produces this image  can be found here:

http://sintixerr.wordpress.com/tone-altering-mosaic-generator-tamogen-in-python/#comment-2512

Please be kind…it really isn’t pretty yet and I know it

Finally, a snapshot of what it looked like put together at Artomatic: