{"id":1954,"date":"2021-10-12T15:00:18","date_gmt":"2021-10-12T19:00:18","guid":{"rendered":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/?p=1954"},"modified":"2021-10-12T15:09:48","modified_gmt":"2021-10-12T19:09:48","slug":"shape-of-a-story-geometric-patterns","status":"publish","type":"post","link":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/kslokhandwala\/shape-of-a-story-geometric-patterns\/","title":{"rendered":"Shape of a Story &#8211; Geometric Patterns"},"content":{"rendered":"\n<p>My final project took a turn away from raymarching and into the vertex shader to create geometric shapes. The physical piece consists of a Makey Makey kit for touch points to spawn the formations, and an arduino slider and force sensor to edit their configuration.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/physical-piece.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/physical-piece-858x1024.jpg\" alt=\"\" class=\"wp-image-1959\" width=\"840\" height=\"1002\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/physical-piece-858x1024.jpg 858w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/physical-piece-670x800.jpg 670w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/physical-piece-768x916.jpg 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/physical-piece-1287x1536.jpg 1287w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/physical-piece-1716x2048.jpg 1716w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/physical-piece-251x300.jpg 251w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/a><figcaption>The physical interface, and the two wires. Red (Makey Makey) and Blue (Arduino).<\/figcaption><\/figure>\n\n\n\n<p> The piece is designed for two people, requiring one hand on each of the touch points, and another hand to activate the arduino&#8217;s slide and force sensor. The whole physical piece and electronics were put in a cereal box. The digital visuals were created in order to draw attention to the shapes&#8217; intersections. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petals.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"879\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petals-1024x879.png\" alt=\"\" class=\"wp-image-1961\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petals-1024x879.png 1024w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petals-800x687.png 800w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petals-768x659.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petals-1536x1319.png 1536w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petals-2048x1758.png 2048w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petals-349x300.png 349w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petasl2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"894\" height=\"1024\" src=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petasl2-894x1024.png\" alt=\"\" class=\"wp-image-1962\" srcset=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petasl2-894x1024.png 894w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petasl2-698x800.png 698w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petasl2-768x880.png 768w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petasl2-1340x1536.png 1340w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petasl2-262x300.png 262w, https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petasl2.png 1445w\" sizes=\"auto, (max-width: 894px) 100vw, 894px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jetpack-video-wrapper\"><iframe loading=\"lazy\" title=\"Shape of A Story - Geometric Patterns\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/Cs_05snCq9c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>My final project took a turn away from raymarching and into the vertex shader to create geometric shapes. The physical piece consists of a Makey Makey kit for touch points to spawn the formations, and an arduino slider and force sensor to edit their configuration. The piece is designed for two people, requiring one hand&#8230; <\/p>\n<div class=\"link-more\"><a href=\"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/kslokhandwala\/shape-of-a-story-geometric-patterns\/\">Read More<\/a><\/div>\n","protected":false},"author":147,"featured_media":1961,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"cybocfi_hide_featured_image":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-1954","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-final-project"],"jetpack_featured_media_url":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-content\/uploads\/sites\/17\/2021\/10\/petals.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1954","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/users\/147"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/comments?post=1954"}],"version-history":[{"count":2,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1954\/revisions"}],"predecessor-version":[{"id":1967,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/posts\/1954\/revisions\/1967"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/media\/1961"}],"wp:attachment":[{"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/media?parent=1954"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/categories?post=1954"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joshuarosenstock.com\/teaching\/imgd3200-a21\/wp-json\/wp\/v2\/tags?post=1954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}