<?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>#l-systems posts — Ben Crowder</title>
    <link>https://bencrowder.net/blog/tag/l-systems/</link>
    <atom:link href="https://bencrowder.net/blog/tag/l-systems/feed/" rel="self" />
    <description>Feed for blog posts tagged with #l-systems.</description>
    <lastBuildDate>Sat, 04 Apr 2026 05:22:16 GMT</lastBuildDate>
    <language>en-US</language>
    <generator>https://bencrowder.net/</generator>

    <item>
      <title>L-system animation tests</title>
      <link>https://bencrowder.net/blog/2010/l-system-animation-tests/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2010/l-system-animation-tests/</guid>
      <pubDate>Tue, 14 Dec 2010 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<p>I’ve been playing around some more with the <a href="https://bencrowder.net/cg/2010/l-system-sketches/">L-system code</a> and modified it to animate the angle property and output each frame to a file. I also added some color and started using blending modes for the brushes. Once I clean up the code, I’ll post it to GitHub.</p>
<p>Anyway, here are some of the animation tests (I used Blender to put the frames together into an animation):</p>
<iframe src="//player.vimeo.com/video/17789894?byline=0&amp;portrait=0&amp;color=ffffff" width="800" height="450" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<iframe src="//player.vimeo.com/video/17792662?byline=0&amp;portrait=0&amp;color=ffffff" width="800" height="450" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<p>And the first one I did, which is a little too long and a little too fast:</p>
<iframe src="//player.vimeo.com/video/17789817?byline=0&amp;portrait=0&amp;color=ffffff" width="800" height="400" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20L-system animation tests">Reply via email</a></p>]]></description>
    </item>
    <item>
      <title>L-system sketches</title>
      <link>https://bencrowder.net/blog/2010/l-system-sketches/</link>
      <guid isPermaLink="true">https://bencrowder.net/blog/2010/l-system-sketches/</guid>
      <pubDate>Mon, 13 Dec 2010 12:00:00 GMT</pubDate>
      <dc:creator><![CDATA[Ben Crowder]]></dc:creator>
      <description><![CDATA[<p>I’ve been getting into procedural drawing and generative art some more, and last week I decided to try out <a href="http://en.wikipedia.org/wiki/L-system">L-systems</a>. I ported some <a href="http://www.robotacid.com/PBeta/LSystem/index.html">Processing code</a> to Javascript and Canvas, then modified it and added controls so I could tweak the values and try things out. I also wrote a handful of additional brushes to get more interesting renders out of it (since plain lines can be kind of boring).</p>
<p>The algorithm isn’t entirely accurate — at least based off of the axioms and rulesets I plugged in from the <em>Algorithmic Beauty of Plants</em> book — but I like what I’m getting. I’ll do a second app sometime later with the correct algorithm.</p>
<p>Anyway, the code (which is kind of messy at the moment) is on <a href="http://github.com/bencrowder/lsystem">GitHub</a>. Sometime later I plan to add color selectors and more brushes. You can see the rest of these images in my <a href="http://www.flickr.com/photos/crowderb/sets/72157625564116896/">sketches set</a> on Flickr.</p>
<figure><a href="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-8.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-8-525x262.png" alt="" title="lsystem-sketch-8" /></a></figure>
<figure><a href="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-18.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-18-525x262.png" alt="" title="lsystem-sketch-18" /></a></figure>
<figure><a href="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-21.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-21-525x262.png" alt="" title="lsystem-sketch-21" /></a></figure>
<figure><a href="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-22.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-22-525x262.png" alt="" title="lsystem-sketch-22" /></a></figure>
<figure><a href="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-27.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-27-525x262.png" alt="" title="lsystem-sketch-27" /></a></figure>
<figure><a href="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-37.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-37-525x262.png" alt="" title="lsystem-sketch-37" /></a></figure>
<figure><a href="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-38.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-38-525x262.png" alt="" title="lsystem-sketch-38" /></a></figure>
<figure><a href="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-40.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-40-525x262.png" alt="" title="lsystem-sketch-40" /></a></figure>
<figure><a href="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-43.png" rel="shadowbox"><img src="https://cdn.bencrowder.net/images/2010/12/lsystem-sketch-43-525x262.png" alt="" title="lsystem-sketch-43" /></a></figure><hr class="feed-extra" style="margin-top: 48pt;" /><p class="feed-extra feed-mail"><a href="mailto:ben.crowder@gmail.com?subject=Re%3A%20L-system sketches">Reply via email</a></p>]]></description>
    </item>
    
  </channel>
</rss>
