{"id":2884,"date":"2021-05-03T03:30:37","date_gmt":"2021-05-03T07:30:37","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/?p=2884"},"modified":"2021-05-03T03:34:18","modified_gmt":"2021-05-03T07:34:18","slug":"5-3-catherineyanwen-updates","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/2884\/5-3-catherineyanwen-updates\/","title":{"rendered":"5\/3 Catherine&amp;Yanwen Updates"},"content":{"rendered":"\n<h3>On the technical side:<\/h3>\n\n\n\n<p>We programmed the microcontrollers, and our setup involves two Arduinos:<\/p>\n\n\n\n<ol><li>One is connected to the multi-touch grid. This arduino is controlled by a processing sketch and sends signals to the other arduino for outputs other than sounds.<\/li><li>One is connected to all other input&amp;output components: neopixel LEDs, vibration motors, and fabric buttons. This arduino is controlled by a arduino sketch and receives signals from the other arduino.<\/li><\/ol>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"909\" height=\"1024\" src=\"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-03-at-1.58.39-AM-909x1024.jpg\" alt=\"\" class=\"wp-image-2885\" srcset=\"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-03-at-1.58.39-AM-909x1024.jpg 909w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-03-at-1.58.39-AM-266x300.jpg 266w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-03-at-1.58.39-AM-768x865.jpg 768w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-03-at-1.58.39-AM-1140x1284.jpg 1140w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-03-at-1.58.39-AM.jpg 1234w\" sizes=\"(max-width: 909px) 100vw, 909px\" \/><figcaption>Important logic in the processing sketch<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-medium\"><img loading=\"lazy\" width=\"283\" height=\"300\" src=\"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-03-at-2.02.53-AM-283x300.png\" alt=\"\" class=\"wp-image-2886\" srcset=\"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-03-at-2.02.53-AM-283x300.png 283w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/Screen-Shot-2021-05-03-at-2.02.53-AM.png 490w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><figcaption>Important logic in the arduino sketch<\/figcaption><\/figure><\/div>\n\n\n\n<p>The <code>startHappyLed()<\/code> starts a sequence of colored LEDs synchronous blinkings and is followed with a sequence of synchronous blinking of only a subset of these colored LEDs at a time.<\/p>\n\n\n\n<p>The <code>startUnhappyLed()<\/code> starts a sequence of red LEDs synchronous blinking and followed with a sequence of synchronous blinking of only a subset of these red LEDs at a time.<\/p>\n\n\n\n<h3>On the page fabrication side:<\/h3>\n\n\n\n<p>We finished making the page and started integrating the elements:<\/p>\n\n\n\n<figure class=\"wp-block-gallery aligncenter columns-2 is-cropped\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" width=\"1024\" height=\"768\" src=\"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/fullpage-1024x768.jpg\" alt=\"\" data-id=\"2955\" class=\"wp-image-2955\" srcset=\"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/fullpage-1024x768.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/fullpage-300x225.jpg 300w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/fullpage-768x576.jpg 768w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/fullpage-1536x1152.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/fullpage-2048x1536.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/fullpage-1140x855.jpg 1140w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"blocks-gallery-item__caption\">Full page<\/figcaption><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" width=\"1024\" height=\"768\" src=\"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/touchgrid-1-1024x768.jpg\" alt=\"\" data-id=\"2961\" data-full-url=\"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/touchgrid-1-scaled.jpg\" data-link=\"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/2884\/5-3-catherineyanwen-updates\/processed-with-vsco-with-t1-preset-3\/\" class=\"wp-image-2961\" srcset=\"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/touchgrid-1-1024x768.jpg 1024w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/touchgrid-1-300x225.jpg 300w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/touchgrid-1-768x576.jpg 768w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/touchgrid-1-1536x1152.jpg 1536w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/touchgrid-1-2048x1536.jpg 2048w, https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-content\/uploads\/2021\/05\/touchgrid-1-1140x855.jpg 1140w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"blocks-gallery-item__caption\">Touch grid close up<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n<figure class=\"wp-block-embed aligncenter 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<iframe title=\"initial testing\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/ZJW-Z4ORKPs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>Initial testing with the code<\/figcaption><\/figure>\n\n\n\n<p>Besides the multi-touch grid, we decides to use 4 neopixels and 1 fabric button to control the vibration disc. The video shows the effect of the neopixels and multi-touch interactions. We will integrate in vibration feedback later.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>On the technical side: We programmed the microcontrollers, and our setup involves two Arduinos: One is connected to the multi-touch grid. This arduino is controlled by a processing sketch and sends signals to the other arduino for outputs other than sounds. One is connected to all other input&amp;output components: neopixel LEDs, vibration motors, and fabric<br \/><a href=\"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/2884\/5-3-catherineyanwen-updates\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">5\/3 Catherine&amp;Yanwen Updates<\/span> <\/a><\/p>\n","protected":false},"author":50,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[44],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-json\/wp\/v2\/posts\/2884"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-json\/wp\/v2\/comments?post=2884"}],"version-history":[{"count":5,"href":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-json\/wp\/v2\/posts\/2884\/revisions"}],"predecessor-version":[{"id":2963,"href":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-json\/wp\/v2\/posts\/2884\/revisions\/2963"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-json\/wp\/v2\/media?parent=2884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-json\/wp\/v2\/categories?post=2884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/16-480\/s2021\/wp-json\/wp\/v2\/tags?post=2884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}