{"id":586,"date":"2022-02-01T11:57:41","date_gmt":"2022-02-01T11:57:41","guid":{"rendered":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/?p=586"},"modified":"2022-02-01T11:57:42","modified_gmt":"2022-02-01T11:57:42","slug":"yieshengs-sa2-processing-and-turtle-geometry","status":"publish","type":"post","link":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/2022\/02\/01\/yieshengs-sa2-processing-and-turtle-geometry\/","title":{"rendered":"Yiesheng&#8217;s SA2 Processing and Turtle Geometry"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">For element 1, polar plot, at first, I was just reviewing the slide and looking up details then Van Gogh came to my mind maybe because I saw the upcoming exhibition coming to ABQ. As a result, I Googled \u201cvan gogh color palette rgb values\u201d and used one related to the Starry night. I also tried to incoperate Van Gogh in the following way: 1. I used variable radius polar plot to make the swirling stroke of the starry night. 2. I used the &#8220;polar rose equation&#8221; to make sun flowers along the swirling path. I included interactivity by placing the center of the swirling path at user mouse click. I also tuned various parameter to make the overall image not too empty. At first, I did not use mouse interactivity. But, later, I tried to add repeated swirling strokes as in the Starry Night and found letting user click repeatedly can achieve that.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polar12202233455.jpg\" alt=\"\" class=\"wp-image-587\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polar12202233455.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polar12202233455-300x300.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polar12202233455-150x150.jpg 150w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polar12202233455-768x768.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polar12202233455-575x575.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polar12202233455-380x380.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>polar plot<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For element 2, centered Circle, I first recalled using 360gon to approximate circle in the reading assignment. And then I googled how to find the side length of a regular polygon and spend some time to went through the details, for example what angle to put inside the sine function.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/circle12202234044.jpg\" alt=\"\" class=\"wp-image-588\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/circle12202234044.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/circle12202234044-300x300.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/circle12202234044-150x150.jpg 150w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/circle12202234044-768x768.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/circle12202234044-575x575.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/circle12202234044-380x380.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>centered circle<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For element 3, flower, at first, I got the impression that the round part of an ice cream scoop is a semi-circle. But I soon found out it is not semi-circle. After some reasoning with paper and pen, I refined my google search keyword and found the &#8220;endpoint-tangent theorem&#8221; and related geometry diagrams. This resulted in my initial version of petal procedure. This version is based on the 360gon and thus when the angle of partial circle  is not integer and has some fractional angle, my flower will have gap between the first and last petal. And this is fixed by checking for and then draw the correct fraction of one last side of the 360gon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234050.jpg\" alt=\"\" class=\"wp-image-589\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234050.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234050-300x300.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234050-150x150.jpg 150w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234050-768x768.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234050-575x575.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234050-380x380.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Flower: 13 petals<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234145.jpg\" alt=\"\" class=\"wp-image-590\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234145.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234145-300x300.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234145-150x150.jpg 150w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234145-768x768.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234145-575x575.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower12202234145-380x380.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Flower: 14 petals<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For element 4, I explored the following three different kinds of turtle behavior: 1. the Nazca Line style, 2. polygon style, and 3. L System style. I got my design idea when I was buying coffee and saw an hand drawn advertisement for the &#8220;Been There Series&#8221; Starbucks mugs. That was a Zia with a ripple at the center. I decided to make that into a turtle drawing. I scattered 5 Nazca line style Zia randomly. By Nazca line style, I mean hard coding the movement of the turtle with a parameter to control its size. And I randomly choose what goes inside the circle at the center of the Zia. This is supposed to be a creative space, maybe an latte art, the flowing coffee beans inside a grinder, or even a Japanese rock garden. And in my turtle drawing, these imaginations are represented by: 1. turtle polygon with degree 144 that resembles a star, 2. triangular pattern by varying the size of turtle polygon, 3. circular swirls patterns by varying the angle of turtle polygon, 4. a L System with degree 45 and rule {{&#8220;F&#8221;, &#8220;F++F++F++&#8221;}}, 5. a random turtle motion. One of the challenge I faced is to try to understand what is asymmetry and what is symmetry. And I tried to make asymmetry by: 1. randomly varying the length of the rays of the Zia and also draw some random turtle motion.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool1220223387.jpg\" alt=\"\" class=\"wp-image-591\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool1220223387.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool1220223387-300x300.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool1220223387-150x150.jpg 150w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool1220223387-768x768.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool1220223387-575x575.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool1220223387-380x380.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233723.jpg\" alt=\"\" class=\"wp-image-592\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233723.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233723-300x300.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233723-150x150.jpg 150w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233723-768x768.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233723-575x575.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233723-380x380.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233821.jpg\" alt=\"\" class=\"wp-image-593\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233821.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233821-300x300.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233821-150x150.jpg 150w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233821-768x768.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233821-575x575.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/cool12202233821-380x380.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/YieshengChenSA2.zip\">https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/YieshengChenSA2.zip<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For element 1, polar plot, at first, I was just reviewing the slide and looking up details then Van Gogh came to my mind maybe because I saw the upcoming exhibition coming to ABQ. As a result, I Googled \u201cvan gogh color palette rgb values\u201d and used one related to the Starry night. I also tried to incoperate Van Gogh [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-586","post","type-post","status-publish","format-standard","hentry","category-small-assignment-2"],"_links":{"self":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/586","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/comments?post=586"}],"version-history":[{"count":1,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/586\/revisions"}],"predecessor-version":[{"id":594,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/586\/revisions\/594"}],"wp:attachment":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/media?parent=586"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/categories?post=586"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/tags?post=586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}