<?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>Adam Florin</title>
	<atom:link href="http://adamflorin.com/feed" rel="self" type="application/rss+xml" />
	<link>http://adamflorin.com</link>
	<description>I write music and software to create media experiences in design and the arts.</description>
	<lastBuildDate>Wed, 30 Nov 2011 20:38:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Loom: a generative music platform</title>
		<link>http://adamflorin.com/work/loom/loom-a-generative-music-platform</link>
		<comments>http://adamflorin.com/work/loom/loom-a-generative-music-platform#comments</comments>
		<pubDate>Mon, 14 Nov 2011 20:29:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Loom]]></category>
		<category><![CDATA[generative music]]></category>

		<guid isPermaLink="false">http://adamflorin.com/?p=254</guid>
		<description><![CDATA[
Jacquard Loom. Photo: Frank da Cruz, via Columbia Univ. Computing History
Over the past year of generative music experiments in performances and installations, I&#8217;ve been chipping away at a homebrew, Ruby-based platform for Ableton Live which I call Loom—named for the textile pattern-generating ancestor of the computer. In hopes of getting more ears on it, I&#8217;ve [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://adamflorin.com/wp-content/uploads/2011/11/loom_450.jpg" width="450" height="300" class="alignnone size-full wp-image-328" /><br />
<small>Jacquard Loom. Photo: Frank da Cruz, via <a href="http://www.columbia.edu/cu/computinghistory/jacquard.html">Columbia Univ. Computing History</a></small></p>
<p>Over the past year of generative music experiments in <a href="http://vimeo.com/24277653">performances</a> and <a href="http://adamflorin.com/work/loom/soundaffects-generative-music-on-the-streets">installations</a>, I&#8217;ve been chipping away at a homebrew, Ruby-based platform for Ableton Live which I call <strong>Loom</strong>—named for the <a href="http://www.columbia.edu/cu/computinghistory/jacquard.html">textile pattern-generating ancestor of the computer</a>. In hopes of getting more ears on it, I&#8217;ve recently distilled it all down to a lean and modular (albeit <em>very</em> alpha) core, and published <a href="https://github.com/adamflorin/loom">the source on GitHub</a>, where you&#8217;ll also find a slightly more technical introduction than the pontificating, hyperlinking, and screencasting below.</p>
<p><span id="more-254"></span></p>
<p>For the uninitiated, you can think of it as computer-aided composition: you describe the music in high-level terms of characteristics and motifs, do your sound design, and let the computer generate the specific MIDI patterns (melodies, rhythms, etc.). You can surface parameters to tweak for a live performance, or you can just let it run for hours (days, weeks&#8230;) as an installation or radio station. But, ideally, you&#8217;ll always be surprised (maybe even pleasantly!) by the music that emerges.</p>
<p>Loom&#8217;s architecture has been emerging from the application of Ruby idioms to generative music. At its core, it&#8217;s just a smattering of Ruby APIs hooked into a Max event loop. Writing a Loom module, for example, is just a matter of <a href="http://avdi.org/devblog/2008/02/23/why-monkeypatching-is-destroying-ruby/">monkeypatching</a> right in. But these idioms—<a href="http://www.innovationontherun.com/why-rubys-mixins-gives-rails-an-advantage-over-java-frameworks/">mixin</a> modularity, the teasing out of randomness from controller logic (kinda inspired by <a href="http://www.codinghorror.com/blog/2008/05/understanding-model-view-controller.html">MVC</a>)—have begun to propose a deeper architecture which has just begun to come into focus. Compared to the excellent, more established generative music platforms below, Loom is shaping up to be: more opaque than <a href="http://www.csse.monash.edu.au/~cema/nodal/">diagrammatic</a>; more emergent than <a href="http://www.softsynth.com/hmsl/">hierarchical</a>; neither a <a href="http://apps.stfj.net/synthPond/">sonification of a visualized/physical process</a>, nor a <a href="http://vimeo.com/2433947">live-coding environment</a>. Loom is actually defiantly oblivious to the medium of sight. (I tend to agree with artist Eva Schindling&#8217;s <a href="http://www.evsc.net/research/why-algorithmic-visuals-ruin-my-music-experience-elektra-2011">criticism of music visualizers</a>; once the visual cortex is engaged, musical listening may suffer.) I&#8217;d like to get a <i>little</i> more visual feedback out of those Live knobs, though!</p>
<p><iframe src="http://player.vimeo.com/video/31945050?byline=0&amp;portrait=0&amp;color=dc4921" width="451" height="338" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe></p>
<p>The screencast mainly explains modules and generators, and doesn&#8217;t even touch Ruby. (Nor does it include early experiments I have yet to factor into the new alpha architecture, like <a href="http://www.youtube.com/watch?v=T0mfTrNwGEE">just intonation</a> or <a href="http://www.youtube.com/watch?feature=player_detailpage&#038;v=kVja2pjrEgI#t=186s">exponential rhythms</a>.) I typically stay in the Live UI while music-making, as dropping into Ruby means engaging a whole abstract-symbol-manipulation brain thing that can stunt my musical thinking. I like this separation: the depth and opacity of code with high-level parameters at the surface. There are many depths to swim at.</p>
<p>But, theory aside, there is something thrilling in the unpredictability of working with Loom. Electronic music made composition more of a textural, quantitative, alchemical process, in which you &#8220;mix&#8221; amounts of known quantities rather than labor away at the production of each sound. (That said, there&#8217;s no substitute for musicianship. I typically turn to physical instruments as tools for thought to work out nascent generative ideas!) Generative music pushes this even further, so that you&#8217;re not just mixing volumes or textures, but qualities, characteristics, motifs, as well as their underlying quantities, parameters, gaussian random number distributions. It&#8217;s a whole other mode of composition, more like steering than performing any kind of athletic feat, and it brings with it all the attendant dangers of automation. But, so so fun.</p>
<p><small>Many thanks to <a href="http://adagio.calarts.edu/~met/">Mark Trayle</a>, my advisor for the early life of this project.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://adamflorin.com/work/loom/loom-a-generative-music-platform/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Code: Notes on a literary medium</title>
		<link>http://adamflorin.com/writing/code-notes-on-a-literary-medium</link>
		<comments>http://adamflorin.com/writing/code-notes-on-a-literary-medium#comments</comments>
		<pubDate>Fri, 26 Aug 2011 05:31:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Writing]]></category>
		<category><![CDATA[critical theory]]></category>

		<guid isPermaLink="false">http://adamflorin.com/?p=265</guid>
		<description><![CDATA[The faint ebb of Steve Jobs&#8217; influence on personal computing this week seems to have set off a moment of reflection and nostalgia on the emergence of a medium and its guiding principles. No better time, thought I, than to self-publish the soul-searching essay I wrote last spring to make sense of a half century [...]]]></description>
			<content:encoded><![CDATA[<p>The faint ebb of Steve Jobs&#8217; influence on personal computing this week seems to have set off a moment of reflection and nostalgia on the emergence of a medium and its guiding principles. No better time, thought I, than to self-publish <a href='http://adamflorin.com/wp-content/uploads/2011/08/Florin_Code110519.pdf'>the soul-searching essay</a> I wrote last spring to make sense of a half century of computing, ultimately reading code and computers as, well, <em>texts</em>, media, literary documents.</p>
<p><span id="more-265"></span></p>
<p>In his introduction (<a href="http://www.wired.com/epicenter/2011/08/pray-2/">posted today in <em>Wired</em></a>) to the updated edition of <em>West of Eden</em>, a telling of Jobs&#8217; own undoing in &#8216;85, Frank Rose writes: &#8220;Personal computers in the ’80s were exotic beasts, as pregnant with threat as with promise.&#8221; This sounds about right. The idea that computers were a life force making designs on humanity enthralled me as a teenager <a href="http://us.penguingroup.com/static/packages/us/kurzweil/excerpts/exmain.htm">reading Ray Kurzweil</a>, then unnerved me as an undergraduate student of Computer Music. Because, they&#8217;re still just a thing we made, right?</p>
<p>Then I came across <a href="http://gizmodo.com/5834112/nobody-uses-their-real-name-online-and-other-outdated-notions">Derek Powazek&#8217;s article</a> about pseudonymity in the place they once called &#8220;cyberspace&#8221;: &#8220;Most communication online [in the mid-'90s] was hidden behind handles, which reinforced the idea that the internet was not &#8216;real&#8217; in the same way real life was&#8221;—finally concluding, &#8220;the internet is not a second life anymore, it&#8217;s your first one.&#8221; Yes, we&#8217;ve found much more gratification in online identities as editorializing, rather than fictionalizing, our physical selves.</p>
<p>These two citations from today point to the two &#8220;myths of disembodiment&#8221; in computing per Jay David Bolter and Diane Gromala, in their excellent <a href="http://mitpress.mit.edu/catalog/item/default.asp?tid=9906&#038;ttype=2"><em>Windows and Mirrors</em></a>, which I draw from in my essay. In the myth of AI (1950s-70s), computers are seen as disembodied minds; in the myth of cyberspace (1980s-90s), computers are viewed as a space for our own disembodied minds. Now, they argue, we live in an era of &#8220;embodied computing&#8221;.</p>
<p>Since it&#8217;s is a fairly rough-hewn text itself, &#8220;more about connectivity than a terminus&#8221; as my advisor <a href="http://adagio.calarts.edu/~sroberts/">Sara Roberts</a> at CalArts proposed, here are some sparks and teasers on its contents: the eccentric Alan Turing conceiving of computers as &#8220;not just a medium but a mind&#8221; (Bolter and Gromala) — Sherry Turkle considering why computers are viewed in psychological terms — mid-century structuralist suppositions that human intelligence rests on abstract symbol manipulation — &#8220;cyberspace&#8221; and computers as a parallel, counter-cultural space — <a href="http://chronicle.com/article/Hello-Worlds/5476">Matthew Kirschenbaum on “programming as world-making”</a> — <a href="http://www.literateprogramming.com/knuthweb.pdf">Donald E. Knuth and &#8220;literate programming&#8221;</a> — speech act theory and a most-excellent debunking of AI <a href="http://books.google.com/books?id=2sRC8vcDYNEC&#038;lpg=PA70&#038;ots=20qxRkpqUh&#038;dq=Terry%20Winograd%20and%20Fernando%20Flores%2C%20Understanding%20Computers%20and%20Cognition&#038;pg=PP1#v=onepage&#038;q&#038;f=false">via Terry Winograd and Fernando Flores</a> — Florian Cramer <a href="http://www.netzliteratur.net/cramer/digital_code_and_literary_text.html">proposing a digital poetry</a> — plus Donald Norman, Nelson Goodman, Adrian Holovaty, and Yukihiro Matsumoto, among others&#8230;</p>
<p>Despite the irregular prose and single-sitting writing, I invite you to slog through the unedited <a href='http://adamflorin.com/wp-content/uploads/2011/08/Florin_Code110519.pdf'>&#8220;Code: Notes on an expressive, linguistic medium&#8221;</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://adamflorin.com/writing/code-notes-on-a-literary-medium/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Divining Rod</title>
		<link>http://adamflorin.com/work/divining-rod</link>
		<comments>http://adamflorin.com/work/divining-rod#comments</comments>
		<pubDate>Wed, 24 Aug 2011 16:46:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[generative music]]></category>
		<category><![CDATA[robotics]]></category>
		<category><![CDATA[sound installation]]></category>

		<guid isPermaLink="false">http://adamflorin.com/?p=255</guid>
		<description><![CDATA[
Sound installation for brass slide on guitar strings with computer processing; activated by Arduino, servo, found wood, and a lot of fishing wire.
Shown at the Wave Cave at CalArts, spring 2011.

The &#8220;generative&#8221; angle came into play in the Arduino code. I felt that letting the brass slide go careening at random times to random positions [...]]]></description>
			<content:encoded><![CDATA[<p><iframe src="http://player.vimeo.com/video/23104263?byline=0&amp;portrait=0&amp;color=dc4921" width="448" height="336" frameborder="0"></iframe></p>
<p>Sound installation for brass slide on guitar strings with computer processing; activated by Arduino, servo, found wood, and a lot of fishing wire.</p>
<p>Shown at the Wave Cave at CalArts, spring 2011.</p>
<p><span id="more-255"></span></p>
<p>The &#8220;generative&#8221; angle came into play in the Arduino code. I felt that letting the brass slide go careening at random times to random positions was quickly exhausting to listen to. So I built a sort of superstructure above the base-level random decisions—a multi-level system which loops random patterns at varying timescales. So, as the slide is sawing along, it will get stuck in little eddies, vortices, in which it repeats a given gesture (be it short or long) a few times before moving on. Then, I think the listener takes it from there, as cognition begins to hear order, making phrases out of the shapes.</p>
]]></content:encoded>
			<wfw:commentRss>http://adamflorin.com/work/divining-rod/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SoundAffects: generative music on the streets</title>
		<link>http://adamflorin.com/work/loom/soundaffects-generative-music-on-the-streets</link>
		<comments>http://adamflorin.com/work/loom/soundaffects-generative-music-on-the-streets#comments</comments>
		<pubDate>Thu, 11 Aug 2011 19:55:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Loom]]></category>
		<category><![CDATA[generative music]]></category>
		<category><![CDATA[sound installation]]></category>

		<guid isPermaLink="false">http://adamflorin.com/?p=227</guid>
		<description><![CDATA[Last spring I was approached by the always-awesome Tellart to consult on a fairly unique generative music street installation, to be deployed in lower Manhattan for Parsons The New School for Design. There was going to be a long wall on 5th Ave rigged with cameras and sensors of all sorts, data visualization on the [...]]]></description>
			<content:encoded><![CDATA[<p>Last spring I was approached by the always-awesome <a href="http://tellart.com/">Tellart</a> to consult on a fairly unique generative music street installation, to be deployed in lower Manhattan for <a href="http://www.newschool.edu/parsons/">Parsons The New School for Design</a>. There was going to be a long wall on 5th Ave rigged with cameras and sensors of all sorts, data visualization on the website, and a 24/7 streaming soundtrack. The only question was: what will it sound like?</p>
<p>UPDATE: new, official video from <a href="http://mono-1.com/">mono</a>!</p>
<p><iframe src="http://player.vimeo.com/video/28215489?byline=0&amp;portrait=0&amp;color=dc4921" width="448" height="252" frameborder="0"></iframe></p>
<p><span id="more-227"></span></p>
<p>The result was <a href="http://stream.tellart.com/2011/05/13/soundaffects/">SoundAffects</a>, and we&#8217;re all quite proud. I was able to bring in my fledgling Ruby-based generative music system for Ableton Live, <a href="/work/loom">Loom</a> (still in pre-alpha development at the time), which led to the construction of a larger, more elaborate Live-based system for dynamic input-based composition. And after brainstorming for hours about what effects weather changes and circadian rhythms have on our musical desires, my friend / Tellart employee Jasper Speicher and I had some pretty excellent times fleshing out these ideas on drums and keyboards in the studio.</p>
<p>In fact, you can see that in the behind-the-scenes video, as well as how we explored urban space through amateur surveillance, using cheap USB cameras and San Francisco&#8217;s Kearny St as a substitute for 5th Ave.</p>
<p><iframe src="http://player.vimeo.com/video/24123028?byline=0&amp;portrait=0&amp;color=dc4921" width="448" height="252" frameborder="0"></iframe></p>
<p>For more samples of the generated music, <a href="http://soundaffectsnyc.com/">the SoundAffects site</a> is still up, and has a really slick archive so you can listen back to highlights from when the experiment was up back in May. All I&#8217;ll say about NY last May is, well, I&#8217;m glad we factored in precipitation data. !</p>
]]></content:encoded>
			<wfw:commentRss>http://adamflorin.com/work/loom/soundaffects-generative-music-on-the-streets/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Triple Canopy redesign / Horizonize</title>
		<link>http://adamflorin.com/work/triple-canopy-redesign-horizonize</link>
		<comments>http://adamflorin.com/work/triple-canopy-redesign-horizonize#comments</comments>
		<pubDate>Sun, 16 Jan 2011 23:22:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Horizonize]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[dynamic layout]]></category>

		<guid isPermaLink="false">http://adamflorin.com/?p=205</guid>
		<description><![CDATA[Last fall, Triple Canopy released a fairly massive redesign, including a ground-up rewrite of our familiar side-scrolling layout system.

Screenshot from the beautifully-illustrated &#8220;To Have Is to Owe&#8221;, from issue 10.

The primary impetus behind the redesign for me is well-expressed in our statement:
Ultimately, we decided to jettison the page entirely, atomizing it into a smaller structural [...]]]></description>
			<content:encoded><![CDATA[<p>Last fall, <a href="http://canopycanopycanopy.com/">Triple Canopy</a> released <a href="http://canopycanopycanopy.com/updates/73">a fairly massive redesign</a>, including a ground-up rewrite of our familiar side-scrolling layout system.</p>
<p><a href="http://canopycanopycanopy.com/"><img src="http://adamflorin.com/wp-content/uploads/2011/01/tc-2011-450.png" alt="" title="Triple Canopy: To Have is to Owe" width="450" height="300" class="alignnone size-full wp-image-206" /></a><br />
<small>Screenshot from the beautifully-illustrated <a href="http://canopycanopycanopy.com/10/to_have_is_to_owe">&#8220;To Have Is to Owe&#8221;</a>, from <a href="http://canopycanopycanopy.com/10/">issue 10</a>.</small></p>
<p><span id="more-205"></span></p>
<p>The primary impetus behind the redesign for me is well-expressed in <a href="http://canopycanopycanopy.com/updates/73">our statement</a>:</p>
<blockquote><p>Ultimately, we decided to jettison the page entirely, atomizing it into a smaller structural unit, the column. Our hope is to restore some of the sophistication of modern, columnar print layouts while avoiding the pitfalls of slavishly translating that trope to the markedly different environment of the screen. This design will facilitate visual narratives that are seamless, yet allow audiovisual objects to maintain their own internal organization&#8230; are multidirectional yet propel the reader along a discrete horizon.</p></blockquote>
<p>The design is, in and of itself, an &#8220;argument for the high-resolution reading experience&#8221; online. The editors have done a lovely job with the new tools in <a href="http://canopycanopycanopy.com/10">Issue #10</a>, and I&#8217;m sure it&#8217;s only going to get better from here.</p>
<p>The engine I developed to do all that in-browser layout magic is about 500 lines of JavaScript called <a href="https://github.com/triplecanopy/horizonize">Horizonize</a>, which I&#8217;m pleased to announce I&#8217;ve just open-sourced on GitHub. You can set it up, and then feed it standard HTML—with some special cues here and there—and out come side-scrolling layouts. I look forward to seeing what brave organizations find a use for this tool on their own sites!</p>
]]></content:encoded>
			<wfw:commentRss>http://adamflorin.com/work/triple-canopy-redesign-horizonize/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tube Amp</title>
		<link>http://adamflorin.com/work/tube-amp</link>
		<comments>http://adamflorin.com/work/tube-amp#comments</comments>
		<pubDate>Sun, 05 Sep 2010 17:20:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[robotics]]></category>
		<category><![CDATA[sound installation]]></category>

		<guid isPermaLink="false">http://adamflorin.com/?p=193</guid>
		<description><![CDATA[For last April&#8217;s 2-Headed Beast festival at CalArts, I pulled together an ambient sound installation using some simple robotics and some shall we say artisanal woodworking. Until I get around to editing the HD footage, here&#8217;s the lo-fi video doc from my point &#38; shoot.

Water is pumped through the tubing against the metal resonators, where [...]]]></description>
			<content:encoded><![CDATA[<p>For last April&#8217;s <a href="http://blog.calarts.edu/2010/04/15/emergence-of-a-two-headed-beast-at-calarts/">2-Headed Beast</a> festival at CalArts, I pulled together an ambient sound installation using some simple robotics and some shall we say artisanal woodworking. Until I get around to editing the HD footage, here&#8217;s the lo-fi <a href="http://vimeo.com/11530071">video doc</a> from my point &amp; shoot.</p>
<p><img src="http://adamflorin.com/wp-content/uploads/2010/09/tube_amp_ca_450.jpg" alt="" title="Tube Amp" width="450" height="310" class="alignnone size-full wp-image-201" /></p>
<p>Water is pumped through the tubing against the metal resonators, where contact mics catch the sound for amplification through the amp; meanwhile, a motor randomly and gingerly plucks two guitar strings, also amplified.</p>
]]></content:encoded>
			<wfw:commentRss>http://adamflorin.com/work/tube-amp/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Web&#8217;s Wide Orbit</title>
		<link>http://adamflorin.com/work/horizonize/the-webs-wide-orbit</link>
		<comments>http://adamflorin.com/work/horizonize/the-webs-wide-orbit#comments</comments>
		<pubDate>Sun, 05 Sep 2010 16:59:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Horizonize]]></category>
		<category><![CDATA[publishing]]></category>

		<guid isPermaLink="false">http://adamflorin.com/?p=190</guid>
		<description><![CDATA[Last week I wrote an op-ed for Triple Canopy&#8217;s annotations about Chris Anderson&#8217;s debated Wired article &#8220;The Web Is Dead. Long Live the Internet.&#8221;
Read it »
]]></description>
			<content:encoded><![CDATA[<p>Last week I wrote <a href="http://canopycanopycanopy.com/updates/65">an op-ed</a> for <em>Triple Canopy</em>&#8217;s annotations about Chris Anderson&#8217;s debated <em>Wired</em> article <a href="http://www.wired.com/magazine/2010/08/ff_webrip/all/1">&#8220;The Web Is Dead. Long Live the Internet.&#8221;</a></p>
<p><a href="http://canopycanopycanopy.com/updates/65">Read it »</a></p>
]]></content:encoded>
			<wfw:commentRss>http://adamflorin.com/work/horizonize/the-webs-wide-orbit/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>e-flux Journal Layout Generator</title>
		<link>http://adamflorin.com/work/e-flux-journal-layout-generator</link>
		<comments>http://adamflorin.com/work/e-flux-journal-layout-generator#comments</comments>
		<pubDate>Wed, 07 Apr 2010 02:53:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[dynamic layout]]></category>

		<guid isPermaLink="false">http://adamflorin.com/?p=87</guid>
		<description><![CDATA[Starting this week, the output from the Layout Generator I built for the e-flux Journal is out in the wild. (You can browse through some articles and click &#8220;Download PDF&#8221; to see them.) This has been an exciting foray into generative work for me.
The Layout Generator is an automated system to turn blog-like, long-scrolling-column HTML [...]]]></description>
			<content:encoded><![CDATA[<p>Starting this week, the output from the <em>Layout Generator</em> I built for the <a href="http://e-flux.com/journal/">e-flux Journal</a> is out in the wild. (You can browse through some articles and click &#8220;Download PDF&#8221; to see them.) This has been an exciting foray into generative work for me.</p>
<p>The <em>Layout Generator</em> is an automated system to turn blog-like, long-scrolling-column HTML into rich, print-ready PDFs with more a varied visual depth and flow. The actual forms of the layouts—where images appear, how they interact with the running flow of text, etc.—are determined by a combination of some simple heuristics along with markup cues which enable non-designers to create compelling layouts. Here&#8217;s a short <a href="http://worker01.e-flux.com/pdf/article_69.pdf">example article</a> which demonstrates just a few of the typographic and layout possibilities.</p>
<p><span id="more-87"></span></p>
<p><img src="http://adamflorin.com/wp-content/uploads/2010/01/book_fair_450.jpg" alt="" title="e-flux Journal booth at NY ART BOOK FAIR 2009" width="450" height="600" class="alignnone size-full wp-image-88" /><br />
<small>e-flux&#8217;s booth at Printed Matter&#8217;s <a href="http://www.nyartbookfair.com/">NY ART BOOK FAIR</a>, October 2009. The poster-sized layouts were designed by hand, but the journals themselves were largely computer-generated.</small></p>
<p>This project proposed a solid methodology for generative work (be it in design, music, etc.): first take a hand-crafted sample artifact (in this case, <a href="http://jefframsey.net/e-flux/">Jeff Ramsey&#8217;s designs</a>); analyze and articulate the intuitive process behind it; then write that out in systemic code. We had to tease out Jeff&#8217;s aesthetic decision-making process in meetings in order to systemize it. Yes, it feels a bit like the Taylorization of intellectual production: you must train the robot that will replace you (or at least train the engineer building it).</p>
<p>In its current state, the system is about 1k lines of Ruby, using <a href="http://wiki.github.com/sandal/prawn/">Prawn</a> for PDF writing, along with a whole slew of other RubyGems from Hpricot to Sinatra. I&#8217;m hoping to grow this as we implement more of Jeff&#8217;s designs and possibly concoct a few new ones by accident.</p>
<p><small>Thanks go to Anton Vidokle and Brian Kuan Wood at e-flux for making this work possible.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://adamflorin.com/work/e-flux-journal-layout-generator/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Deep Browsing &amp; Spatial Narrative</title>
		<link>http://adamflorin.com/work/deep-browsing-spatial-narrative</link>
		<comments>http://adamflorin.com/work/deep-browsing-spatial-narrative#comments</comments>
		<pubDate>Tue, 19 Jan 2010 06:45:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[publishing]]></category>

		<guid isPermaLink="false">http://adamflorin.com/?p=55</guid>
		<description><![CDATA[This prototype arose from a desire to spatially visualize web browsing history, i.e. the reader&#8217;s personal narrative through a vast and variegated information-space. &#8220;Deep browsing&#8221; to me refers to the semi-targeted but easily distractible reading habits of most search-and-click web reading/research experiences. Modern browsers try to furnish some kind of &#8216;breadcrumb trail&#8217; using a combination [...]]]></description>
			<content:encoded><![CDATA[<p>This prototype arose from a desire to spatially visualize web browsing history, i.e. the reader&#8217;s personal narrative through a vast and variegated information-space. &#8220;Deep browsing&#8221; to me refers to the semi-targeted but easily distractible reading habits of most search-and-click web reading/research experiences. Modern browsers try to furnish some kind of &#8216;breadcrumb trail&#8217; using a combination of windows, tabs, and bookmarks (plus some novel features like Safari&#8217;s &#8216;Snapback&#8217;), but you still need to hold a considerable abstract model in your head to retrace your steps.</p>
<p>It seems like browsers could afford a much richer visual experience. I looked to a proven technology from antiquity for a metaphor: the codex book. The book, like the scroll before it, works because you trace a linear path through information, with the past/read information on one side, and the future/unread information on the other.</p>
<p><span id="more-55"></span></p>
<p><a href="http://adamflorin.com/wp-content/uploads/2010/01/deep_browsing_450_ii.jpg"><img src="http://adamflorin.com/wp-content/uploads/2010/01/deep_browsing_450_ii.jpg" alt="" title="Deep browsing: metaphor" width="450" height="326" class="alignnone size-full wp-image-62" /></a></p>
<p>I ran with that in a quick prototype (built in jQuery) with zazzy animations for the reader&#8217;s progress through information. (I didn&#8217;t hang onto any romanticized page-turning metaphor like we did with <a href="http://canopycanopycanopy.com">Triple Canopy</a>; instead, I wanted to keep multiple documents, or at least excerpts from each, visible in a single glance. The more useful context, the better!) In this video demo, footnotes &#038; external links appear consistently in the right column with contextualizing text; the reader clicks a few, then navigates back to a previously-read text by clicking on it in the left column, where it has been shifted.</p>
<p><iframe src="http://player.vimeo.com/video/8831114?byline=0&amp;portrait=0&amp;color=dc4921" width="448" height="336" frameborder="0"></iframe></p>
<p>This way, each link click wouldn&#8217;t just wheat-paste over your reading context, but reinforce the greater context of your reading narrative in a unified, designed way. At any moment, you have deeper visibility into what you&#8217;ve read (how you got here) and what further related content exists (where you might go). Although we can, practically speaking, only read one document at a time, I think our spatial memory is capable of holding onto a lot more—and our graphics cards are certainly up to it!</p>
<p><small>This prototype was prepared as part of a unique presentation last month to Scott Sassa and Neeraj Khemlani at the Hearst Corporation, through <a href="http://www.lsd-studio.net/">Louise Sandhaus</a>&#8216; class <i>Mutant Design: The Future of Publications</i>. Many thanks to all of them for enabling this work. The <a href="http://adamflorin.com/xfer/futurepub/Florin_deepreading091211.pdf"> full PDF of my presentation</a> is available, although I&#8217;ve changed some of the wording &#038; thinking since I wrote it.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://adamflorin.com/work/deep-browsing-spatial-narrative/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Music Loom</title>
		<link>http://adamflorin.com/work/music-loom</link>
		<comments>http://adamflorin.com/work/music-loom#comments</comments>
		<pubDate>Mon, 11 Jan 2010 05:59:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[gaming]]></category>
		<category><![CDATA[music performance]]></category>

		<guid isPermaLink="false">http://adamflorin.com/wordpress/?p=15</guid>
		<description><![CDATA[Music Loom was designed as a parlor game for musicians but functions just as well as a framework for improvisation. It involves the (synesthetic) interpretation of visual motifs (&#8216;texture cards&#8217;) into musical ones, which are then recursively imitated. The instructions provide a practical overview:
 DOWNLOAD INSTRUCTIONS PDF

These four recordings come from a run-through in Sara [...]]]></description>
			<content:encoded><![CDATA[<p><em>Music Loom</em> was designed as a parlor game for musicians but functions just as well as a framework for improvisation. It involves the (synesthetic) interpretation of visual motifs (&#8216;texture cards&#8217;) into musical ones, which are then recursively imitated. The instructions provide a practical overview:</p>
<p><a href="http://adamflorin.com/wp-content/uploads/2009/12/music_loom.pdf"><img src="http://adamflorin.com/wp-content/uploads/2009/12/musicloom_instructions.gif" alt="" title="musicloom_instructions" width="450" height="100" class="alignnone size-full wp-image-36" /></a> <a href="http://adamflorin.com/wp-content/uploads/2009/12/music_loom.pdf" class="small">DOWNLOAD INSTRUCTIONS PDF</a></p>
<p><span id="more-15"></span></p>
<p>These four recordings come from a run-through in Sara Roberts&#8217; <em>Media Theory</em> class, for which the piece was written. Our haphazard 12-piece ensemble was: guitar, banjo, violin, viola, double bass, 2 sopranos, shakuhachi, laptop, melodica, piano, percussion. Each recording began with the (randomly-selected) &#8216;texture card&#8217; pictured.</p>
<object height="220" width="220"><param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fadamflorin%2Fmusic-loom-ii&amp;g=1&amp;auto_play=false&amp;player_type=artwork&amp;color=000000"></param><param name="allowscriptaccess"
value="always"></param><embed allowscriptaccess="always"
height="220" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fadamflorin%2Fmusic-loom-ii&amp;g=1&amp;auto_play=false&amp;player_type=artwork&amp;color=000000"
type="application/x-shockwave-flash" width="220"> </embed> </object>
<object height="220" width="220"><param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fadamflorin%2Fmusic-loom-iv&amp;g=1&amp;auto_play=false&amp;player_type=artwork&amp;color=000000"></param><param name="allowscriptaccess"
value="always"></param><embed allowscriptaccess="always"
height="220" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fadamflorin%2Fmusic-loom-iv&amp;g=1&amp;auto_play=false&amp;player_type=artwork&amp;color=000000"
type="application/x-shockwave-flash" width="220"> </embed> </object>
<object height="220" width="220"><param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fadamflorin%2Fmusic-loom-v&amp;g=1&amp;auto_play=false&amp;player_type=artwork&amp;color=000000"></param><param name="allowscriptaccess"
value="always"></param><embed allowscriptaccess="always"
height="220" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fadamflorin%2Fmusic-loom-v&amp;g=1&amp;auto_play=false&amp;player_type=artwork&amp;color=000000"
type="application/x-shockwave-flash" width="220"> </embed> </object>
<object height="220" width="220"><param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fadamflorin%2Fmusic-loom-vi&amp;g=1&amp;auto_play=false&amp;player_type=artwork&amp;color=000000"></param><param name="allowscriptaccess"
value="always"></param><embed allowscriptaccess="always"
height="220" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fadamflorin%2Fmusic-loom-vi&amp;g=1&amp;auto_play=false&amp;player_type=artwork&amp;color=000000"
type="application/x-shockwave-flash" width="220"> </embed> </object>
<p>This is definitely a take-home game. You can use texture cards like the ones I prepared above or create/google your own. If you do get a group together to play, please share the recordings!!</p>
]]></content:encoded>
			<wfw:commentRss>http://adamflorin.com/work/music-loom/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

