<?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>blacklog &#187; draw</title>
	<atom:link href="http://blacklog.mitplw.com/category/draw/feed/" rel="self" type="application/rss+xml" />
	<link>http://blacklog.mitplw.com</link>
	<description>Luis Blackaller</description>
	<lastBuildDate>Fri, 27 Jan 2012 00:38:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>An exercise in personalization</title>
		<link>http://blacklog.mitplw.com/2012/01/20/an-exercise-on-personalization/</link>
		<comments>http://blacklog.mitplw.com/2012/01/20/an-exercise-on-personalization/#comments</comments>
		<pubDate>Fri, 20 Jan 2012 19:27:39 +0000</pubDate>
		<dc:creator>black</dc:creator>
				<category><![CDATA[draw]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[mitplw]]></category>
		<category><![CDATA[plw]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blacklog.mitplw.com/?p=2603</guid>
		<description><![CDATA[Last month I worked with BuzaMoto on a website for the MoMA Armory Show 2012. Mud made the website and I provided the content artwork for the main feature of the site: A personalized virtual BobbleHead creation tool. These BobbleHeads are offered by MoMA as an extra token for people that buy access to the [...]]]></description>
			<content:encoded><![CDATA[<p>Last month I worked with <a href="http://buzamoto.com/">BuzaMoto</a> on a website for the <a href="https://momaarmoryshow.org/">MoMA Armory Show 2012</a>. <a href="http://mud.mitplw.com/">Mud</a> made the website and I provided the content artwork for the main feature of the site: A personalized virtual BobbleHead creation tool.</p>
<p>These BobbleHeads are offered by MoMA as an extra token for people that buy access to the live stream of the Armory Show closing event: a live performance by mexican chill wave band <a href="http://neonindian.com/">Neon Indian</a>. In addition to this, the collection of generated BobbleHeads will be projected on stage during the performance.</p>
<p>Aside from it being an interesting fundraising participation system, <a href="https://momaarmoryshow.org/">momaarmoryshow.org</a> is an excellent example of a seamless, low-effort online transaction experience. I would probably spend a lot more money on digital content if other online stores made shopping as easy and pleasant as <a href="https://momaarmoryshow.org/">momaarmoryshow.org</a> does.</p>
<p>I designed most of the BobbleHeads based on dead celebrity artists (Frida, Picasso, Warhol, Louise Bourgeois, etc.), together with a couple of celebrities from pop culture, one science celebrity, and a monster made from body parts of several cadavers. This <a href="http://www.flickr.com/photos/blackaller/6718635101/">flickr link</a> features the complete BobbleHead collection in the form of a wallpaper, including a famous superhero that didn&#8217;t make it to the website for obvious copyright reasons.</p>
<p>Here are the two BobbleHeads I made so far:</p>
<li><a href="https://momaarmoryshow.org/bobble_heads/79-Black-on-Saturday-morning">Black on a Saturday morning</a>, featuring the real me,</li>
<li>and <a href="https://momaarmoryshow.org/bobble_heads/80-Maya-goes-to-the-gallery">Maya goes to the gallery</a>, featuring Maya as an art snob.</li>
<p><a href="http://blacklog.mitplw.com/wp-content/uploads/armorshow.png"><img src="http://blacklog.mitplw.com/wp-content/uploads/armorshow.png" alt="" title="armorshow" width="550" height="310" class="alignnone size-full wp-image-2605" /></a></p>
<p>Update: <a href="http://blog.buzamoto.com/2012/01/26/site-launch-moma-bobble-heads/">Mud&#8217;s post</a> in the BuzaMoto blog. </p>
]]></content:encoded>
			<wfw:commentRss>http://blacklog.mitplw.com/2012/01/20/an-exercise-on-personalization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Data doodles</title>
		<link>http://blacklog.mitplw.com/2011/08/13/data-doodles/</link>
		<comments>http://blacklog.mitplw.com/2011/08/13/data-doodles/#comments</comments>
		<pubDate>Sat, 13 Aug 2011 07:36:04 +0000</pubDate>
		<dc:creator>black</dc:creator>
				<category><![CDATA[animation]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[draw]]></category>
		<category><![CDATA[plw]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blacklog.mitplw.com/?p=2058</guid>
		<description><![CDATA[About a month ago, I made a new backup of the data from tinyDoodle. It is available as a text file consisting of 31.2 megabytes of integer coordinates of 2d points that are put together as a very long sequence of line segments. It&#8217;s formatted in JSON in a straightforward way. It doesn’t matter to [...]]]></description>
			<content:encoded><![CDATA[<p>About a month ago, I made a new backup of the data from <a href="http://doodle.mitplw.com/" target="_blank">tinyDoodle</a>. It is available as a <a href="http://black.mitplw.com/doodle_0/doodle_04_02_2011.txt.zip">text file</a> consisting of 31.2 megabytes of integer coordinates of 2d points that are put together as a very long sequence of line segments. It&#8217;s formatted in <strong>JSON</strong> in a straightforward way. It doesn’t matter to me how silly this application sounds, there is something I still find incredibly compelling about the ability of computers to capture drawing gestures as sets of numbers that can be performed as drawing gestures that are sets of numbers. I think this drawing-to-number quasi-biyection is priceless.</p>
<p>I was recently talking about how different interaction models determine differences in communication, and how interesting it is for me to look at scenarios where a group of humans is restricted to use non-conventional channels to communicate with each other. Like putting two persons in a room and have them play a game where all they can do is make drawings to each other. Blackboard, paper, whiteboard, it doesn&#8217;t matter. Their communication will not be very efficient this way, but they will get very creative at drawing, and maybe come across some ideas that they would have never explored any other way.</p>
<p><img src="http://blacklog.mitplw.com/wp-content/uploads/doodle_0.png" alt="" title="doodle_0" width="550" height="299" class="alignnone size-full wp-image-2059" /></p>
<p>More recently, <a href="http://buzamoto.com/" target="_blank">Buzamoto</a> launched a cool iPad app called <a href="http://pendipityapp.com/" target="_blank">Pendipity</a> that offers a similar functionality to <a href="http://doodle.mitplw.com/" target="_blank">tinyDoodle</a>, only better. It features a more advanced, yet very simple, drawing interface, and it implements a seamless chatting experience using a <a href="http://nodejs.org/" target="_blank">Node.js</a> server. In terms of space, the difference between both systems is clear. When someone initiates a shared Pendipity session, the system will look for another available user to create a drawing team of two, and  TinyDoodle is an open space where anybody can access the same drawing at any given time. So tinyDoodle is like a public blackboard, and Pendipity is like a shared notebook where every visitor is paired with someone else to draw on a single page of the notebook at a time. In Pendipity, a different session means a different drawing. In tinyDoodle, there will always be the same single drawing, around thirty something mb long at this point. The drawing is so dense, you actually have to watch it in chunks to make sense of it.</p>
<p>The following image is a collaboration <a href="http://buza.mitplw.com/">Buza</a> and I made on Pendipity. We didn&#8217;t find out we were drawing together until later, when we talked about it by chance. The idea of collaborating with somebody close to you without knowing who they are is bizarre, to say the least.</p>
<p><img src="http://blacklog.mitplw.com/wp-content/uploads/pendipity.png" alt="" title="pendipity" width="550" height="391" class="alignnone size-full wp-image-2084" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blacklog.mitplw.com/2011/08/13/data-doodles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Icon No. 253377</title>
		<link>http://blacklog.mitplw.com/2011/08/02/icon-no-253377/</link>
		<comments>http://blacklog.mitplw.com/2011/08/02/icon-no-253377/#comments</comments>
		<pubDate>Tue, 02 Aug 2011 10:35:40 +0000</pubDate>
		<dc:creator>black</dc:creator>
				<category><![CDATA[draw]]></category>
		<category><![CDATA[plw]]></category>
		<category><![CDATA[random]]></category>
		<category><![CDATA[short]]></category>
		<category><![CDATA[tiny]]></category>

		<guid isPermaLink="false">http://blacklog.mitplw.com/?p=2348</guid>
		<description><![CDATA[Sometimes I just feel like making another icon.]]></description>
			<content:encoded><![CDATA[<p>Sometimes I just feel like making <a href="http://tiny.tacolab.com" target="_blank">another icon</a>.</p>
<p><img src="http://blacklog.mitplw.com/wp-content/uploads/253377_color.png" alt="" title="253377_color" width="550" height="260" class="alignnone size-full wp-image-2349" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blacklog.mitplw.com/2011/08/02/icon-no-253377/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Human Interference Project</title>
		<link>http://blacklog.mitplw.com/2011/07/16/human-interference-project/</link>
		<comments>http://blacklog.mitplw.com/2011/07/16/human-interference-project/#comments</comments>
		<pubDate>Sat, 16 Jul 2011 07:00:12 +0000</pubDate>
		<dc:creator>black</dc:creator>
				<category><![CDATA[action]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[draw]]></category>
		<category><![CDATA[simplicity]]></category>

		<guid isPermaLink="false">http://blacklog.mitplw.com/?p=2258</guid>
		<description><![CDATA[As a continuation of mi recent exploration of Western-European Participatory Rule-based Art Systems, I just contributed with a drawing to the Human Interference Project, a tribute to Jean Tinguely’s Métamatics organized by the Métamatic Research Initiative. As the project website describes, the drawings should be created based on these rules: Use a white A4 sheet [...]]]></description>
			<content:encoded><![CDATA[<p>As a continuation of mi recent exploration of Western-European Participatory Rule-based Art Systems, I just contributed with a drawing to the <a href="http://www.metamaticresearch.info/hip/">Human Interference Project</a>, a tribute to <a href="http://en.wikipedia.org/wiki/Jean_Tinguely">Jean Tinguely’s</a> Métamatics organized by the <a href="ttp://www.metamaticresearch.info/">Métamatic Research Initiative</a>.</p>
<p>As the project website describes, the drawings should be created based on these rules:</p>
<pre style="color:dodgerblue;">
 Use a white A4 sheet and a ballpoint pen.
 Draw a closed shape on the paper.
 Repeat the shape inside the original shape until there is no space left at its centre.
 Repeat the shape outside the original shape until it touches one side of the paper.
 Choose the distance so that you can make at least 50 iterations on the paper.
 Try to repeat each iteration in exactly the same way.
 Sign the drawing in its upper right corner in landscape format.
</pre>
<p>Note the semantic difference between &#8220;based&#8221; and &#8220;following&#8221; when you substitute the former with the latter. It is the difference between suggestion and command, and in this case it gives the participants a lot of room for interpretation. Most participants——myself included——chose to draw <strong>around</strong> the original shape both inside and outside. But that makes it hard——if not impossible——to keep the further iterations faithful to the original shape. Even though it is easier to draw instances of the same shape if you don&#8217;t have to wrap them around the original, only two participants have chosen to do that so far, and it is interesting that both of them used triangles.</p>
<p>I explored a number of options before submitting my choice. I wanted to do something that featured some behavior I believed had some degree of originality, but I also wanted to stay away from formal intricacies or technical conundrums. I decided to look for ambiguity in the idea of &#8220;closed shape&#8221; not by finding a tricky way to define &#8220;closed&#8221; but by finding a simple way to make the idea of &#8220;interior&#8221; relatively unclear. By drawing a line with a few self-intersections I produced enough ambiguity to have a some choices about the interior of the shape. The number eight for example, is it a circle with a twist or is it two circles tangent to each other? From a two dimensional point of view, it can be either one, and the choice you make about which one it is will inform the way you choose to repeat it. I drew the original shape one way, but a minute later I preferred to pretend I drew it differently.</p>
<p><img src="http://blacklog.mitplw.com/wp-content/uploads/hoops_550_2.png" alt="" title="hoops_550_2" width="550" height="325" class="alignnone size-full wp-image-2267" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blacklog.mitplw.com/2011/07/16/human-interference-project/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Undef Print</title>
		<link>http://blacklog.mitplw.com/2011/07/01/undef-print/</link>
		<comments>http://blacklog.mitplw.com/2011/07/01/undef-print/#comments</comments>
		<pubDate>Sat, 02 Jul 2011 00:48:08 +0000</pubDate>
		<dc:creator>black</dc:creator>
				<category><![CDATA[art]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[draw]]></category>
		<category><![CDATA[graphics]]></category>
		<category><![CDATA[simplicity]]></category>
		<category><![CDATA[tiny]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blacklog.mitplw.com/?p=2182</guid>
		<description><![CDATA[This afternoon I accidentally found myself submitting tiny snippets of Javascript code to UndefPrint, and watching my submissions transform into prints almost instantly on a live video stream. The video showed a window to the street on the right side, and moving arms holding beer bottles on the left. In the center of the frame, [...]]]></description>
			<content:encoded><![CDATA[<p>This afternoon I accidentally found myself submitting tiny snippets of Javascript code to <a href="http://www.undefprint.com/">UndefPrint</a>, and watching my submissions transform into prints almost instantly on a live video stream. The video showed a window to the street on the right side, and moving arms holding beer bottles on the left. In the center of the frame, a printer was drawing every submission on an interminable roll of paper. It was 8:30 PM in Berlin when I started looking. It was getting dark, and I stuck around until their clock hit midnight. I think it was 3:00 PM here in California. Ubiquity—to be present in several places at the same time—feels priceless. It even inspired me to write something in this journal for the first time in months ^_^</p>
<p>This exercise in <a href="http://en.wikipedia.org/wiki/Telematics">Telematics</a> and participation is just one out of many—<a href="http://www.lozano-hemmer.com/amodal_suspension.php">Amodal Suspension</a> by Ralfael Lozano-Hemmer and <a href="http://bea.st/sight/absolutQuartet/">Absolut Quartet</a> by Jeff Lieberman &#038; Dan Paluska immediately come to mind—but it stands out in a particular way that is relevant to some of the work we were doing back in the <a href="http://plw.media.mit.edu/">PLW</a> a few years ago. <a href="http://www.undefprint.com/">UndefPrint</a> is only open to participants that can write code. The general public is excluded. At least a bit of knowledge of Javascript and computer science is required to get anything out of <a href="http://www.undefprint.com/">UndefPrint</a>. The idea that <strong>code is a mode of expression</strong> in a way similar to simple speech, doodling, or any other gesture that can be performed in public is not new, but it is an important one, because it puts code next to activities that come naturally to most humans—like speech or hitting on a keyboard to produce sounds—even when coding doesn&#8217;t come naturally for anybody. Perhaps in the future we will be able to speak code—and math—the way we can sort out objects in a crowded room. One can only hope.</p>
<p><img src="http://blacklog.mitplw.com/wp-content/uploads/undefprint.png" alt="" title="undefprint" width="550" height="293" class="alignnone size-full wp-image-2191" /></p>
<p>Here is the code that draws the pattern in the image above, the fifth in my series of submissions:</p>
<pre style="color:dodgerblue;">
for (i=0;i<=pWidth();i++){
  for (j=0;j<=pHeight();j++){
    pSymbolB(219+(Math.floor(Math.sin(j*i))%3));
    pPixel(i,j);}}
</pre>
<p>And, some fooling around with triangular patterns:</p>
<p><img style="opacity:0.9;filter:alpha(opacity=90);" src="http://blacklog.mitplw.com/wp-content/uploads/pattern_4.png" alt="" title="pattern_4" width="550" height="240" class="alignnone size-full wp-image-2236" /><img style="opacity:0.9;filter:alpha(opacity=90);" src="http://blacklog.mitplw.com/wp-content/uploads/pattern_3.png" alt="" title="pattern_3" width="550" height="240" class="alignnone size-full wp-image-2237" /><img style="opacity:0.9;filter:alpha(opacity=90);" src="http://blacklog.mitplw.com/wp-content/uploads/pattern_1.png" alt="" title="pattern_1" width="550" height="240" class="alignnone size-full wp-image-2239" /></p>
<p>Did I ever mention how much I like simple nested for-loops?</p>
]]></content:encoded>
			<wfw:commentRss>http://blacklog.mitplw.com/2011/07/01/undef-print/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>OpenStudio Archives</title>
		<link>http://blacklog.mitplw.com/2009/09/12/openstudio-archives/</link>
		<comments>http://blacklog.mitplw.com/2009/09/12/openstudio-archives/#comments</comments>
		<pubDate>Sun, 13 Sep 2009 03:25:18 +0000</pubDate>
		<dc:creator>black</dc:creator>
				<category><![CDATA[draw]]></category>
		<category><![CDATA[media lab]]></category>
		<category><![CDATA[mit]]></category>
		<category><![CDATA[nostalgia]]></category>
		<category><![CDATA[openstudio]]></category>
		<category><![CDATA[plw]]></category>

		<guid isPermaLink="false">http://blacklog.mitplw.com/?p=1530</guid>
		<description><![CDATA[Yesterday my friend eomsco inaugurated his flickr account with a bunch of OpenStudio drawings that he saved when OpenStudio was still a functional web application. His drawings are some of the most brilliant cartoons I ever saw in OpenStudio, and it filled me with joy to see them around again. I have my own little [...]]]></description>
			<content:encoded><![CDATA[<p>Yesterday my friend <a href="http://www.flickr.com/photos/40371210@N05/">eomsco</a> inaugurated his flickr account with a bunch of <a href="http://openstudio.media.mit.edu/">OpenStudio</a> drawings that he saved when OpenStudio was still a functional web application. His drawings are some of the most brilliant cartoons I ever saw in OpenStudio, and it filled me with joy to see them around again. I have <a href="http://www.flickr.com/photos/blackaller/sets/72157606684072255/">my own little collection</a> of OpenStudio drawings in flickr, and I am positive that many others must have interesting similar backups forgotten in some corner of their file systems.  For this reason alone it made sense to create an <a href="http://www.flickr.com/groups/1256152@N22/">OpenStudio flickr group</a>. <a href="http://www.flickr.com/photos/kylebuza/">Buza</a>, <a href="http://www.flickr.com/photos/25757585@N07/">roadrash</a> and <a href="http://www.flickr.com/photos/burnto/">burnto</a> have already added some content to the group, and Buza has just uploaded the first 200 in a collection of around 900 <a href="http://www.flickr.com/photos/openstudioplw/">user profile pages</a> that he crawled and rendered in early 2008. If you were ever an OpenStudio user, can you find yourself there? Please join the group and share your collections of OpenStudio art if you have them.</p>
<p><img src="http://farm3.static.flickr.com/2474/3910179351_a24858f304_o.jpg" /><br />
Featured illustration: <a href="http://www.flickr.com/photos/40371210@N05/3910179351/">Who&#8217;s there</a> by eomsco.</p>
]]></content:encoded>
			<wfw:commentRss>http://blacklog.mitplw.com/2009/09/12/openstudio-archives/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Input Coffee</title>
		<link>http://blacklog.mitplw.com/2008/04/02/input-coffee/</link>
		<comments>http://blacklog.mitplw.com/2008/04/02/input-coffee/#comments</comments>
		<pubDate>Wed, 02 Apr 2008 14:32:56 +0000</pubDate>
		<dc:creator>black</dc:creator>
				<category><![CDATA[draw]]></category>
		<category><![CDATA[plw]]></category>

		<guid isPermaLink="false">http://plw.media.mit.edu/people/black/journal/?p=587</guid>
		<description><![CDATA[This morning I stumbled upon a diagram somebody made on top of a picture I took during the early days of my stay in the PLW. I don&#8217;t understand if the diagram functions as a statement or a question about how coffee can be transformed into energy that is transformed into information that stimulates the [...]]]></description>
			<content:encoded><![CDATA[<p>This morning I stumbled upon a <a href="http://pixs.media.mit.edu/pictures/draw/787">diagram</a> somebody made on top of a picture I took during the early days of my stay in the PLW. I don&#8217;t understand if the diagram functions as a statement or a question about how coffee can be transformed into energy that is transformed into information that stimulates the need for more coffee. Either way, I find this diagram fascinating. If you made it, please let me know who you are, I&#8217;d love to buy you drinks.</p>
<p><img src="http://blacklog.mitplw.com/wp-content/uploads/custom-content/input_coffee.png" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blacklog.mitplw.com/2008/04/02/input-coffee/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Doodle Movie Number Zero</title>
		<link>http://blacklog.mitplw.com/2008/03/06/doodle-movie-number-zero/</link>
		<comments>http://blacklog.mitplw.com/2008/03/06/doodle-movie-number-zero/#comments</comments>
		<pubDate>Thu, 06 Mar 2008 21:41:48 +0000</pubDate>
		<dc:creator>black</dc:creator>
				<category><![CDATA[draw]]></category>
		<category><![CDATA[plw]]></category>

		<guid isPermaLink="false">http://plw.media.mit.edu/people/black/journal/?p=584</guid>
		<description><![CDATA[I made a movie with nine months of drawing data from TinyDoodle and put it here. It takes some time to load because it&#8217;s 27 mb. It is also about three minutes long. I would have compressed it more but the drawings were starting to fade. I also thought about cutting a shorter version but [...]]]></description>
			<content:encoded><![CDATA[<p>I made a movie with nine months of drawing data from TinyDoodle and put it <a href="http://black.mitplw.com/doodle_0">here</a>. It takes some time to load because it&#8217;s 27 mb. It is also about three minutes long. I would have compressed it more but the drawings were starting to fade. I also thought about cutting a shorter version but I found it appealing to look at everything.</p>
<p>The following are some selected frames I chose from the movie.</p>
<p><img src="/wp-content/uploads/custom-content/doodle_550_0.jpg" /><br />
<img src="/wp-content/uploads/custom-content/doodle_550_1.jpg" /><br />
<img src="/wp-content/uploads/custom-content/doodle_550_2.jpg" /><br />
<img src="/wp-content/uploads/custom-content//doodle_550_3.jpg" /><br />
<img src="/wp-content/uploads/custom-content/doodle_550_4.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blacklog.mitplw.com/2008/03/06/doodle-movie-number-zero/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PictureXS tracing</title>
		<link>http://blacklog.mitplw.com/2008/02/08/picturexs-tracing/</link>
		<comments>http://blacklog.mitplw.com/2008/02/08/picturexs-tracing/#comments</comments>
		<pubDate>Fri, 08 Feb 2008 07:23:45 +0000</pubDate>
		<dc:creator>black</dc:creator>
				<category><![CDATA[draw]]></category>
		<category><![CDATA[plw]]></category>

		<guid isPermaLink="false">http://plw.media.mit.edu/people/black/journal/?p=582</guid>
		<description><![CDATA[I have just added a canvas to trace over pictures in PictureXS. When you are looking at a particular picture, for example this one, you just have to click on trace in the right side of the head of the page to display the canvas, then trace or annotate, and submit if you want to [...]]]></description>
			<content:encoded><![CDATA[<p>I have just added a canvas to trace over pictures in <a href="http://pixs.media.mit.edu/pictures/show/787">PictureXS</a>. When you are looking at a particular picture, for example <a href="http://pixs.media.mit.edu/pictures/show/9653">this one</a>, you just have to click on <strong>trace</strong> in the right side of the head of the page to display the canvas, then trace or annotate, and <strong>submit</strong> if you want to save your doodle. I still have to add more functionality to the tracing mechanism, but I think for now it&#8217;s already fun to play with. Some extras will be easy to do, like hiding the image to see the doodle alone, or browsing only through the images that have been traced over, and other things will be harder, like adding a color palette, undos, or ways to save image files from the drawings. A couple of the things I found myself doing was putting mustaches and beards or devil horns on peoples faces, or making they say funny things with comic book balloons. I think I might implement an extra canvas layer for the censorship, so you could cover things up in a permanent way. But that is a little harder because I might want to merge the drawing with the actual pixels of the image. Maybe one day.</p>
<p>This is where you click to trace:<br />
<img src="http://blacklog.mitplw.com/wp-content/uploads/custom-content/trace_01.png" /></p>
<p>This is a <a href="http://pixs.media.mit.edu/pictures/show/9687">happy cat</a>:<br />
<img src="http://blacklog.mitplw.com/wp-content/uploads/custom-content/gatito_trace.png" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blacklog.mitplw.com/2008/02/08/picturexs-tracing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drawing in e15:oGFx</title>
		<link>http://blacklog.mitplw.com/2008/02/03/drawing-in-e15ogfx/</link>
		<comments>http://blacklog.mitplw.com/2008/02/03/drawing-in-e15ogfx/#comments</comments>
		<pubDate>Sun, 03 Feb 2008 20:35:46 +0000</pubDate>
		<dc:creator>black</dc:creator>
				<category><![CDATA[draw]]></category>
		<category><![CDATA[e15]]></category>
		<category><![CDATA[ogfx]]></category>
		<category><![CDATA[opengl]]></category>
		<category><![CDATA[plw]]></category>

		<guid isPermaLink="false">http://plw.media.mit.edu/people/black/journal/?p=580</guid>
		<description><![CDATA[We all have complained at some point about how limited the mouse is. But, is it? The two dimensional single point mapping of mouse interactions can seem like a poor way to interact with the multidimensional, information rich virtual space displayed in our computer screens today. It is true, having to click through thousands of [...]]]></description>
			<content:encoded><![CDATA[<p>We all have complained at some point about how limited the mouse is. But, is it? The two dimensional single point mapping of mouse interactions can seem like a poor way to interact with the multidimensional, information rich virtual space displayed in our computer screens today. It is true, having to click through thousands of web links to see the online pictures of all of my friends is definitely more painful than seamlessly navigating through a sea of pictures, dragging flocks of them as if I was using an invisible fishing net, and arranging them back together in spatial ways that could tell me not only about them as particular pictures or sequences of pictures, but as non linear narrative snapshots of time, experience and memory. </p>
<p>However, when thinking about experience and interaction, overwhelming your subjects with too much input can become a problem, and it is especially hard to design experiences that can be interaction rich and at the same time make sense. The world and our perception are a perfectly balanced system where everything seems coherent and accessible to our senses, at least most of the times, but when it comes to manipulate tools with a specific goal in mind, narrowing interaction down to the minimum gives us the advantages of focus and control. When drawing for example, every single artist in history has used the single point touch of the charcoal, pencil, pen or brush over a flat surface, performing a slightly different gesture, but just as limited, than the one imposed by the mouse. When creating a drawing with the pencil or the mouse, the differences come from the reactions of the material (paper or similar for the pencil, and computer for the mouse), and not from the devices. A mouse can be given the shape of a pencil, and used over a pressure sensitive display, it responds to the drawing gesture just as a pencil would. </p>
<p>Because of this reason, and because the human drawing gesture is a perfect source for random input, we have introduced mouse input into <a href="http://web.media.mit.edu/~black/ogfx/">oGFx</a>. There are several different ways to draw in oGFx. The drawing gesture can be mapped from screen coordinates to 3D coordinates in the OpenGL context or 2D coordinates in the Quartz2D context. We started by making the raw screen coordinates available to the python interpreter, so the decision of what to do with them could be taken by the programmer of the drawing experience.</p>
<p>I wrote a few scripts that map the screen coordinates to Quartz2D coordinates, adding some behavior to the strokes, a simple implementation of the Bresenham line  algorithm, and a low resolution canvas. I have been working with simple drawing tools for a while, and I found oGFx to be a refreshing platform to experiment with, specially because of the four following reasons: I can change the definitions in a script without having to stop the program (or even stop drawing), I can draw and navigate around a drawing in 3D at the same time, I can apply and remove CoreImage filters on the fly, and I can project the action of drawing over history. Even though all these reasons are some of the important features of oGFx that we have been using from the beginning, they were not combined with hand drawing until recently.   </p>
<p><img src="http://blacklog.mitplw.com/wp-content/uploads/custom-content/ogfx_draw_550_4.png" /><br />
<img src="http://blacklog.mitplw.com/wp-content/uploads/custom-content/ogfx_draw_550_1.png" /><br />
<img src="http://blacklog.mitplw.com/wp-content/uploads/custom-content/ogfx_draw_550_8.png" /><br />
<img src="http://blacklog.mitplw.com/wp-content/uploads/custom-content/ogfx_draw_550_7.png" /><br />
<img src="http://blacklog.mitplw.com/wp-content/uploads/custom-content/ogfx_draw_550_5.png" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blacklog.mitplw.com/2008/02/03/drawing-in-e15ogfx/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

