{"id":2562,"date":"2022-03-28T22:08:09","date_gmt":"2022-03-28T22:08:09","guid":{"rendered":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/?p=2562"},"modified":"2022-03-28T22:08:11","modified_gmt":"2022-03-28T22:08:11","slug":"large-assignment-3-ben-liu","status":"publish","type":"post","link":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/2022\/03\/28\/large-assignment-3-ben-liu\/","title":{"rendered":"Large Assignment 3 &#8211; Ben Liu"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Part 1 &#8211; Escher Tiling<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I decided to use Processing to create this part of the assignment. I started by using the shodor site (http:\/\/www.shodor.org\/interactivate\/activities\/Tessellate\/) to create a rectangular tessellation. I basically just tried to make as assymetrical and &#8216;wild&#8217; looking of a shape as possible and ended up with this design:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"984\" height=\"540\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1111.png\" alt=\"\" class=\"wp-image-2566\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1111.png 984w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1111-300x165.png 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1111-768x421.png 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1111-920x505.png 920w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1111-575x316.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1111-380x209.png 380w\" sizes=\"auto, (max-width: 984px) 100vw, 984px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I then used the &#8216;information&#8217; tab on the website to replicate this in Processing, using the turtle&#8217;s goToPoint function to go from vertex to vertex:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"477\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/2222.png\" alt=\"\" class=\"wp-image-2568\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/2222.png 506w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/2222-300x283.png 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/2222-380x358.png 380w\" sizes=\"auto, (max-width: 506px) 100vw, 506px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/5555.png\" alt=\"\" class=\"wp-image-2569\" width=\"323\" height=\"803\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/5555.png 321w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/5555-121x300.png 121w\" sizes=\"auto, (max-width: 323px) 100vw, 323px\" \/><figcaption>Note that the y-coordinate changes are inverted for Processing&#8217;s coordinate system.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"392\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/3333.png\" alt=\"\" class=\"wp-image-2570\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/3333.png 544w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/3333-300x216.png 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/3333-380x274.png 380w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><figcaption>Single tile created in Processing<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then it was just a matter of tessellating it across the pane, and making it more visually appealing. I ended up going with a black background and randomizing the line color for each tile:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"801\" height=\"799\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/4444.png\" alt=\"\" class=\"wp-image-2571\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/4444.png 801w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/4444-300x300.png 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/4444-150x150.png 150w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/4444-768x766.png 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/4444-575x574.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/4444-380x379.png 380w\" sizes=\"auto, (max-width: 801px) 100vw, 801px\" \/><figcaption>The final product<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Part 2 &#8211; 3D Tiling Across a Surface<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I used the same method to create a 3d tile in Grasshopper. I started with a triangular tile with a simple transformation:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"519\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/6666-1024x519.png\" alt=\"\" class=\"wp-image-2730\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/6666-1024x519.png 1024w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/6666-300x152.png 300w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/6666-768x389.png 768w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/6666-1140x577.png 1140w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/6666-920x466.png 920w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/6666-575x291.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/6666-380x192.png 380w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/6666.png 1254w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"696\" height=\"816\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/7777.png\" alt=\"\" class=\"wp-image-2751\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/7777.png 696w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/7777-256x300.png 256w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/7777-575x674.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/7777-380x446.png 380w\" sizes=\"auto, (max-width: 696px) 100vw, 696px\" \/><figcaption>The basic tile ported into Rhino with 1mm height<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then, using more python script blocks and &#8216;Solid Difference&#8217;, I cut out two triangles from this tile. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"696\" height=\"820\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/8888.png\" alt=\"\" class=\"wp-image-2752\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/8888.png 696w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/8888-255x300.png 255w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/8888-575x677.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/8888-380x448.png 380w\" sizes=\"auto, (max-width: 696px) 100vw, 696px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After that, it was just a matter of tiling it. I had to change the tiling code from lecture quite a bit to create a better tiling for this shape, but I got it working eventually.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"699\" height=\"825\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/9999.png\" alt=\"\" class=\"wp-image-2754\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/9999.png 699w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/9999-254x300.png 254w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/9999-575x679.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/9999-380x448.png 380w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then, I surface morphed it across 3 surfaces:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"823\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1010.png\" alt=\"\" class=\"wp-image-2757\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1010.png 700w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1010-255x300.png 255w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1010-575x676.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1010-380x447.png 380w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><figcaption>z = 30*(x^2 + y^2), z scale = 1<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"699\" height=\"826\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1333.png\" alt=\"\" class=\"wp-image-2760\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1333.png 699w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1333-254x300.png 254w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1333-575x679.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1333-380x449.png 380w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><figcaption>z = x^3 + sin(y^2), z scale = 12<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"699\" height=\"823\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1110.png\" alt=\"\" class=\"wp-image-2762\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1110.png 699w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1110-255x300.png 255w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1110-575x677.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1110-380x447.png 380w\" sizes=\"auto, (max-width: 699px) 100vw, 699px\" \/><figcaption>Default sphere, radius of 60<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"823\" src=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1222.png\" alt=\"\" class=\"wp-image-2763\" srcset=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1222.png 700w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1222-255x300.png 255w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1222-575x676.png 575w, https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/1222-380x447.png 380w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><figcaption>Top down view of the sphere<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Part 3 &#8211; 3D Printed Form<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">I tried printing the first 2 designs a couple times, first with no support then with limited support, but they all failed at some point in the printing process. I really like the spherical design and I want to print it out, but it needs a lot of support structures and is currently in the process of a very long print. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Code<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/BenLiuLA3.zip\">https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-content\/uploads\/2022\/03\/BenLiuLA3.zip<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Part 1 &#8211; Escher Tiling I decided to use Processing to create this part of the assignment. I started by using the shodor site (http:\/\/www.shodor.org\/interactivate\/activities\/Tessellate\/) to create a rectangular tessellation. I basically just tried to make as assymetrical and &#8216;wild&#8217; looking of a shape as possible and ended up with this design: I then used the &#8216;information&#8217; tab on the [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-2562","post","type-post","status-publish","format-standard","hentry","category-large-assignment-3-tiling"],"_links":{"self":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/2562","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/comments?post=2562"}],"version-history":[{"count":12,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/2562\/revisions"}],"predecessor-version":[{"id":2771,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/posts\/2562\/revisions\/2771"}],"wp:attachment":[{"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/media?parent=2562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/categories?post=2562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/handandmachine.org\/classes\/computational_fabrication\/wp-json\/wp\/v2\/tags?post=2562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}