{"id":516,"date":"2022-02-01T07:22:40","date_gmt":"2022-02-01T07:22:40","guid":{"rendered":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/?p=516"},"modified":"2022-02-01T07:25:22","modified_gmt":"2022-02-01T07:25:22","slug":"small-assignment-2-processing-and-turtle-geometry","status":"publish","type":"post","link":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/2022\/02\/01\/small-assignment-2-processing-and-turtle-geometry\/","title":{"rendered":"Small Assignment 2: Processing and Turtle Geometry- Meiling Traeger"},"content":{"rendered":"\n<p class=\"has-large-font-size wp-block-paragraph\">Polar Plot<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"700\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polarPlot.jpg\" alt=\"\" class=\"wp-image-517\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polarPlot.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polarPlot-300x263.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polarPlot-768x672.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polarPlot-575x503.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/polarPlot-380x333.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To make the polar plot I started with the examples provided in class. To create a more unique image I adjusted the size and angle values. To create angles I utilized cos and sin values. The reason I stuck with this design is because I liked the pointed skinnier edges. Having a small polar plot in the inside made the image more unique and created a bit of depth. There were no significant challenges with this plot. <\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">Centered Circle<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"700\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/centeredCircle.jpg\" alt=\"\" class=\"wp-image-518\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/centeredCircle.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/centeredCircle-300x263.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/centeredCircle-768x672.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/centeredCircle-575x503.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/centeredCircle-380x333.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The centered circle was generated by calculating the circumference of the circle and having the turtle continuously move forward and right for 360 degrees. I liked the circle because it was fairly simple to generate and working off the examples shown in class, it was nice to utilize the turtles direction with the triangular representation. <\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">Flower<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"700\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower-1.jpg\" alt=\"\" class=\"wp-image-519\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower-1.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower-1-300x263.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower-1-768x672.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower-1-575x503.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower-1-380x333.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=\"700\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower2.jpg\" alt=\"\" class=\"wp-image-524\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower2.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower2-300x263.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower2-768x672.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower2-575x503.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/flower2-380x333.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The flower was the most challenging for me to generate. An area where I struggled was calculating the correct math needed to obtain the same arc while moving in a continuous circle. The first image shows a flower with 12 petals and the second image shows a flower with 18 petals. To calculate the size of each size I stored the value of &#8220;s&#8221; as a float which (r\/a)*6750. &#8220;r&#8221; represents the radius and &#8220;a&#8221; represents an angle. The arc is drawn using a for loop that increments i &lt; 180. <\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">Turtle 1<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"700\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle1-1.jpg\" alt=\"\" class=\"wp-image-520\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle1-1.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle1-1-300x263.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle1-1-768x672.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle1-1-575x503.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle1-1-380x333.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Of all the images this one was my favorite. I really liked the repetition of the design when ran. The outer edges are very sharp and pointy looking while the inside is more smooth and eventually generates a 7 sided curved shape. I started with a basic turtle example and changed the angle and size to obtain a more complex design. Looking at the image, it almost looks as if there are two separate designs being drawn simultaneously. <\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">Turtle 2<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"700\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle2-1.jpg\" alt=\"\" class=\"wp-image-521\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle2-1.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle2-1-300x263.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle2-1-768x672.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle2-1-575x503.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle2-1-380x333.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The angle for this turtle design was a constant factor of 280. This image appealed to me because it reminded me of those maze books that I had as a kid where each page featured a very intricate and organized design. While my image is not a maze, the 5- sided figure has a nice offset and placement. The inside of the image starts as a very small spiral which eventually fills out and defines each of the sides. <\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">Turtle 3<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"700\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle3-1.jpg\" alt=\"\" class=\"wp-image-522\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle3-1.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle3-1-300x263.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle3-1-768x672.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle3-1-575x503.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/turtle3-1-380x333.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">My third turtle design was another one that I liked a lot. Again it has the pointy edges but as it moves towards the center the edges appear to be softer due to the overlap of the program. This image is a really nice example of recalculation of the image and how quickly the center can become darker. When running this image I had it set at a frame rate of 60. Setting it to a faster frame rate, I was able to get a different perception that felt more chaotic than if it was generated at a slower frame rate. <\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">Asymmetrical Turtle<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"700\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/aTurtle.jpg\" alt=\"\" class=\"wp-image-523\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/aTurtle.jpg 800w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/aTurtle-300x263.jpg 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/aTurtle-768x672.jpg 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/aTurtle-575x503.jpg 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/aTurtle-380x333.jpg 380w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Second to the flower, the asymmetrical image was another one that took me a bit longer to figure out. Initially I was following the same set up as the other turtle images, but was not generating asymmetrical results. Instead I was generating symmetrical designs but just in different positions on the window. The best way I thought to develop an asymmetrical design was to go back to the random move\/ animal examples from class. Since the path would be randomly generated and not a set size or angle I was able to use the forward and right commands to generate a choppy path with sharper turns and edges. I had set the position on the window to random, so each time when run the path is different than the previous run. These lines reminded me of broken glass pieces that might have fallen from a window. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/p>\n\n\n\n<p class=\"has-normal-font-size wp-block-paragraph\"><strong>Link to zip file:<\/strong> https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/02\/MeilingTraegerSA2.zip<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Polar Plot To make the polar plot I started with the examples provided in class. To create a more unique image I adjusted the size and angle values. To create angles I utilized cos and sin values. The reason I stuck with this design is because I liked the pointed skinnier edges. Having a small polar plot in the inside [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-516","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\/516","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\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":3,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/516\/revisions"}],"predecessor-version":[{"id":539,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/516\/revisions\/539"}],"wp:attachment":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/media?parent=516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/categories?post=516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/tags?post=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}