<?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>Robin Sloan &#187; processing</title>
	<atom:link href="http://robinsloan.com/tag/processing/feed" rel="self" type="application/rss+xml" />
	<link>http://robinsloan.com</link>
	<description>Writer &#38; media inventor. This is where I share notes, ideas &#38; works in progress—just about every day!</description>
	<lastBuildDate>Wed, 11 Aug 2010 23:56:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>A cover that moves and sings</title>
		<link>http://robinsloan.com/2009/76</link>
		<comments>http://robinsloan.com/2009/76#comments</comments>
		<pubDate>Wed, 21 Oct 2009 21:49:42 +0000</pubDate>
		<dc:creator>robin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[kickstarter]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://robinsloan.com/?p=66</guid>
		<description><![CDATA[
Not so much a book trailer as an animated book cover... and a love letter to my Kickstarter backers. (And you can see it even bigger on YouTube.)
I said this over on Kickstarter, too, but for those of you discovering it here first: As you watch it, imagine some future e-book with this animation literally [...]]]></description>
			<content:encoded><![CDATA[<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/Qa6k1ZF90E8&#038;hl=en&#038;fs=1&#038;rel=0&#038;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Qa6k1ZF90E8&#038;hl=en&#038;fs=1&#038;rel=0&#038;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
<p>Not so much a book trailer as an animated book cover… and a love letter to my Kickstarter backers. (And you can see it <a href="http://www.youtube.com/watch?v=Qa6k1ZF90E8">even bigger on YouTube</a>.)</p>
<p>I said this <a href="http://www.kickstarter.com/projects/robinsloan/robin-writes-a-book-and-you-get-a-copy/posts/2616">over on Kickstarter</a>, too, but for those of you discovering it here first: As you watch it, imagine some future e-book with this animation literally built into the cover, writhing on your bookshelf. I want that.</p>
<p>If you’re new to this: <a href="http://www.kickstarter.com/projects/robinsloan/robin-writes-a-book-and-you-get-a-copy">You can still join up!</a> The project closes on October 31.</p>
<p><em>The soundtrack</em> is Demonic With Horns by <a href="http://boyeatsdrummachine.com/">Boy Eats Drum Machine</a>, a.k.a. Jon Ragel, who “spins breaks and surgically inserts sounds while juggling vocals, percussion, and saxophone” and is one of my current favorites. Another of his tracks, Ross Island—<a href="http://boyeatsdrummachine.com/downloads">free to download</a>—has been in heavy rotation during the whole writing process. <a href="http://www.amazon.com/gp/product/B001FVIA5K?ie=UTF8&#038;tag=robinsloancom-20&#038;linkCode=as2">Here he is on Amazon MP3.</a> Thanks, BEDM!</p>
<p>The visuals were generated in <a href="http://processing.org">Processing</a>.</p>
<p><em>Nerd note:</em> after the rush of this book is over, I need to change the way I do Processing projects. Right now it’s totally strung-together, totally dependent on weird system-specific file-paths and variables, which makes it basically impossible to share the code. And I would like to share it! So that’s on the to-do list.</p>


<p><b>Related posts:</b><ol><li><a href='http://robinsloan.com/2009/81' rel='bookmark' title='Permanent Link: 33 hours ’til midnight'>33 hours ’til midnight</a></li><li><a href='http://robinsloan.com/2010/1677' rel='bookmark' title='Permanent Link: Love and quantum physics'>Love and quantum physics</a></li><li><a href='http://robinsloan.com/2009/57' rel='bookmark' title='Permanent Link: Building an imaginary tower'>Building an imaginary tower</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://robinsloan.com/2009/76/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Building an imaginary tower</title>
		<link>http://robinsloan.com/2009/57</link>
		<comments>http://robinsloan.com/2009/57#comments</comments>
		<pubDate>Mon, 28 Sep 2009 18:04:58 +0000</pubDate>
		<dc:creator>robin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[annabel scheme]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[kickstarter]]></category>
		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://robinsloan.com/?p=57</guid>
		<description><![CDATA[
I’m not just writing the words for my book; I’m doing the illustrations, too. So I thought I’d walk you through the process. This is the most recent one, which I did on Saturday afternoon.
Quick background: San Francisco’s Sutro Tower is already pretty extraordinarily spooky, so it’s not much of a stretch to think it [...]]]></description>
			<content:encoded><![CDATA[<div style="width:500px;">
<p>I’m not just writing the words for <a href="http://www.kickstarter.com/projects/robinsloan/robin-writes-a-book-and-you-get-a-copy">my book</a>; I’m doing the illustrations, too. So I thought I’d walk you through the process. This is the most recent one, which I did on Saturday afternoon.</p>
<p><em>Quick background:</em> San Francisco’s Sutro Tower is <a href="http://www.flickr.com/search/?q=sutro+tower">already pretty extraordinarily spooky</a>, so it’s not much of a stretch to think it might play a small-but-important role in a story about the digital and the occult.</p>
<p>Like a lot of things in my fictional San Francisco, it’s recognizable but… <i>off</i>. It has a different name. And it looks a bit different—so I thought it would be a fun thing to illustrate.</p>
<p><b>Here’s how I went from head to page.</b> (Fair warning: this is a very tall post, with lots of images, so get ready to scroll.)</p>
</div>
<p><span id="more-57"></span></p>
<div style="width:500px;">
<p><em>I started with some sketchy, almost gestural drawings.</em> I only scanned two, but imagine a stack of twenty. My method is just to tear through them—dash one off, pull out a new sheet of paper, do another. It’s to loosen up as much as anything else. And by moving quickly, you keep the evaluating/filtering part of your brain at bay.</p>
<p>And, often, you surprise yourself.</p>
<p><a href="http://www.flickr.com/photos/rs/3962398377/" title="sutro-gestural-sketch-1 by sloanro, on Flickr"><img src="http://farm4.static.flickr.com/3481/3962398377_a1d38a1113_o.png" width="500" height="721" alt="sutro-gestural-sketch-1" /></a></p>
<p><a href="http://www.flickr.com/photos/rs/3963172546/" title="sutro-gestural-sketch-2 by sloanro, on Flickr"><img src="http://farm4.static.flickr.com/3420/3963172546_0842635d87_o.png" width="500" height="664" alt="sutro-gestural-sketch-2" /></a></p>
<p>This one’s a bit different, but it gets at the mood I was imagining:</p>
<p><a href="http://www.flickr.com/photos/rs/3957553323/" title="sutro-BW-sketch-500 by sloanro, on Flickr"><img src="http://farm3.static.flickr.com/2564/3957553323_15241942a2_o.png" width="500" height="500" alt="sutro-BW-sketch-500" /></a></p>
<p>These got me going in the right direction, but honestly they were all a bit too <a href="http://en.wikipedia.org/wiki/Barad-d%C3%BBr">Barad-dûr</a> for my taste. I knew I wanted the tower to have a more restrained, geometric form—but not without sacrificing some of the weirdness I’d sketched out.</p>
<p><em>So it seemed like the next step was a 3D model.</em> I knew I wanted to make a model if I could, because it gives you so much flexibility; you can “pose” it however you like, and if you’re not happy with the way it looks, you can just try a different angle.</p>
<p>I’m actually terrible at traditional 3D modeling—I never got past the sphere-and-cube phase—but I’m pretty good with <a href="http://processing.org">Processing</a>…</p>
<p><a href="http://www.flickr.com/photos/rs/3962440017/" title="sutro-processing-window-500 by sloanro, on Flickr"><img src="http://farm3.static.flickr.com/2601/3962440017_62d215f41f_o.png" width="500" height="470" alt="sutro-processing-window-500" /></a></p>
<p>…so I wrote a computer program to make a model for me. After lots of tweaking, here’s what I ended up with. <em>(Press play.)</em></p>
<p><object type="application/x-shockwave-flash" width="500" height="772" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=21621276b9&#038;photo_id=3957552981"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=21621276b9&#038;photo_id=3957552981" height="772" width="500"></embed></object></p>
<p>Now, I was building a new tower, but I wanted some recognizable Sutro-ness, too, so I did a little cut-and-paste engineering:</p>
<p><a href="http://www.flickr.com/photos/rs/3957542151/" title="sutro-sketchup-500 by sloanro, on Flickr"><img src="http://farm3.static.flickr.com/2539/3957542151_82f92c9139_o.png" width="500" height="458" alt="sutro-sketchup-500" /></a></p>
<p>Not the most elegant method, but: <i>a)</i> I knew the silhouette was the important thing, not the architectural specifics; <i>b)</i> I couldn’t afford to spend all day on it; and <i>c)</i> it turns out I like the blunt chimeric look!</p>
<p><em>Get ready to scroll!</em> Here’s the hybrid tower, fully assembled:</p>
<p><a href="http://www.flickr.com/photos/rs/3958318078/" title="sutro-supertall-500 by sloanro, on Flickr"><img src="http://farm4.static.flickr.com/3434/3958318078_e738447dbf_o.png" width="500" height="1422" alt="sutro-supertall-500" /></a></p>
<p>I think you can see some of the vibe of those original sketches reflected here—there’s a lot of <i>twistiness</i>.</p>
<p><em><a href="http://robinsloan.com/storage/robinsloan-new-sutro-sketchup.skp">Here’s the SketchUp file</a> if you want to play around with it.</em></p>
<p>So then it was just a matter of finding a cool angle, snapping a picture, and building a scene around it in Photoshop. Here’s the finished product (created at 300dpi for printing, but scaled down for display here):</p>
<p><a href="http://www.flickr.com/photos/rs/3958318012/" title="sutro-day-500 by sloanro, on Flickr"><img src="http://farm3.static.flickr.com/2596/3958318012_ff15e3d397_o.png" width="500" height="761" alt="sutro-day-500" /></a></p>
<p>And here it is at night:</p>
<p><a href="http://www.flickr.com/photos/rs/3957541985/" title="sutro-night-500 by sloanro, on Flickr"><img src="http://farm3.static.flickr.com/2539/3957541985_8806f43488_o.png" width="500" height="761" alt="sutro-night-500" /></a></p>
<p><b>So now I need your help:</b> Which do you prefer?</p>
<p><em>P.S. Here’s <a href="http://www.kickstarter.com/projects/robinsloan/robin-writes-a-book-and-you-get-a-copy/">the project this is part of</a>; check it out if you haven’t yet!</em></p>
</div>


<p> </p>]]></content:encoded>
			<wfw:commentRss>http://robinsloan.com/2009/57/feed</wfw:commentRss>
		<slash:comments>50</slash:comments>
		</item>
		<item>
		<title>Simulated luckdragon</title>
		<link>http://robinsloan.com/2009/43</link>
		<comments>http://robinsloan.com/2009/43#comments</comments>
		<pubDate>Tue, 23 Jun 2009 07:22:40 +0000</pubDate>
		<dc:creator>robin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://robinsloan.com/?p=43</guid>
		<description><![CDATA[
I just had this vision and felt compelled to make it. It's some recombinant version of this guy, I think. Built and animated with Processing. (Check it out in HD!)


Related posts:A cover that moves and sings]]></description>
			<content:encoded><![CDATA[<p><object type="application/x-shockwave-flash" width="600" height="337" data="http://www.flickr.com/apps/video/stewart.swf?v=71377" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&#038;photo_secret=037309b71c&#038;photo_id=3653504660&#038;hd_default=false"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=71377"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&#038;photo_secret=037309b71c&#038;photo_id=3653504660&#038;hd_default=false" height="337" width="600"></embed></object></p>
<p>I just had this vision and felt compelled to make it. It’s some recombinant version of <a href="http://en.wikipedia.org/wiki/Characters_of_The_Neverending_Story#Falkor_the_luckdragon">this guy</a>, I think. Built and animated with <a href="http://processing.org">Processing</a>. (Check it out in HD!)</p>


<p><b>Related posts:</b><ol><li><a href='http://robinsloan.com/2009/76' rel='bookmark' title='Permanent Link: A cover that moves and sings'>A cover that moves and sings</a></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://robinsloan.com/2009/43/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
