<?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>20three &#187; programming</title>
	<atom:link href="http://www.20three.com/tag/programming/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.20three.com</link>
	<description></description>
	<lastBuildDate>Sun, 05 Sep 2010 16:33:53 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>20three generative work 2002</title>
		<link>http://www.20three.com/2010/03/20three-generative-work-2002/</link>
		<comments>http://www.20three.com/2010/03/20three-generative-work-2002/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 15:54:20 +0000</pubDate>
		<dc:creator>g</dc:creator>
				<category><![CDATA[Brighton]]></category>
		<category><![CDATA[Computing]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[20three]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[automata.]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[generative]]></category>
		<category><![CDATA[generative art]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[snowboards]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=735</guid>
		<description><![CDATA[During 2002 we started experimenting with generative graphical concepts. The notion was to create small algorithms with simple rules that would generate different images time and time again.
The general process for these generative experiments was that of using a single image, and then manipulating that image by rotating, stretching, skewing and duplication.
The real goal was [...]


Related posts:<ol><li><a href='http://www.20three.com/2009/06/degree-show-university-of-brighton/' rel='bookmark' title='Permanent Link: Degree Show: University of Brighton'>Degree Show: University of Brighton</a></li>
<li><a href='http://www.20three.com/2010/03/wiring/' rel='bookmark' title='Permanent Link: Wiring ::'>Wiring ::</a></li>
<li><a href='http://www.20three.com/2009/08/typographic-brighton/' rel='bookmark' title='Permanent Link: Typographic Brighton'>Typographic Brighton</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>During 2002 we started experimenting with generative graphical concepts. The notion was to create small algorithms with simple rules that would generate different images time and time again.</p>
<p>The general process for these generative experiments was that of using a single image, and then manipulating that image by rotating, stretching, skewing and duplication.</p>
<p>The real goal was to use as simple an algorithm as possible, and then from this set of simple rules allow complexity to emerge.</p>
<p>At the time we were using Flash and ActionScript 2 for the development of the images, this was chosen as it&#8217;s a nice simple language, and allows for rapid development.</p>
<p>Screenshots:</p>
<p style="text-align: center;"><a href="http://www.20three.com/wp-content/uploads/2010/03/gen011.jpg"><img class="aligncenter size-full wp-image-739" title="gen01" src="http://www.20three.com/wp-content/uploads/2010/03/gen011.jpg" alt="" width="600" height="300" /></a></p>
<p style="text-align: center;"><a href="http://www.20three.com/wp-content/uploads/2010/03/gen02.jpg"><img class="aligncenter size-full wp-image-742" title="gen02" src="http://www.20three.com/wp-content/uploads/2010/03/gen02.jpg" alt="" width="600" height="300" /></a></p>
<p style="text-align: center;"><a href="http://www.20three.com/wp-content/uploads/2010/03/gen03.jpg"><img class="aligncenter size-full wp-image-743" title="gen03" src="http://www.20three.com/wp-content/uploads/2010/03/gen03.jpg" alt="" width="600" height="300" /></a></p>
<p style="text-align: center;"><a href="http://www.20three.com/wp-content/uploads/2010/03/gen04.jpg"><img class="aligncenter size-full wp-image-744" title="gen04" src="http://www.20three.com/wp-content/uploads/2010/03/gen04.jpg" alt="" width="600" height="300" /></a></p>
<p style="text-align: left;">All the above examples can be seen live by clicking <a href="http://www.20three.com/archive/SITE2002/23gen/klang_frame.html" target="_blank">here</a></p>
<p style="text-align: left;">After experimenting with generative images that move and rotate, we decided to experiment with images that just create instances of static images.  The reasoning behind this was so images could be generated that then could be translated into a palette for design.</p>
<p style="text-align: center;"><a href="http://www.20three.com/wp-content/uploads/2010/03/gen05.jpg"><img class="aligncenter size-full wp-image-755" title="gen05" src="http://www.20three.com/wp-content/uploads/2010/03/gen05.jpg" alt="" width="600" height="300" /></a></p>
<p style="text-align: center;"><a href="http://www.20three.com/wp-content/uploads/2010/03/gen06.jpg"><img class="aligncenter size-full wp-image-756" title="gen06" src="http://www.20three.com/wp-content/uploads/2010/03/gen06.jpg" alt="" width="600" height="300" /></a></p>
<p style="text-align: left;">As well as being featured in the <a href="http://www.generativeart.com/GA2003pp.htm" target="_blank">6th Generative art Conference in Milan</a> (organized by the <a href="http://www.generativedesign.com/" target="_blank">Generative Design Lab</a>) we also managed to use these generative experiments for several commercial projects. The most successful application was a collaboration with React snowboards. We created a set of visuals based on our generative programming and one design went into production &#8211; the results of which can be seen below. We also used the same generative programming to create downloadable screensavers and graphic assets for Adam Freeland&#8217;s 2002 version of the Marine Parade record label (no longer live).</p>
<p style="text-align: left;">
<div id="attachment_748" class="wp-caption aligncenter" style="width: 315px"><a href="http://www.20three.com/wp-content/uploads/2010/03/react_new.jpg"><img class="size-full wp-image-748" title="react_new" src="http://www.20three.com/wp-content/uploads/2010/03/react_new.jpg" alt="" width="305" height="450" /></a><p class="wp-caption-text">React Snowboards, 2002</p></div>
<p style="text-align: left;">
<div id="attachment_747" class="wp-caption aligncenter" style="width: 315px"><a href="http://www.20three.com/wp-content/uploads/2010/03/react01.jpg"><img class="size-full wp-image-747" title="react01" src="http://www.20three.com/wp-content/uploads/2010/03/react01.jpg" alt="" width="305" height="450" /></a><p class="wp-caption-text">React Snowboards, 2002</p></div>
<div id="attachment_749" class="wp-caption aligncenter" style="width: 315px"><a href="http://www.20three.com/wp-content/uploads/2010/03/react02.jpg"><img class="size-full wp-image-749" title="react02" src="http://www.20three.com/wp-content/uploads/2010/03/react02.jpg" alt="" width="305" height="450" /></a><p class="wp-caption-text">React Snowboards, 2002</p></div>
<p><em>gh &amp; op</em></p>
<p style="text-align: center;">
<p style="text-align: left;">


<p>Related posts:<ol><li><a href='http://www.20three.com/2009/06/degree-show-university-of-brighton/' rel='bookmark' title='Permanent Link: Degree Show: University of Brighton'>Degree Show: University of Brighton</a></li>
<li><a href='http://www.20three.com/2010/03/wiring/' rel='bookmark' title='Permanent Link: Wiring ::'>Wiring ::</a></li>
<li><a href='http://www.20three.com/2009/08/typographic-brighton/' rel='bookmark' title='Permanent Link: Typographic Brighton'>Typographic Brighton</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2010/03/20three-generative-work-2002/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Wiring ::</title>
		<link>http://www.20three.com/2010/03/wiring/</link>
		<comments>http://www.20three.com/2010/03/wiring/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 10:11:00 +0000</pubDate>
		<dc:creator>g</dc:creator>
				<category><![CDATA[Computing]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[electronics.]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[tangible computing]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=682</guid>
		<description><![CDATA[IF you've ever wanted to play around with electronics and micro-controllers, and have a nice environment for rapid project development, then Wiring might well be for you.


No related posts.]]></description>
			<content:encoded><![CDATA[<p>For quite some time I have wanted to do a little more with my programming than just creating web-applications or stand alone apps.  I&#8217;ve always had an interest in electronics, but the depth of my knowledge is pretty shallow &#8211; and I&#8217;ve found the field of electronics to be some what of a beast to get into.</p>
<p>I&#8217;ve been aware of <a title="iring" href="http://www.wiring.org.co/">Wiring</a> for  a good few years now, and have been watching it develop.  It&#8217;s a sister project to <a href="http://processing.org/">Processing</a> &#8211; so the language is very similar, the difference being Wiring is designed to allow you to create programs that run off of a electronic board, and micro-controller.</p>
<p>Here is a quote from the site</p>
<blockquote><p>Wiring is an <a href="http://wiring.uniandes.edu.co/source/trunk/wiring/">open source</a> programming environment and electronics i/o          board for exploring the electronic arts, tangible media, teaching and          learning computer programming and prototyping with electronics. It illustrates          the concept of programming with electronics and the physical realm of          hardware control which are necessary to explore physical interaction design          and tangible media aspects.</p></blockquote>
<p>A friend of mine was selling some wiring boards, and on an impulse I bought one.  The next step was for me to try and  get it working on Linux &#8211; and I have to say <a href="http://barraganstudio.com/" target="_blank">Hernando            Barragán</a> (the guy behind wiring) was a star and helped no end &#8211; so that I could get it working on my distro of Linux.</p>
<p>I&#8217;ve had an interest in tangible computing for a long time, but never really done anything practical.  So I am looking forward to a new hobby!  The only thing that is holding me back is what I want to do first with it! &#8211; so any ideas then please feel free to comment.  I was toying with the idea of creating some sort of novel device for interfacing sound exploration.  At present I am not sure &#8211; I&#8217;ll be exploring the language, and what it can and can&#8217;t do before I come to any firm conclusions on what I want to &#8220;create&#8221;.  You never know it might just be a system that uses various sensors to keep track of conditions in my green house!  That&#8217;s the great thing about it all, I can now start to explore using sensors and other devices to get information from the real world and feed it back into the machine.</p>
<p>I&#8217;ll post any developments as and when!</p>
<p><em>gh</em></p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2010/03/wiring/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
