<?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; flash</title>
	<atom:link href="http://www.20three.com/tag/flash/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.20three.com</link>
	<description></description>
	<lastBuildDate>Fri, 30 Jul 2010 13:10:14 +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>FlashBrighton lecture: Typography and the modern</title>
		<link>http://www.20three.com/2010/01/flashbrighton-lecture-typography-and-the-modern/</link>
		<comments>http://www.20three.com/2010/01/flashbrighton-lecture-typography-and-the-modern/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 15:12:53 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Brighton]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[moderism]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=562</guid>
		<description><![CDATA[I was asked if I would like to talk to the Flash Brighton developer group, Flash Brighton about typography. The talk will be on the 19th January, the first Flash Brighton talk of 2010.
To keep my talk manageable I have decided to talk about the development of typographic design in relation to the birth and [...]


Related posts:<ol><li><a href='http://www.20three.com/2010/01/photographers-stamp/' rel='bookmark' title='Permanent Link: Photographer&#8217;s stamp'>Photographer&#8217;s stamp</a></li>
<li><a href='http://www.20three.com/2009/03/jost-hochuli-detail-in-typography/' rel='bookmark' title='Permanent Link: Jost Hochuli: Detail in Typography'>Jost Hochuli: Detail in Typography</a></li>
<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>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I was asked if I would like to talk to the Flash Brighton developer group, <a href="http://flashbrighton.org/" target="_blank">Flash Brighton</a> about typography. The talk will be on the 19th January, the first Flash Brighton talk of 2010.</p>
<p>To keep my talk manageable I have decided to talk about the development of typographic design in relation to the birth and growth of Modernism, starting from the early 1900&#8217;s and up to the present day.</p>
<p><a href="http://www.20three.com/wp-content/uploads/2010/01/talk.jpg"><img class="aligncenter size-full wp-image-564" src="http://www.20three.com/wp-content/uploads/2010/01/talk.jpg" alt="" width="500" height="375" /></a></p>
<p>Details about were and when my talk is happening can be found <a href="http://flashbrighton.org/?p=433" target="_blank">here.</a></p>
<p><a href="http://flashbrighton.org/?page_id=84" target="_blank">Find out about Flash Brighton here</a></p>
<p><em>op</em></p>


<p>Related posts:<ol><li><a href='http://www.20three.com/2010/01/photographers-stamp/' rel='bookmark' title='Permanent Link: Photographer&#8217;s stamp'>Photographer&#8217;s stamp</a></li>
<li><a href='http://www.20three.com/2009/03/jost-hochuli-detail-in-typography/' rel='bookmark' title='Permanent Link: Jost Hochuli: Detail in Typography'>Jost Hochuli: Detail in Typography</a></li>
<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>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2010/01/flashbrighton-lecture-typography-and-the-modern/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
