{"id":1094,"date":"2021-09-22T12:56:12","date_gmt":"2021-09-22T16:56:12","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/?p=1094"},"modified":"2021-09-22T13:41:14","modified_gmt":"2021-09-22T17:41:14","slug":"miniverse-hatching","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/miniverse\/09\/22\/miniverse-hatching\/","title":{"rendered":"miniverse &#8211; hatching"},"content":{"rendered":"<p><a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/09-21-hatch-cv.svg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-1101\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/IMG_7408-360x480.jpg\" alt=\"\" width=\"360\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/IMG_7408-360x480.jpg 360w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/IMG_7408-768x1024.jpg 768w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/IMG_7408-1152x1536.jpg 1152w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/IMG_7408-1536x2048.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/IMG_7408-1200x1600.jpg 1200w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/IMG_7408-scaled.jpg 1920w\" sizes=\"(max-width: 360px) 85vw, 360px\" \/><\/a><\/p>\n<p>My sketched hatchings<a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/09-21-hatch-cv.svg\"><br \/>\n<img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1097\" src=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/2021\/09\/09-21-hatch-cv.svg\" alt=\"\" width=\"459\" height=\"459\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/\/2021\/09\/09-21-hatch-cv.svg 150w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/\/2021\/09\/09-21-hatch-cv.svg 1024w, https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-content\/uploads\/\/2021\/09\/09-21-hatch-cv.svg 800w\" sizes=\"(max-width: 459px) 85vw, 459px\" \/><\/a><\/p>\n<p>Here&#8217;s my hatching SVG<\/p>\n<p>The first row is diagonal lines with a little randomization<\/p>\n<p>The second row is a space filling curve called a hilbert curve. This curve has 8^8 points. To produce gradations the points are rendered with a certain probability this functionally limits the amount of points and makes the curve less dense. There are multiple good sources to learn more about the hilbert curve from.<\/p>\n<p><a href=\"https:\/\/www.fundza.com\/algorithmic\/space_filling\/hilbert\/basics\/index.html\">https:\/\/www.fundza.com\/algorithmic\/space_filling\/hilbert\/basics\/index.html<\/a><\/p>\n<p>^ this link provides a good recursive solution for the curve. The first two arguments to the function\u00a0 they code describe\u00a0 the top left point from where the curve begins. The next four detail how the curve\u00a0 expands to the bottom and to the right.<\/p>\n<p>The last row is multiple sin and cos waves added together to produce a more complex curve and then stacked at a certain spacing. The spacing edits the gradation.<\/p>\n<p>&nbsp;<\/p>\n<p>Vpype! at the end I used this CLI to run some optimizations<\/p>\n<p>here&#8217;s a good command to run after producing svgs.<\/p>\n<pre>vpype read FILE_NAME.svg linemerge linesort linesimplify write --center OUT_FILE_NAME.svg<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>My sketched hatchings Here&#8217;s my hatching SVG The first row is diagonal lines with a little randomization The second row is a space filling curve called a hilbert curve. This curve has 8^8 points. To produce gradations the points are rendered with a certain probability this functionally limits the amount of points and makes the &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/miniverse\/09\/22\/miniverse-hatching\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;miniverse &#8211; hatching&#8221;<\/span><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1094"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/comments?post=1094"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1094\/revisions"}],"predecessor-version":[{"id":1146,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/posts\/1094\/revisions\/1146"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/media?parent=1094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/categories?post=1094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-428\/f2021\/wp-json\/wp\/v2\/tags?post=1094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}