<?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>rockabit &#187; l-systems</title>
	<atom:link href="http://www.rockabit.com/category/l-systems/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rockabit.com</link>
	<description>personal blog and portfolio website</description>
	<lastBuildDate>Wed, 12 Oct 2011 14:28:19 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>L-systems revisited</title>
		<link>http://www.rockabit.com/2009/11/16/l-systems-revisited/</link>
		<comments>http://www.rockabit.com/2009/11/16/l-systems-revisited/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 17:10:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[art & technology]]></category>
		<category><![CDATA[l-systems]]></category>
		<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://www.rockabit.com/?p=168</guid>
		<description><![CDATA[I sat down again to update my ActionScript L-system renderer so that it can use multiple rules and new characters.
Next, I fiddled around a bit with axioms, rules and angles and came up with some pretty cool new curves (if I may say so myself). Check them out below.
I&#8217;ve also added the renderer application, if [...]]]></description>
			<content:encoded><![CDATA[<p>I sat down again to update my ActionScript L-system renderer so that it can use multiple rules and new characters.</p>
<p>Next, I fiddled around a bit with axioms, rules and angles and came up with some pretty cool new curves (if I may say so myself). Check them out below.<br />
I&#8217;ve also added the renderer application, if you run it you can play around with the curves (controls are listed at the bottom of the app). If it is too slow, please decrease the number of iterations or resize the window to be smaller.</p>
<p><span id="more-168"></span></p>
<p><a href="http://www.rockabit.com/wp-content/uploads/2009/11/lsystem_custom_plant.png" target="_blank"><img class="alignnone size-thumbnail wp-image-164" title="custom lsystem: plant" src="http://www.rockabit.com/wp-content/uploads/2009/11/lsystem_custom_plant-150x150.png" alt="" width="150" height="150" /></a> <a href="http://www.rockabit.com/wp-content/uploads/2009/11/lsystem_clouds.png" target="_blank"><img class="alignnone size-thumbnail wp-image-162" title="custom lsystem: clouds" src="http://www.rockabit.com/wp-content/uploads/2009/11/lsystem_clouds-150x150.png" alt="" width="150" height="150" /></a> <a href="http://www.rockabit.com/wp-content/uploads/2009/11/lsystem_square_fractal.png" target="_blank"><img class="alignnone size-thumbnail wp-image-166" title="custom lsystem: square fractal" src="http://www.rockabit.com/wp-content/uploads/2009/11/lsystem_square_fractal-150x150.png" alt="" width="150" height="150" /></a></p>
<p><a href="http://www.rockabit.com/wp-content/uploads/2009/11/lsystem_folding_curve.png" target="_blank"><img class="alignnone size-thumbnail wp-image-165" title="custom lsystem: folding curve" src="http://www.rockabit.com/wp-content/uploads/2009/11/lsystem_folding_curve-150x150.png" alt="" width="150" height="150" /></a> <a href="http://www.rockabit.com/wp-content/uploads/2009/11/lsystem_custom_dragon.png" target="_blank"><img class="alignnone size-thumbnail wp-image-163" title="custom lsystem: dragon" src="http://www.rockabit.com/wp-content/uploads/2009/11/lsystem_custom_dragon-150x150.png" alt="" width="150" height="150" /></a></p>
<p><object type="application/x-shockwave-flash" data="http://www.rockabit.com/wp-content/uploads/2009/11/lsystemcreator.swf" width="425" height="355" class="embedflash"><param name="movie" value="http://www.rockabit.com/wp-content/uploads/2009/11/lsystemcreator.swf" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><small>(Please open the article to see the flash file or player.)</small></object></p>
<p>(<a href="http://www.rockabit.com/wp-content/uploads/2009/11/lsystemcreator.swf" target="_blank">full sized flash movie</a>)<br />
(download the <a href='http://www.rockabit.com/wp-content/uploads/2011/10/lsystem-creator.zip'>source code</a>)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rockabit.com/2009/11/16/l-systems-revisited/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>L-system animation</title>
		<link>http://www.rockabit.com/2009/07/30/l-system-animation/</link>
		<comments>http://www.rockabit.com/2009/07/30/l-system-animation/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 15:29:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[generative art]]></category>
		<category><![CDATA[l-systems]]></category>
		<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://www.rockabit.com/?p=142</guid>
		<description><![CDATA[A long while ago I wrote a small Flex application to draw L-systems (post).
With this app I noticed how cool it is to play around with drawing angles by moving the slider (post #2).
But somehow, I never thought of adding a play button to the slider so it plays it as an animation.
So now I [...]]]></description>
			<content:encoded><![CDATA[<p>A long while ago I wrote a small Flex application to draw L-systems (<a href="http://www.rockabit.com/2007/07/09/l-systems-in-flex/" target="_blank">post</a>).<br />
With this app I noticed how cool it is to play around with drawing angles by moving the slider (<a href="http://www.rockabit.com/2007/07/11/fractal-spirograph/" target="_blank">post #2</a>).</p>
<p>But somehow, I never thought of adding a play button to the slider so it plays it as an animation.<br />
So now I did. Well, no play button, but just an animation. Here it is. Please enjoy.</p>
<p><a href="http://www.rockabit.com/wp-content/uploads/2009/07/lsystem.swf" target="_blank">lsystem animator</a></p>
<p>Note: after clicking once, you can use the + and &#8211; keys to speed it up or slow it down<a href="http://www.rockabit.com/wp-content/uploads/2009/07/lsystem.swf" target="_blank"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rockabit.com/2009/07/30/l-system-animation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fractal spirograph</title>
		<link>http://www.rockabit.com/2007/07/11/fractal-spirograph/</link>
		<comments>http://www.rockabit.com/2007/07/11/fractal-spirograph/#comments</comments>
		<pubDate>Wed, 11 Jul 2007 07:51:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[generative art]]></category>
		<category><![CDATA[l-systems]]></category>

		<guid isPermaLink="false">http://www.rockabit.com/?p=56</guid>
		<description><![CDATA[These patterns I made with the l-system application from the previous post, just by experimenting with one rule and changing the angle of rotation! The rule was F -&#62; F+F-F+F and apparently it gives a lot of spirograph-like effects.  I also really like the last one, it looks like the pink panther (including the [...]]]></description>
			<content:encoded><![CDATA[<p>These patterns I made with the l-system application from the previous post, just by experimenting with one rule and changing the angle of rotation! The rule was F -&gt; F+F-F+F and apparently it gives a lot of spirograph-like effects.  I also really like the last one, it looks like the pink panther (including the body)  <img src='http://www.rockabit.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>As always, click the images to see them at full size.</p>
<p><a href="http://www.rockabit.com/wp-content/uploads/2007/07/01.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/01.thumbnail.gif" title="01.gif" alt="01.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/04.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/04.thumbnail.gif" title="04.gif" alt="04.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/02.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/02.thumbnail.gif" title="02.gif" alt="02.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/03.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/03.thumbnail.gif" title="03.gif" alt="03.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/05.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/05.thumbnail.gif" title="05.gif" alt="05.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/06.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/06.thumbnail.gif" title="06.gif" alt="06.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/07.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/07.thumbnail.gif" title="07.gif" alt="07.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/09.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/09.thumbnail.gif" title="09.gif" alt="09.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/10.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/10.thumbnail.gif" title="10.gif" alt="10.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/11.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/11.thumbnail.gif" title="11.gif" alt="11.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/13.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/13.thumbnail.gif" title="13.gif" alt="13.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/14.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/14.thumbnail.gif" title="14.gif" alt="14.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/15.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/15.thumbnail.gif" title="15.gif" alt="15.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/16.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/16.thumbnail.gif" title="16.gif" alt="16.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/17.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/17.thumbnail.gif" title="17.gif" alt="17.gif" border="0" /></a><a href="http://www.rockabit.com/wp-content/uploads/2007/07/17.gif" target="_blank"> </a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rockabit.com/2007/07/11/fractal-spirograph/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>L-systems in Flex</title>
		<link>http://www.rockabit.com/2007/07/09/l-systems-in-flex/</link>
		<comments>http://www.rockabit.com/2007/07/09/l-systems-in-flex/#comments</comments>
		<pubDate>Mon, 09 Jul 2007 12:03:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[l-systems]]></category>

		<guid isPermaLink="false">http://www.rockabit.com/?p=35</guid>
		<description><![CDATA[I&#8217;ve made a small application in Flex to draw l-systems with.
The previous post explains what l-systems are exactly, but here are the rules again in short:
L-systems is a grammar describing the growth of plant-like structures. It is made up of simple drawing commands and rules how these change during growth. For example, you start out [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve made a small <a href="http://www.rockabit.com/flex/lsystem/" target="_blank">application</a> in Flex to draw l-systems with.<br />
The previous post explains what l-systems are exactly, but here are the rules again in short:</p>
<p><a href="http://en.wikipedia.org/wiki/L-systems" target="_blank">L-systems</a> is a grammar describing the growth of plant-like structures. It is made up of simple drawing commands and rules how these change during growth. For example, you start out with the command &#8216;F&#8217; meaning draw one unit. You add a rule that says &#8216;change F to F+F-F&#8217; where &#8216;+&#8217; and &#8216;-&#8217; mean turn left and right, respectively, with a predefined angle. Then, as it grows, the sequence of commands grows longer and more complex, as every time each &#8216;F&#8217; is replaced by &#8216;F+F-F&#8217; until you end up with a long sequence of simple commands that make up a complex shape. Add branching with the &#8216;[' (start branch) and ']&#8216; (end branch) characters and you can quickly create nice plant structures.</p>
<p>Try out the application <a href="http://www.rockabit.com/flex/lsystem/" target="_blank">here</a>. It&#8217;s a small first version with some limitations, such as a maximum amount of drawing commands to prevent slow processing times, the possibility to define only one rule, and the fact that it always starts out with &#8216;F&#8217;. You can define your own rule of how &#8216;F&#8217; changes (using F, +, -, [ and ]), you can set the angle of rotation and the amount of iterations to define the complexity of the resulting shape.  If responses are too slow, you can turn off &#8216;update realtime&#8217; and hit the &#8216;go&#8217; button to calculate your l-system.</p>
<p><a href="http://www.rockabit.com/wp-content/uploads/2007/07/lsys_flex_01.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/lsys_flex_01.thumbnail.gif" title="lsys_flex_01.gif" alt="lsys_flex_01.gif" border="0" /></a>   <a href="http://www.rockabit.com/wp-content/uploads/2007/07/lsys_flex_02.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/lsys_flex_02.thumbnail.gif" title="lsys_flex_02.gif" alt="lsys_flex_02.gif" border="0" /></a>  <a href="http://www.rockabit.com/wp-content/uploads/2007/07/lsys_flex_03.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/lsys_flex_03.thumbnail.gif" title="lsys_flex_03.gif" alt="lsys_flex_03.gif" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rockabit.com/2007/07/09/l-systems-in-flex/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Interactive Morphogenesis to Rumania</title>
		<link>http://www.rockabit.com/2007/07/06/32/</link>
		<comments>http://www.rockabit.com/2007/07/06/32/#comments</comments>
		<pubDate>Fri, 06 Jul 2007 11:35:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[generative art]]></category>
		<category><![CDATA[l-systems]]></category>
		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://www.rockabit.com/?p=32</guid>
		<description><![CDATA[The Interactive Morphogenesis project, which I made a while ago with Rick Companje and Irad Lee, has been accepted for the Areas of Conlu(x)ence conference in Rumania.
Areas of conflu(x)ence proposes an international debate on the relationship between art and technology in the present digital era, focusing on the impact of the new media in our [...]]]></description>
			<content:encoded><![CDATA[<p>The Interactive Morphogenesis project, which I made a while ago with <a href="http://www.companje.nl/" target="_blank">Rick Companje</a> and Irad Lee, has been accepted for the <a href="http://www.2580association.info/" target="_blank">Areas of Conlu(x)ence</a> conference in Rumania.</p>
<blockquote><p>Areas of conflu(x)ence proposes an international debate on the relationship between art and technology in the present digital era, focusing on the impact of the new media in our lives.</p></blockquote>
<p>The project has to do with l-systems, which are mostly used to model plant growth. As Wikipedia puts it:</p>
<blockquote><p>An L-system or Lindenmayer system is a formal grammar (a set of rules and symbols) most famously used to model the growth processes of plant development, but also able to model the morphology of a variety of organisms. L-systems can also be used to generate self-similar fractals such as iterated function systems.</p></blockquote>
<p>To explain it in a bit more detail: take a string, say &#8220;F&#8221; and define a rule saying how this &#8220;F&#8221; changes, for example &#8220;F-&gt;F+F-F&#8221;. This has the effect that you can <em>iterate</em> over the string, each time replacing each &#8220;F&#8221; with &#8220;F+F-F&#8221;. After three iterations the string would have become &#8220;F+F-F+F+F-F-F+F-F+F+F-F+F+F-F-F+F-F-F+F-F+F+F-F-F+F-F&#8221;. Now imagine these different characters to represent drawing commands, where in this case F means draw a line in the current direction and + and &#8211; mean turn left or right by, say, 45 degrees. These few simple rules can lead to very complex and very beautiful structures being drawn, such as the famous Koch Curve, which is not exactly plant-shaped but does convey the complexity and beauty hidden within the simple grammar of l-systems:</p>
<p><img src="http://www.rockabit.com/wp-content/uploads/2007/07/koch_curve1.png" alt="koch_curve1.png" /></p>
<p>We used this grammar to create a generative art piece which uses sound input to generate an l-system, visualize it, and convert it to sound output as well. We also customized it a bit to make it 3D and we let it move to environmental sounds as well. There&#8217;s an <a href="http://www.rockabit.com/morphogenesis" target="_blank">active demo</a> where you can simulate the influence of sound by moving you mouse cursor to make the shape move. Also be sure to check out the <a href="http://www.companje.nl/morphogenesis/" target="_blank">website</a> <img src='http://www.rockabit.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img src="http://www.rockabit.com/wp-content/uploads/2007/07/lsystem_051.gif" title="lsystem_051.gif" alt="lsystem_051.gif" border="0" /></p>
<p><a href="http://www.rockabit.com/wp-content/uploads/2007/07/lsystem_01.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/lsystem_01.thumbnail.gif" title="lsystem_01.gif" alt="lsystem_01.gif" border="0" /></a>  <a href="http://www.rockabit.com/wp-content/uploads/2007/07/lsystem_02.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/lsystem_02.thumbnail.gif" title="lsystem_02.gif" alt="lsystem_02.gif" border="0" /></a>  <a href="http://www.rockabit.com/wp-content/uploads/2007/07/lsystem_04.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/lsystem_04.thumbnail.gif" title="lsystem_04.gif" alt="lsystem_04.gif" align="top" border="0" /></a>  <a href="http://www.rockabit.com/wp-content/uploads/2007/07/lsystem_03.gif" target="_blank"><img src="http://www.rockabit.com/wp-content/uploads/2007/07/lsystem_03.thumbnail.gif" title="lsystem_03.gif" alt="lsystem_03.gif" align="top" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.rockabit.com/2007/07/06/32/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

