{"id":5615,"date":"2023-09-14T15:00:10","date_gmt":"2023-09-14T15:00:10","guid":{"rendered":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/?p=5615"},"modified":"2023-09-14T15:08:07","modified_gmt":"2023-09-14T15:08:07","slug":"jaime-l-systems","status":"publish","type":"post","link":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/2023\/09\/14\/jaime-l-systems\/","title":{"rendered":"Jaime – L-Systems"},"content":{"rendered":"\n

Part 1: Turtle Geometry<\/h2>\n\n\n\n
\n
\n

polygonHalt(1, 1);<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

polygonHalt(2, 2);<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

The size of the images don’t illustrate it very well, but the radius of the circle is the same. The number of segments the circle is divided in the second is fewer, however (360 \/ 2 = 180).<\/p>\n\n\n\n

For infinite precision, the circumference of the circle is 360. The radius would then be 2*Pi*r = 360 => r = 360\/2Pi<\/p>\n\n\n\n

<\/p>\n\n\n\n

Part 2: L-Systems<\/h2>\n\n\n\n

The plants I chose to model were String of Pearls, Weeping Willow, and Saguaro Cactus. I have a String of Pearls plant that I am currently propagating that was easy to examine. I was inspired by a potted cactus that I have, which reminded me of the many drives to Arizona staring out the window at the bizarre shapes Saguaro Cacti make, and I grew up playing around a Weeping Willow Tree as a child. <\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

I referenced photos online for the Weeping Willow and Saguaro Cacti.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

I wrote my code in such a way that I could switch between models dynamically while it was running with the ‘w’, ‘p’ and ‘c’ keys for changing between Willow, Pearls, and Cactus. I also found that the view benefited from the ability to dynamically resize the scale, which I do with the up and down arrow keys in the keyPressed function. Rather than iterating every draw cycle, I chose to have my model iterate when the mouse is clicked. Because I have some randomness in each of my models, this results in slight movement every draw cycle, making the LSystems look animated.<\/p>\n\n\n\n

When generating my String of Pearls, I knew I wanted it to grow mostly linearly with occasional branching structures, all the while it should also produce nodes in the form of pearls. My branching “X” variable is the only variable that continues to propagate:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

I have an “S” variable that represents drawing a stem or short section of the string, utilized in branching off to draw the pearls (“P”) and when branching into new strings. I added some curvature with the stems when branching in order to simulate the strings making room due to volume of their pearls.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

For my cactus, I knew I wanted a similar behavior, but growing upwards. After experimenting for a bit, my rules look like:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Because cacti tend to grow upward, I added a conditional statement to my drawCactus(…) code to orient the turtle upwards slowly:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

My Weeping Willow tree rules were a change from the other two. I wanted to simulate the twisting path the tree trunk and branches often taken, so I added some rules to my “F” variable:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The growth has the possibility of changing to an angled path before righting itself (once again attempting to simulate gravity). I also wrote two different leaf drawing functions, one that emulates the appearance of actual Weeping Willow Leaves and one that simulates the appearance of them because drawing that many detailed leaves significantly slows down the draw function:<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

I also had the stroke color and weight change on every push\/pop to indicate when the LSystem would branch, trying to show new versus older growth in the tree:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

I was inspired by the Willow Tree shape to make an earring stand for my partner. I turned off the leaf drawing so that the leaves could be the earrings, generated svgs out of the subsequent shapes, and laser cut them out of wood:<\/p>\n\n\n\n

\n
\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n

I intended to have them slot together in a base, but the print I did for bending the wood wasn’t fine enough and the piece broke. Instead, I glued them to a cardboard base and wrapped them with thread, because I found the aesthetics of the glue ugly.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
JaimeGouldLA1<\/a>Download<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"

Part 1: Turtle Geometry polygonHalt(1, 1); polygonHalt(2, 2); The size of the images don’t illustrate it very well, but the radius of the circle is the same. The number of segments the circle is divided in the second is fewer, however (360 \/ 2 = 180). For infinite precision, the circumference of the circle is 360. The radius would then […]<\/p>\n","protected":false},"author":30,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,24],"tags":[],"class_list":["post-5615","post","type-post","status-publish","format-standard","hentry","category-lsystems_23","category-studentwork23"],"_links":{"self":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/5615","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/users\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/comments?post=5615"}],"version-history":[{"count":5,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/5615\/revisions"}],"predecessor-version":[{"id":5754,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/5615\/revisions\/5754"}],"wp:attachment":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/media?parent=5615"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/categories?post=5615"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/tags?post=5615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}