<?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>George Michael Brower &#187; software</title>
	<atom:link href="http://www.georgemichaelbrower.com/tag/software/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.georgemichaelbrower.com</link>
	<description>I work with code, music and typography.</description>
	<lastBuildDate>Sun, 07 Mar 2010 23:33:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>mosCells</title>
		<link>http://www.georgemichaelbrower.com/work/mos-cells/</link>
		<comments>http://www.georgemichaelbrower.com/work/mos-cells/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 21:15:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[software]]></category>

		<guid isPermaLink="false">http://localhost:80/?p=1</guid>
		<description><![CDATA[Software developed in collaboration with MOS architecture group.]]></description>
			<content:encoded><![CDATA[<div class="col w1 clear"><a class="quicktime" href="/images/mos/video.mov">
<img class="play" src="/images/play.png" alt="" />
<img class="poster" src="/images/mos/video.png" alt="" />
</a></div>
<div class="col w1-3 clear">
<h2>MOS Architecture</h2>
<p>In the summer of 2009 Michael Meredith of <a href="http://mos-office.net">MOS Architecture</a> approached me to develop an application that would allow him to explore the permutations of a certain type of structure he was <a class="lightbox" href="/images/mos/paper.jpg">prototyping on paper</a>: folded circles that create elevated surfaces.</p>

<p>Michael refers to the structures as &#8220;pads,&#8221; &#8220;lillies,&#8221; or &#8220;cells.&#8221; Each cell may have two or more &#8220;legs.&#8221; A leg is creating by folding. If the &#8220;length&#8221; of the leg passes the &#8220;floor height,&#8221; the leg is folded again, creating a surface that rests on the floor.</p>
.</div>
<div class="col w1-3 "><h2>Cell Applet</h2>
<p>The applet begins with a single unfolded cell. Dragging the edge of a cell towards its center begins a fold. Right clicking and dragging an edge attaches a new cell. The applet is aware of an invisible &#8220;floor,&#8221; that causes legs to fold twice past a certain length.</p>

<p>You&#8217;ll see legs turning blue once they&#8217;re folded twice. Right clicking an &#8220;edge&#8221; causes that leg to become fixed, so that it is always perfectly tangent to the ground, even if the floor height changes in the future.
This application was built with <a href="http://processing.org">Processing</a></p></div>
<hr />
<div class="col w1-2 clear"><img src="/images/mos/table1-1.jpg" alt="" /></div>
<div class="col w1-2 "><img src="/images/mos/table1-2.jpg" alt="" /></div>
<div class="col w1-3 clear">
<blockquote>&#8220;The first thing to know about MOS is that we are a collective of designers, architects, thinkers, and state-of-the-art weirdoes. The two principals, Michael Meredith and Hilary Sample, teach at Harvard University and Yale University while maintaining the practice. We work all over the world, designing private houses, institutional buildings, urban strategies, research, books, installations, and other projects that are less easily categorized.&#8221;</blockquote>
<p class="caption">— <a href="http://mos-office.net">mos-office.net</a></p>

</div>
<hr />
<div class="col w1-2 clear"><img src="/images/mos/plot1-2.png" alt="" /></div>
<div class="col w1-2  "><img src="/images/mos/plot1-4.png" alt="" /></div>
<hr />
<div class="col w1-3 clear"><img src="/images/mos/pink.png" alt="" />
<p class="caption">Pink legs don&#8217;t touch the floor.</p>

</div>
<div class="col w1-3 "><img src="/images/mos/yellow.png" alt="" />
<p class="caption">Yellow legs just kiss the floor.</p>

</div>
<div class="col w1-3  "><img src="/images/mos/blue.png" alt="" />
<p class="caption">Blue legs fold at the floor.</p>

</div>
<hr />

<div class="col w1 clear">
<img src="/images/mos/side-1.png" alt="" />
<img src="/images/mos/side-2.png" alt="" />
<img src="/images/mos/side-3.png" alt="" />
</div>
<div class="col w1-3 clear">


<h2>Floor height &amp; Fixed Legs</h2>
A variable <code>floorHeight</code> determines the point at which legs fold. Low floor heights make for larger surfaces, while high floor heights make for longer legs.

As the <code>floorHeight</code> value changes, the arcs that make &#8220;yellow&#8221; legs stay tangent to the ground.</div>
<hr />
<div class="col w1-2 clear"><img src="/images/mos/plot1.png" alt="" /></div>
<div class="col w1-2  "><img src="/images/mos/plot2.png" alt="" /></div>
<div class="col w1-2 clear"><img src="/images/mos/plot3.png" alt="" /></div>
<div class="col w1-2  "><img src="/images/mos/plot4.png" alt="" /></div>]]></content:encoded>
			<wfw:commentRss>http://www.georgemichaelbrower.com/work/mos-cells/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Finger Wag Applet</title>
		<link>http://www.georgemichaelbrower.com/work/finger-wag/</link>
		<comments>http://www.georgemichaelbrower.com/work/finger-wag/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 04:14:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[software]]></category>

		<guid isPermaLink="false">http://localhost:8888/?p=52</guid>
		<description><![CDATA[<br/>Sass, parametrically derived.]]></description>
			<content:encoded><![CDATA[<div class="col w2-3 clear"><!--[if !IE]> -->
				<object classid="java:finger_wag_record.class"
            			type="application/x-java-applet"
            			archive="/images/wag/finger_wag_record.jar,/images/wag/controlP5.jar,/images/wag/core.jar"
            			width="592" height="592"
            			standby="Loading Processing software..." >

					<param name="archive" value="/images/wag/finger_wag_record.jar,/images/wag/controlP5.jar,/images/wag/core.jar" />

					<param name="mayscript" value="true" />
					<param name="scriptable" value="true" />

					<param name="image" value="/images/wag/loading.gif" />
					<param name="boxmessage" value="Loading Processing software..." />
					<param name="boxbgcolor" value="#FFFFFF" />

					<param name="test_string" value="outer" />
			<!--<![endif]-->

				<object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93"
						codebase="http://java.sun.com/update/1.5.0/jinstall-1_5_0_15-windows-i586.cab"
						width="592" height="592"
						standby="Loading Processing software..."  >

					<param name="code" value="finger_wag_record" />
					<param name="archive" value="/images/wag/finger_wag_record.jar,/images/wag/controlP5.jar,/images/wag/core.jar" />

					<param name="mayscript" value="true" />
					<param name="scriptable" value="true" />

					<param name="image" value="/images/wag/loading.gif" />
					<param name="boxmessage" value="Loading Processing software..." />
					<param name="boxbgcolor" value="#FFFFFF" />

					<param name="test_string" value="inner" />

					<p>
						<strong>
							This browser does not have a Java Plug-in.
							<br />
							<a href="http://java.sun.com/products/plugin/downloads/index.html" title="Download Java Plug-in">
								Get the latest Java Plug-in here.
							</a>
						</strong>
					</p>

				</object>

			<!--[if !IE]> -->
				</object>
			<!--<![endif]-->
</div>
			<div class="col w1-3">
An application I wrote for <a href="http://georgeandjonathan.com">George &#038; Jonathan</a>.<br/> Just trying to make the perfect finger wag. Tweak some numbers, see how much attitude you can squeeze out.
</div>]]></content:encoded>
			<wfw:commentRss>http://www.georgemichaelbrower.com/work/finger-wag/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Origami</title>
		<link>http://www.georgemichaelbrower.com/work/oragami/</link>
		<comments>http://www.georgemichaelbrower.com/work/oragami/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 04:04:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://localhost:8888/?p=43</guid>
		<description><![CDATA[A tool for lettering.]]></description>
			<content:encoded><![CDATA[<div class="col w2-3 clear">
<object width="592" height="333"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7132853&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7132853&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="592" height="333"></embed></object>
</div>
<div class="col w1-3">
<p><strong>Origami</strong> is a lettering tool. It also systematically improves the quality of your cursive. </p>
</div>
<div class="col w2-3 clear">
<object width="592" height="333"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7132844&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7132844&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="592" height="333"></embed></object>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.georgemichaelbrower.com/work/oragami/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Anamorphic Type</title>
		<link>http://www.georgemichaelbrower.com/work/anamorphic-type/</link>
		<comments>http://www.georgemichaelbrower.com/work/anamorphic-type/#comments</comments>
		<pubDate>Tue, 02 Oct 2007 21:15:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://localhost:8888/?p=89</guid>
		<description><![CDATA[A tool for creating typographic structures.]]></description>
			<content:encoded><![CDATA[<div class="col w1 clear center">
<img src="/images/ana/the-s.png" alt="" />
</div>
<hr/>
<div class="col w1-3 clear">
<p><strong>Anamorphic Type Engine</strong>. A two dimensional image is &#8220;dissected,&#8221; its parts extruded on the z-axis. The size of the parts is a function of their position on the z-axis, so that from a given point, the image appears to be sitting on a two-dimensional plane.</p>
<p>The structures are conceived as hanging sculptures. The image above shows what a given &#8220;plot,&#8221; or the application&#8217;s output, might look like. Each piece of the structure is tethered to the ceiling by two wires. The application can produce an image of the ceiling showing the point at which each wire should be connected. A to-scale blueprint of the entire composition also dictates the length of each given wire.</p>
<p class="more"><a href="http://www.vimeo.com/album/81634">More <strong>Anamorphic Type</strong> on Vimeo</a></p>
</div>
<div class="col w2-3 ">
<object width="592" height="444"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=4094038&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=4094038&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="592" height="444"></embed></object>
</div>
<div class="col w2-3 right center">
<img src="/images/ana/gerd.gif" alt="" />
</div>
<hr/>
<div class="col w1-3 clear">
<p>The <strong>editing environment</strong> allows users to manipulate the position of pieces, as well as the the &#8220;focal point&#8221; that the illusion respects. As users drag pieces back and forth along the z-axis, their scale is automatically compensated to maintain the anamorphic illusion.</p>
</div>
<div class="col w2-3 center"><object width="592" height="444"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5205528&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5205528&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="592" height="444"></embed></object></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.georgemichaelbrower.com/work/anamorphic-type/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
