<?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; snowboards</title>
	<atom:link href="http://www.20three.com/tag/snowboards/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.20three.com</link>
	<description></description>
	<lastBuildDate>Fri, 03 Feb 2012 14:41:46 +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[Art]]></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[Brighton]]></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>3</slash:comments>
		</item>
	</channel>
</rss>

