{"id":5391,"date":"2023-09-14T14:44:42","date_gmt":"2023-09-14T14:44:42","guid":{"rendered":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/?p=5391"},"modified":"2023-09-14T14:44:46","modified_gmt":"2023-09-14T14:44:46","slug":"nathaniel-garcia-large-assignment-1","status":"publish","type":"post","link":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/2023\/09\/14\/nathaniel-garcia-large-assignment-1\/","title":{"rendered":"Nathaniel Garcia: Large Assignment 1"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Part 1: <strong>Turtle Geometry<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Radius in Part (a): 57.29651<br>Radius in Part (b): 57.295963<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For a curved path that doesn&#8217;t intersect itself, joined by a straight line, with angles A and B formed by the curve meeting the straight line, the formula relating the total turning (A + B) to the number of full circles completed (N) and the turning angle along the straight line (C) is:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A + B = 360\u00b0 * N &#8211; C<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Part 2: L-Systems&nbsp;<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Perovskia Plant Outside My House<\/h6>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"982\" data-id=\"5401\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/image.png\" alt=\"\" class=\"wp-image-5401\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/image.png 809w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/image-247x300.png 247w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/image-768x932.png 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/image-575x698.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/image-380x461.png 380w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"900\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Sketch.jpg\" alt=\"\" class=\"wp-image-5402\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Sketch.jpg 900w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Sketch-300x300.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Sketch-150x150.jpg 150w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Sketch-768x768.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Sketch-575x575.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Sketch-380x380.jpg 380w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As I was brainstorming which real plant to use for this project, I spotted this awesome purple plant right outside my house. It had such a cool look that I thought, &#8220;Why not use this?&#8221; I took a couple of quick photos and used them as my guide for creating an L-System in Processing. I started with the basic code we learned in class but had to figure out how to make those left and right purple &#8220;leaves&#8221; look just like in the picture. It took some tinkering, but I eventually got the hang of it. I had to make separate functions to create the purple &#8220;leaves&#8221; and used triangles for the smaller green pointy ones. Adjusting angles and sizes was a bit of trial and error, but in the end, I&#8217;m pretty excited with how it turned out.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the code, I added an extra rule &#8220;C&#8221; for choice, which is a separate function that randomly chooses between creating 3 triangles as green leaves, and a purple ellipse.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>  String&#091;]&#091;] rules = {\n    {\"F\", \"X\"},\n    {\"+\", \"+\"},\n    {\"-\", \"-\"},\n    {\"&#091;\", \"&#091;\"},\n    {\"]\", \"]\"},\n    {\"C\", \"C\"},\n    {\"X\", \"FF&#091;+FXC]FF&#091;-FXC]\"}\n  };<\/code><\/pre>\n\n\n\n<h6 class=\"wp-block-heading\">Inside Fern Plant<\/h6>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"468\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/IMG_8635.jpg\" alt=\"\" class=\"wp-image-5405\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/IMG_8635.jpg 380w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/IMG_8635-244x300.jpg 244w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"596\" height=\"596\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Fern.png\" alt=\"\" class=\"wp-image-5406\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Fern.png 596w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Fern-300x300.png 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Fern-150x150.png 150w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Fern-575x575.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/Fern-380x380.png 380w\" sizes=\"auto, (max-width: 596px) 100vw, 596px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As for this fern, it initially seemed exciting to attempt to recreate, but as I messed with the Processing code, I found myself unsure about the best approach. I eventually settled on using small triangles as the most suitable representation for this plant, even though it posed a bit of a challenge. I was determined not to give up and kept trying until I achieved a result that I was somewhat satisfied with, one that &#8220;kind of&#8221; resembled the plant&#8217;s shape.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the code, to achieve a more curved appearance at the ends, I added additional &#8220;-&#8221; and &#8220;+&#8221; symbols. Taking inspiration from the real picture, which featured &#8220;full&#8221; stems, I ensured that the design I created also had a similar abundance of &#8220;triangle&#8221; leaves.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>  String&#091;]&#091;] rules = {\n    {\"F\", \"X\"},\n    {\"+\", \"+\"},\n    {\"-\", \"-\"},\n    {\"&#091;\", \"&#091;\"},\n    {\"]\", \"]\"},\n    {\"C\", \"C\"},\n    {\"X\", \"F&#091;+F&#091;---FC]C]F&#091;-F&#091;+++FC]C]\"},\n  };<\/code><\/pre>\n\n\n\n<h6 class=\"wp-block-heading\">StoneCrop on Campus <\/h6>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"539\" height=\"468\" data-id=\"5407\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/IMG_8643.jpg\" alt=\"\" class=\"wp-image-5407\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/IMG_8643.jpg 539w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/IMG_8643-300x260.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/IMG_8643-380x330.jpg 380w\" sizes=\"auto, (max-width: 539px) 100vw, 539px\" \/><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"471\" height=\"468\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/image-1.png\" alt=\"\" class=\"wp-image-5408\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/image-1.png 471w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/image-1-300x298.png 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/image-1-150x150.png 150w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/image-1-380x378.png 380w\" sizes=\"auto, (max-width: 471px) 100vw, 471px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I stumbled upon this cool plant while walking outside the Zimmerman Library. Its unique appearance immediately caught my eye, and I knew right away that I wanted to make it my final plant project. I applied some of the tactics I&#8217;d used for previous plants, but this one presented a particular challenge. Getting the vibrant orange elements to appear on top, rather than being overshadowed by the green leaves, was a bit tricky. To tackle this issue, I decided to make the orange ellipses larger, which created the illusion that they were positioned on top. Beneath these orange features, I incorporated a multitude of triangles to form the lower leaves, completing the overall look.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this particular case, I introduced a new function, &#8216;greenFilledTriangle,&#8217; for handling the &#8216;S&#8217; element. However, I encountered a little issue as the triangles didn&#8217;t want to turn green; they seemed content just forming the triangle shape without adopting the intended color. I decided to switch up my approach. Instead of struggling to fill the triangles with green individually, I opted for a different tactic. I altered the background to a vibrant green and set the stroke color to green for the entire stem trace. This adjustment allowed multiple triangles to stack on top of each other, and as they did, they automatically filled themselves in with green. This creative workaround produced the desired effect of having lush green leaves peeking out from beneath the vibrant orange, just as I had envisioned.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>  String axiom = \"X\"; \n  String&#091;]&#091;] rules = {\n    {\"X\", \"&#091;-FXPS]F&#091;+FXCPS]F\"},\n    {\"F\", \"FF\"},\n    {\"S\", \"S\"},\n    {\"C\", \"C\"}\n  };\n\n\/\/Where \"S\" \n      case 'S':\n        drawGreenFilledTriangleLeaf(t, 40);\n\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Drawing Fabrication<\/h2>\n\n\n\n<h6 class=\"wp-block-heading has-text-align-center\">Forearm Temporary Tattoo<\/h6>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/media.discordapp.net\/attachments\/707663020536496199\/1151889490936344647\/IMG_8655.jpg?width=351&amp;height=468\" alt=\"Image\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">For my fabricated design, I chose to create a temporary tattoo. Initially, I had some reservations about how it would turn out, but I was excited with the results. While the purple didn&#8217;t turn out as vibrant as I had hoped, the details are still visible but a little too dark. To see how long it really lasted, I decided to create multiple tattoos and applied the first one successfully. What I discovered was that once it makes contact with water, the tattoo becomes quite sticky. Over time, lint from clothing started sticking to it, somewhat &#8220;dirtying&#8221; the tattoo&#8217;s appearance. The stickiness persisted, and I noticed that if I rested my arm on my desk for too long, my skin would stick to the surface, making it feel as though I was peeling my skin off the desk, so I tried my best to remove the tattoo. So it only lasts a day and a half. <\/p>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-2711dce3-a514-4932-ba95-0d717c2e9a84\" href=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/NathanielGarciaLA1.zip\">NathanielGarciaLA1<\/a><a href=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2023\/09\/NathanielGarciaLA1.zip\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-2711dce3-a514-4932-ba95-0d717c2e9a84\">Download<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Part 1: Turtle Geometry Radius in Part (a): 57.29651Radius in Part (b): 57.295963 For a curved path that doesn&#8217;t intersect itself, joined by a straight line, with angles A and B formed by the curve meeting the straight line, the formula relating the total turning (A + B) to the number of full circles completed (N) and the turning angle [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,1],"tags":[],"class_list":["post-5391","post","type-post","status-publish","format-standard","hentry","category-lsystems_23","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/5391","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\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/comments?post=5391"}],"version-history":[{"count":17,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/5391\/revisions"}],"predecessor-version":[{"id":5718,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/5391\/revisions\/5718"}],"wp:attachment":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/media?parent=5391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/categories?post=5391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/tags?post=5391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}