Elm – fun with L-System (Part 6)

Yan Cui

I help clients go faster for less using serverless technologies.

Series:

  1. Algae
  2. Pythago­ras Tree
  3. Can­tor Dust
  4. Koch Curve
  5. Sier­pin­ski Triangle
  6. Dragon Curve (this)
  7. Frac­tal Plant

Last time out we imple­mented the Sierpinski Triangle exam­ple from the L-System wikipedia page. Now, let’s con­tinue our jour­ney and see how we can imple­ment the (rather impressive sounding) Dragon Curve exam­ple in Elm.

 

Example 6 : Dragon Curve

First, let’s define our L-System:

image

Again, thanks to the work we did in Part 4, our work here is rather simple:

image

which is a pretty straight translation of:

  • ‘F’ : draw forward
  • ‘–’ : turn left 90 degrees
  • ‘+’ : turn right 90 degrees
  • ‘X’ and ‘Y’ : ignore

Unlike the other L-Systems, this one grows much slower and as it slows it does make a nice picture!

dragon_curve

 

Live Demo (here)

Use LEFT and RIGHT arrow keys to evolve/devolve the L-System.

Source Code (here)

 

 

Next : Fractal Plant

 

Links


 

Whenever you’re ready, here are 4 ways I can help you:

  1. If you want a one-stop shop to help you quickly level up your serverless skills, you should check out my Production-Ready Serverless workshop. Over 20 AWS Heroes & Community Builders have passed through this workshop, plus 1000+ students from the likes of AWS, LEGO, Booking, HBO and Siemens.
  2. If you want to learn how to test serverless applications without all the pain and hassle, you should check out my latest course, Testing Serverless Architectures.
  3. If you’re a manager or founder and want to help your team move faster and build better software, then check out my consulting services.
  4. If you just want to hang out, talk serverless, or ask for help, then you should join my FREE Community.

 


Leave a Comment

Your email address will not be published. Required fields are marked *