<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Juxt Art &#187; artist</title>
	<atom:link href="http://jackwhitsitt.com/tag/artist/feed/" rel="self" type="application/rss+xml" />
	<link>http://jackwhitsitt.com</link>
	<description>Art of Jack Whitsitt, a Washington, DC Based Artist and Information Security Architect</description>
	<lastBuildDate>Fri, 18 Jun 2010 16:31:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>New Store: My Art For Sale Finally. T-Shirts. Go Figure.</title>
		<link>http://jackwhitsitt.com/2009/12/new-store-my-art-for-sale-finally-t-shirts-go-figure/</link>
		<comments>http://jackwhitsitt.com/2009/12/new-store-my-art-for-sale-finally-t-shirts-go-figure/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 22:18:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[District of Columbia]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Source Material]]></category>
		<category><![CDATA[Store]]></category>
		<category><![CDATA[Washington DC]]></category>
		<category><![CDATA[artist]]></category>
		<category><![CDATA[artistic]]></category>
		<category><![CDATA[buy]]></category>
		<category><![CDATA[cheap]]></category>
		<category><![CDATA[clothing]]></category>
		<category><![CDATA[cool]]></category>
		<category><![CDATA[DC]]></category>
		<category><![CDATA[drawings]]></category>
		<category><![CDATA[faces]]></category>
		<category><![CDATA[fantasy]]></category>
		<category><![CDATA[girls]]></category>
		<category><![CDATA[goth]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[Jack Whitsitt]]></category>
		<category><![CDATA[order]]></category>
		<category><![CDATA[photos]]></category>
		<category><![CDATA[portraits]]></category>
		<category><![CDATA[printed]]></category>
		<category><![CDATA[Scary]]></category>
		<category><![CDATA[sci-fi]]></category>
		<category><![CDATA[shirts]]></category>
		<category><![CDATA[sintixerr]]></category>
		<category><![CDATA[sketches]]></category>
		<category><![CDATA[t-shirts]]></category>
		<category><![CDATA[Washington]]></category>
		<category><![CDATA[zazzle]]></category>

		<guid isPermaLink="false">http://jackwhitsitt.com/?p=574</guid>
		<description><![CDATA[So, on my way to Chicago recently , I managed to lose a shit ton of stuff on the metro: 2 L-series Canon camera lenses, misc cables, and&#8230;.3 or 4 of my favorite shirts. Eek. So, while the lenses were one issue, I also needed other stuff to wear. On the recommendation of my wife, [...]]]></description>
			<content:encoded><![CDATA[<p>So, on my way to Chicago recently , I managed to lose a shit ton of stuff on the metro: 2 L-series Canon camera lenses, misc cables, and&#8230;.3 or 4 of my favorite shirts. Eek.  So, while the lenses were one issue, I also needed other stuff to wear. On the recommendation of my wife, I actually went to Zazzle to create myself some shirts out of my own art.  I like the art and stuff on threadless and red bubble, but the shirt quality left something to be desired. A friend had used Zazzle for his stuff and I really thought the shirts came out well. So, I ordered myself some with my own art.</p>
<p>Wait, hrm. If I&#8217;m going to make myself some, why not leave them up for everyone else &#8211; just in case? Good idea. So I did, and added a few more. Not all of what I do lends itself to this sort of thing, but I like to think what I put up works well.</p>
<p>You can find the store here on my site: <a href="http://jackwhitsitt.com/store/" target="_blank">http://jackwhitsitt.com/store/</a></p>
<p>Or you can go straight to my Zazzle Store (Easier to Use): <a href="http://www.zazzle.com/sintixerr" target="_blank">http://www.zazzle.com/sintixerr</a></p>
<p>It&#8217;s been a fun process making these shirts and other products out of my art. Not only is it actually difficult to figure out which pieces will work on clothing &#8211; many of my own favorites do not &#8211; but not a single one was &#8220;ready to go&#8221; out of box to put on a shirt. Each one of them took some editing&#8230;many of them some creative editing.</p>
<p>For instance, &#8220;Dead Jen&#8221;  went from an interesting photo to something very graphic:</p>
<div class="wp-caption aligncenter" style="width: 250px"><img src="http://farm4.static.flickr.com/3238/2426890538_159c77c979_m.jpg" alt="Before" width="240" height="199" /><p class="wp-caption-text">Before</p></div>
<div class="wp-caption aligncenter" style="width: 173px"><img src="http://farm3.static.flickr.com/2801/4170896576_bba4f8013c_m.jpg" alt="After" width="163" height="240" /><p class="wp-caption-text">After</p></div>
<p>This was also my chance to get a lot of my old doodles and sketches into better shape.  &#8220;Strained Peace&#8221;, for example, was a very old sketch that I only had a 136&#215;200 pixel scan of. I managed to take it to 2400&#215;3500 pixels. Crazy</p>
<p style="text-align: center;"><img class="aligncenter" src="http://farm1.static.flickr.com/135/360260754_a554acd89f_o.jpg" alt="" width="136" height="200" /></p>
<p>You also may notice a lot of what I put on the shirts are faces, portraits, and characters. Well, yeah. It&#8217;s what I do.</p>
<p>Anyway, more will be going up. Let me know what you think.</p>
]]></content:encoded>
			<wfw:commentRss>http://jackwhitsitt.com/2009/12/new-store-my-art-for-sale-finally-t-shirts-go-figure/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Kitchen Sink at Artomaic is done. I hope.</title>
		<link>http://jackwhitsitt.com/2009/05/the-kitchen-sink-at-artomaic-is-done-i-hope/</link>
		<comments>http://jackwhitsitt.com/2009/05/the-kitchen-sink-at-artomaic-is-done-i-hope/#comments</comments>
		<pubDate>Thu, 28 May 2009 17:23:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA["Quartz Composer"]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Artomatic]]></category>
		<category><![CDATA[Community]]></category>
		<category><![CDATA[District of Columbia]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Local]]></category>
		<category><![CDATA[Media]]></category>
		<category><![CDATA[Oil Pastel]]></category>
		<category><![CDATA[Pastel]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Style]]></category>
		<category><![CDATA[Technique]]></category>
		<category><![CDATA[Washington DC]]></category>
		<category><![CDATA[artist]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[framing]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[new media]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[AOM]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[duct tape]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[laptop]]></category>
		<category><![CDATA[pastels]]></category>
		<category><![CDATA[photographs]]></category>
		<category><![CDATA[projection]]></category>
		<category><![CDATA[Projector]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[visualizer]]></category>
		<category><![CDATA[wall]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://jackwhitsitt.com/?p=517</guid>
		<description><![CDATA[You can find out more about the project described in this post by going here: http://jackwhitsitt.com/installation-and-concept-art/#num1 Repost from artdc.org: I finished yesterday. For once &#8211; despite last minute technicaal glitches &#8211; I wasn&#8217;t there until the last minute of the last day. Just the last day. The space is clean, cables hung (although, its still [...]]]></description>
			<content:encoded><![CDATA[<p>You can find out more about the project described in this post by going here:</p>
<p><a href="http://jackwhitsitt.com/installation-and-concept-art/#num1" target="_blank">http://jackwhitsitt.com/installation-and-concept-art/#num1</a></p>
<p><em>Repost from artdc.org:</em></p>
<p>I finished yesterday. For once &#8211; despite last minute technicaal glitches &#8211; I wasn&#8217;t there until the last minute of the last day. Just the last day.</p>
<p>The space is clean, cables hung (although, its still pretty ugly&#8230;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.</p>
<p>I&#8217;m still not sure if it will (and this is important) a) turn on when the show starts <img src="http://artdc.org/forum/Smileys/default/001.gif" border="0" alt="" /> or (less important) b) play music. I made a last minute decision to use internet radio instead of mp3&#8242;s to avoid broadcast rights issues, but there are some technical hangups with that that I wont get into.</p>
<p>This also means I&#8217;m typing this from a $300  tiny Eee PC laptop which will be my only personal home computer until AOM is done.</p>
<p>I do count myself lucky, though. Poor idiolect (rebound design&#8217;s bf) lost his HD -the last day of install-. It crashed. He weathered through it gracefully and put an &#8220;out of order&#8221; sign up. Hopefully the AOM gods will let him come in to fix it off-hours &#8211; he did everything right and it&#8217;s just pure bad luck that the drive crashed.</p>
<p>It&#8217;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&#8217;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.</p>
<p>I can&#8217;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. <img src="http://artdc.org/forum/Smileys/default/001.gif" border="0" alt="" /></p>
<p>I also adore how my wife&#8217;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. <img src="http://artdc.org/forum/Smileys/default/001.gif" border="0" alt="" /><br />
?<br />
Finally, this year I&#8217;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.</p>
<p>I want to make special thanks to: Lexi, Sherill, Sean, Stephanie, Paivi, Barry, Caitlin, Justin, and Tom &#8211; all of whom made specific, repeated, concrete contributions to my art, my sanity, and my ability to get it done this year.</p>
<p><span style="color: red;">(edit: added lexi&#8230;she&#8217;s been super helpful. i knew i forgot someone important.)</span></p>
<p><span style="color: red;"><span style="color: #000000;">Pics:</span></span></p>
<p><span style="color: red;"><span style="color: #000000;"><a href="http://farm4.static.flickr.com/3599/3571915072_0528cdaa91_o.jpg" target="_blank"><img class="alignnone" title="Projector Laptop Concoction" src="http://farm4.static.flickr.com/3599/3571915072_0528cdaa91_o.jpg" alt="" width="320" height="240" /></a></span></span></p>
<p><a href="http://farm3.static.flickr.com/2428/3571915070_b6dd332276_o.jpg" target="_blank"><img class="alignnone" title="Artomatic wall up close" src="http://farm3.static.flickr.com/2428/3571915070_b6dd332276_o.jpg" alt="" width="320" height="240" /></a></p>
<p><span style="color: red;"><a href="http://farm3.static.flickr.com/2484/3571915062_97e34f5d1d_o.jpg" target="_blank"><img class="alignnone" title="Wall Installation at Artomatic Finished!" src="http://farm3.static.flickr.com/2484/3571915062_97e34f5d1d_o.jpg" alt="" width="320" height="240" /></a> </span></p>
]]></content:encoded>
			<wfw:commentRss>http://jackwhitsitt.com/2009/05/the-kitchen-sink-at-artomaic-is-done-i-hope/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What am I doing at Artomatic this year?</title>
		<link>http://jackwhitsitt.com/2009/04/what-am-i-doing-at-artomatic-this-year/</link>
		<comments>http://jackwhitsitt.com/2009/04/what-am-i-doing-at-artomatic-this-year/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 00:02:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA["Quartz Composer"]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Artomatic]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[District of Columbia]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Technique]]></category>
		<category><![CDATA[Washington DC]]></category>
		<category><![CDATA[artist]]></category>
		<category><![CDATA[new media]]></category>
		<category><![CDATA[AOM]]></category>
		<category><![CDATA[dada]]></category>
		<category><![CDATA[entertainment]]></category>
		<category><![CDATA[fun]]></category>
		<category><![CDATA[identity]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[meta]]></category>
		<category><![CDATA[projection]]></category>
		<category><![CDATA[recursion]]></category>
		<category><![CDATA[show]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://sintixerr.wordpress.com/?p=452</guid>
		<description><![CDATA[Last year I did a super-sized meta self portrait exploring identity and the relationship between technology and art. The year before, I did a Second Life virtual reality installation dealing with similar concepts in a different way and how our concepts of location and identity are gradually becoming more fuzzy. Originally, I was going to [...]]]></description>
			<content:encoded><![CDATA[<p>Last year I did a super-sized meta self portrait exploring identity and the relationship between technology and art. The year before, I did a Second Life virtual reality installation dealing with similar concepts in a different way and how our concepts of location and identity are gradually becoming more fuzzy.</p>
<p>Originally, I was going to put up my webcam based audio visualizer written with Quartz Composer. I&#8217;m still going to be using Quartz, but the content will be completely different.</p>
<p>This year, take a look and you tell me what it&#8217;s about. Or not. Or who. I think this year, the name might make the rose. I have some specific points of view I&#8217;m coming from, but responsibility for defining other specific parts of the meaning are intentionally being passed on to the viewer.</p>
<p>Look for the video being projected onto a wall near the elevators on the 7th floor:</p>
<p>Floor-7<br />
Area-12<br />
Type-C<br />
Space-1</p>
<p>Artomatic: <a href="http://artomatic.org" target="_blank">http://artomatic.org</a></p>
<p>Also, remember, you can also visit ArtDC.org for current unofficial discussions and updates on Artomatic news, events, participants, etc:</p>
<p><a href="http://artdc.org/forum/index.php?board=37.0" target="_blank">http://artdc.org/forum/index.php?board=37.0</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jackwhitsitt.com/2009/04/what-am-i-doing-at-artomatic-this-year/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quartz Composer Webcam Audio Visualizer Art Tutorial and Demo</title>
		<link>http://jackwhitsitt.com/2009/02/quartz-composer-webcam-audio-visualizer-art-tutorial-and-demo/</link>
		<comments>http://jackwhitsitt.com/2009/02/quartz-composer-webcam-audio-visualizer-art-tutorial-and-demo/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 03:26:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA["Quartz Composer"]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[District of Columbia]]></category>
		<category><![CDATA[OSX]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Source Material]]></category>
		<category><![CDATA[Technique]]></category>
		<category><![CDATA[Washington DC]]></category>
		<category><![CDATA[artist]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[immersive]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[new media]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[artistic]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[cam]]></category>
		<category><![CDATA[DC]]></category>
		<category><![CDATA[dynamic]]></category>
		<category><![CDATA[explanation]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[help]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[mixed media]]></category>
		<category><![CDATA[multimedia]]></category>
		<category><![CDATA[nature of art]]></category>
		<category><![CDATA[new technology]]></category>
		<category><![CDATA[program]]></category>
		<category><![CDATA[projected]]></category>
		<category><![CDATA[projection]]></category>
		<category><![CDATA[Projector]]></category>
		<category><![CDATA[sound]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[visualizer]]></category>
		<category><![CDATA[Washington]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://sintixerr.wordpress.com/?p=312</guid>
		<description><![CDATA[INTRO So I&#8217;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&#8242;x6&#8242; photo and wondered if the code was art, since the only thing it did was generate that one [...]]]></description>
			<content:encoded><![CDATA[<h2 style="text-align:left;"><strong>INTRO </strong></h2>
<p style="text-align:left;">So I&#8217;ve been making some new art lately that  I think pretty is cool. Back at <a href="http://artomatic.org" target="_blank">Artomatic</a> last year, I wrote code that <a href="http://sintixerr.wordpress.com/2008/04/27/python-photography-digital-art-artomatic/" target="_blank">generated a mosaic of one image out of another</a> and make a 6&#8242;x6&#8242; photo and wondered if the code was art, since the only thing it did was generate that one mosaic?</p>
<p style="text-align:left;">At that point, though, it was still static and the question was (to me) relatively easy to answer.</p>
<p style="text-align:left;">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 &#8220;art&#8221;.  What I ended up doing is using <a href="http://en.wikipedia.org/wiki/Quartz_Composer" target="_blank">Apple&#8217;s Quartz Composer</a> &#8211; a visual media programming language &#8211; to create an  <a href="http://en.wikipedia.org/wiki/Music_visualization" target="_blank">&#8220;audio visualizer</a>&#8221; (sort of like you see in iTunes, Winamp, etc.).  What&#8217;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.</p>
<p style="text-align:left;">In some ways, the work can be considered just a &#8220;tool&#8221;. But, on the other hand &#8211; and more importantly, I think &#8211; 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 &#8220;art&#8221;.</p>
<p style="text-align:left;">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.</p>
<h2 style="text-align:left;"><strong>THE BASICS</strong></h2>
<p style="text-align:left;">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&#8217;s this latter idea that you&#8217;ll see represented below (though you might notice my macbook chugging a little bit on the visuals&#8230;slightly offbeat. Thats a slow hardware issue <img src='http://jackwhitsitt.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  ):</p>
<p style="text-align:left;">
<p style="text-align:left;">
<p style="text-align:left;"></p>
<p style="text-align:left;">
<p style="text-align:left;">
<p style="text-align:left;">
<p style="text-align:left;">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&#8217;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:</p>
<p style="text-align:left;"><a href="http://sintixerr.files.wordpress.com/2009/02/visualizersetup3.jpg" target="_blank"><img class="aligncenter size-full wp-image-321" title="Quartz Webcam Audio Visualizer Demo Recording Setup" src="http://sintixerr.files.wordpress.com/2009/02/visualizersetup3.jpg" alt="Quartz Webcam Audio Visualizer Demo Recording Setup" width="398" height="313" /></a></p>
<h2 style="text-align:left;"><strong>TUTORIAL/EXPLANATION</strong></h2>
<p style="text-align:left;">As I said earlier, I used Quartz Composer &#8211; 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 &#8220;programming language&#8221;, but Quartz is almost designed for artists. It&#8217;s drag and drop. Imagine if you could arrange lego&#8217;s to make your computer do stuff. Red lego&#8217;s did one type of thing, blue did another, green did a third. That&#8217;s basically Quartz. There are preset &#8220;patches&#8221; 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&#8217;s as easy as that.  First, I&#8217;d suggest you take a look at this short introduction by Apple here:</p>
<p style="text-align:left;"><a href="http://developer.apple.com/graphicsimaging/quartz/quartzcomposer.html" target="_blank">http://developer.apple.com/graphicsimaging/quartz/quartzcomposer.html</a></p>
<p style="text-align:left;">Then take a look at the following clip and I&#8217;ll walk you through how it works at a hight level:</p>
<p style="text-align:left;">
<p style="text-align:left;">
<p style="text-align:left;"></p>
<p style="text-align:left;">
<p style="text-align:left;">
<p style="text-align:left;">
<p style="text-align:left;">The code for this is fairly straightforward:</p>
<p style="text-align:left;"><a href="http://sintixerr.files.wordpress.com/2009/02/simplevizjpg-ready.jpg" target="_blank"><img class="size-full wp-image-322 aligncenter" style="margin-top:5px;margin-bottom:5px;" title="Simple Quartz Composer Webcam Audio Visualizer" src="http://sintixerr.files.wordpress.com/2009/02/simplevizjpg-ready.jpg" alt="Simple Quartz Composer Webcam Audio Visualizer" width="497" height="278" /></a>In the box labeled &#8220;1&#8243; on the left, I&#8217;ve inserted a &#8220;patch&#8221; that collects data from a webcam and makes it available to the rest of the &#8220;Composition&#8221; (as Quartz Programs are called).  On the right side of that patch, you can see a circle labeled &#8220;Image&#8221;. 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.)</p>
<p style="text-align:left;">The patch labeled &#8220;3&#8243;, 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 &#8220;Resize Pixels Wide&#8221; and &#8220;Resize Pixels High&#8221; circles, but in this case they are static &#8211; 640&#215;480. To set static values, just double-click the circle you want to set and type in the value you want it to have.)</p>
<p style="text-align:left;">In the patch labeled &#8220;4&#8243;, we do something similar, but this time I have it change the contrast of the video feed. I didn&#8217;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.</p>
<p style="text-align:left;">On the far right, the webcam output is finally displayed via patch &#8220;8&#8243;. 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.</p>
<p style="text-align:left;">So now we have a sphere with the webcam video on it, but it&#8217;s not doing anything &#8220;in time&#8221; with the music being played.</p>
<p style="text-align:left;">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.</p>
<p style="text-align:left;">If you look at patch &#8220;2&#8243; on the left, you&#8217;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&#8217;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 &#8211; 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.</p>
<p style="text-align:left;">I chose to use a midrange frequency band to control the size of the sphere because that&#8217;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 &#8220;2&#8243; drawn to the &#8220;Initial Value&#8221; circle of patch &#8220;5&#8243;.  Patch &#8220;5&#8243; is a math patch to perform simple arithmetic operations on values it gets and output the results. All I&#8217;m going here is making sure my sphere doesn&#8217;t get smaller than a certain size.  Since the audio splitter is sending me values from 0.000 &#8211; 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 &#8220;5&#8243; then sends that value to the diameter input of the sphere patch (#8) we discussed earlier.</p>
<p style="text-align:left;">It&#8217;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.</p>
<p style="text-align:left;">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 &#8220;Red&#8221;, &#8220;Green&#8221;, and &#8220;Blue&#8221; values.  Patch &#8220;6&#8243; takes those values and converts them into an RGB color value.  However, notice that patch &#8220;6&#8243; has three &#8220;Color&#8221; circles on the right, but only one gets used? That&#8217;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&#8217;re still different colors. That lets me ad</p>
<p style="text-align:left;">d variety to the piece and allows me, as the artist, to kind of create a dynamic &#8220;palette&#8221; 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:</p>
<p style="text-align:left;"><a href="http://sintixerr.files.wordpress.com/2009/02/colormanagerjpg-ready.jpg" target="_blank"><img class="size-medium wp-image-325 aligncenter" style="margin-top:5px;margin-bottom:5px;" title="colormanagerjpg-ready" src="http://sintixerr.files.wordpress.com/2009/02/colormanagerjpg-ready.jpg?w=300" alt="colormanagerjpg-ready" width="300" height="116" /></a></p>
<p style="text-align:left;">And that&#8217;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&#8217;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 &#8220;6&#8243;? What if those spheres all moved in time to DIFFERENT bands of the music?</p>
<p style="text-align:left;">The code might look something like this:</p>
<p style="text-align:left;"><a href="http://sintixerr.files.wordpress.com/2009/02/multiballs2jpgready.jpg" target="_blank"><img class="aligncenter size-full wp-image-328" title="multiballs2jpgready" src="http://sintixerr.files.wordpress.com/2009/02/multiballs2jpgready.jpg" alt="multiballs2jpgready" width="497" height="310" /></a></p>
<p style="text-align:left;">And the resulting output looks something like this:</p>
<p style="text-align:left;"></p>
<p style="text-align:left;">Yeah I know the visuals are sortof silly and the song cheesy, but the music&#8217;s beat is easy to see and there just isnt that much in my apartment to put on webcam that I havent already.</p>
<p style="text-align:left;">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.</p>
<p style="text-align:left;">What about the original video? What does that code look like? See below.  It&#8217;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:</p>
<p style="text-align:left;"><a href="http://sintixerr.files.wordpress.com/2009/02/myvizjpg-ready.jpg" target="_blank"><img class="aligncenter size-full wp-image-332" title="myvizjpg-ready" src="http://sintixerr.files.wordpress.com/2009/02/myvizjpg-ready.jpg" alt="myvizjpg-ready" width="497" height="368" /></a></p>
<p style="text-align:left;">At some point (as soon as I figure out the Cocoa), Ill upload the visualizer here as a Mac OSX application for download.</p>
<h2 style="text-align:left;"><strong>SUMMARY</strong></h2>
<p style="text-align:left;">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 &#8220;multimedia&#8221; &#8220;new technology&#8221; art, no matter how big a component the technology is.  Without some sort of understanding of what you are visually trying to communicate, it&#8217;s only by chance that you&#8217;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.</p>
<p style="text-align:left;">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.</p>
]]></content:encoded>
			<wfw:commentRss>http://jackwhitsitt.com/2009/02/quartz-composer-webcam-audio-visualizer-art-tutorial-and-demo/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>My Space on 7th: Data Visualization at DC Art Show</title>
		<link>http://jackwhitsitt.com/2008/07/art-and-security-data-visualization-in-dc-art-show/</link>
		<comments>http://jackwhitsitt.com/2008/07/art-and-security-data-visualization-in-dc-art-show/#comments</comments>
		<pubDate>Tue, 08 Jul 2008 04:46:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Correlation]]></category>
		<category><![CDATA[District of Columbia]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Gallery]]></category>
		<category><![CDATA[Information Security]]></category>
		<category><![CDATA[Network Security]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Professional]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[Salon]]></category>
		<category><![CDATA[Source Material]]></category>
		<category><![CDATA[Washington DC]]></category>
		<category><![CDATA[cyberspace]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[artist]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[DC]]></category>
		<category><![CDATA[destination ports]]></category>
		<category><![CDATA[Digital Art]]></category>
		<category><![CDATA[digital artist]]></category>
		<category><![CDATA[graph]]></category>
		<category><![CDATA[IDS]]></category>
		<category><![CDATA[illegitimate]]></category>
		<category><![CDATA[Jack Whitsitt]]></category>
		<category><![CDATA[my space on 7th]]></category>
		<category><![CDATA[security]]></category>
		<category><![CDATA[show]]></category>
		<category><![CDATA[spam]]></category>
		<category><![CDATA[touchstone]]></category>
		<category><![CDATA[touchstone gallery]]></category>
		<category><![CDATA[visualization]]></category>
		<category><![CDATA[viz]]></category>
		<category><![CDATA[Washington]]></category>
		<category><![CDATA[web traffic]]></category>

		<guid isPermaLink="false">http://sintixerr.wordpress.com/?p=236</guid>
		<description><![CDATA[Hey all! I&#8217;m going to be showing some data visualizations at the My Space on 7th art show in Washington, DC starting Friday, July 11 at the Touchstone Gallery! Everyone should come out. I took a look at the space and there&#8217;s some interesting work hanging already. (And I have to thank Paige, here, who [...]]]></description>
			<content:encoded><![CDATA[<p>Hey all!</p>
<p>I&#8217;m going to be showing some data visualizations at the <a href="http://www.touchstonegallery.com/exhibitions/2008/07-2008.html" target="_blank">My Space on 7th</a> art show in Washington, DC starting Friday, July 11 at the <a href="http://www.touchstonegallery.com/" target="_blank">Touchstone Gallery!</a> Everyone should come out. I took a look at the space and there&#8217;s some interesting work hanging already. <em>(And I have to thank <a href="http://www.flickr.com/photos/paigerella/" target="_blank">Paige</a>, here, who unintentionally helped me decide what to show&#8230;but more on that in a later post.)</em></p>
<p>Oh. And there will be wine tasting opening night. <img src='http://jackwhitsitt.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><a href="http://sintixerr.files.wordpress.com/2008/07/myspaceon7th-invitation.jpg"><img class="aligncenter size-medium wp-image-237" src="http://sintixerr.files.wordpress.com/2008/07/myspaceon7th-invitation.jpg?w=300" alt="" width="502" height="354" /></a></p>
<p>There will be three old, but reworked images and one new one created just for this show.  Only one has ever been printed before and they all look pretty fantastic.</p>
<p>The new one consists of two superimposed graphs (a paraplot and a scatterplot) of illegitimate traffic going to/from &#8220;jackwhitsitt.com&#8221; (that would be, uh, most of it).</p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3108/2644426937_c659fac624.jpg" alt="" /></p>
<p>The three older ones are:</p>
<p><em>Destination Port Traffic Volume (global sample)</em></p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3049/2644425759_a33988d0f4.jpg" alt="" /></p>
<p><em>(Test Data from custom developed SEM correlation  modules)</em></p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3094/2642524965_24d2dfea56.jpg" alt="" /></p>
<p><em><br />
</em></p>
<p><em>(Pcap data from 10,000 spam emails)</em></p>
<p><img class="alignnone" src="http://farm4.static.flickr.com/3112/2631686392_7025a3d245.jpg" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://jackwhitsitt.com/2008/07/art-and-security-data-visualization-in-dc-art-show/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
