{"id":88,"date":"2014-12-12T14:20:37","date_gmt":"2014-12-12T19:20:37","guid":{"rendered":"https:\/\/itp.nyu.edu\/shows\/winter2014\/drawmidi\/"},"modified":"2015-10-28T16:07:43","modified_gmt":"2015-10-28T20:07:43","slug":"drawmidi","status":"publish","type":"post","link":"https:\/\/itp.nyu.edu\/shows\/winter2014\/drawmidi\/","title":{"rendered":"DrawMidi"},"content":{"rendered":"<h2><em>Yurika Mulase<\/em><\/h2>\n<p>DrawMidi systematically visualizes notes played on a MIDI keyboard into an abstract, glitch-like piece of artwork which can later be musically analyzed based on pitch and dynamic range.<\/p>\n<p><a href=\"http:\/\/www.yurikamulase.com\/icm-final-project-drawmidi\/\">http:\/\/www.yurikamulase.com\/icm-final-project-drawmidi\/<\/a><\/p>\n<div id='gallery-1' class='gallery galleryid-88 gallery-columns-0 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-content\/uploads\/sites\/30\/2014\/12\/1418338629_drawmidicityscape.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-content\/uploads\/sites\/30\/2014\/12\/1418338629_drawmidicityscape-300x169.jpg\" class=\"attachment-medium size-medium\" alt=\"bunch of color connected dots\" srcset=\"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-content\/uploads\/sites\/30\/2014\/12\/1418338629_drawmidicityscape-300x169.jpg 300w, https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-content\/uploads\/sites\/30\/2014\/12\/1418338629_drawmidicityscape-1024x576.jpg 1024w, https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-content\/uploads\/sites\/30\/2014\/12\/1418338629_drawmidicityscape.jpg 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<h3>Description<\/h3>\n<p>DrawMidi maps pitch and velocity data from the MIDI keyboard onto a canvas made in Processing. Each note played is connected by a line that is color-coded based on pitch. The pitch determines where the line will be placed horizontally, and the velocity will change the height and thickness of the line. The user will have the choice of clearing the background in black or white, and saving the resulting picture in a folder within the Processing sketch. DrawMidi serves as a fun drawing program for those with non-musical backgrounds, and as a music analysis and visualization performance program for those with musical backgrounds.<\/p>\n<h3>Classes<\/h3>\n<p>Introduction to Computational Media<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Yurika Mulase DrawMidi systematically visualizes notes played on a MIDI keyboard into an abstract, glitch-like piece of artwork which can later be musically analyzed based on pitch and dynamic range. http:\/\/www.yurikamulase.com\/icm-final-project-drawmidi\/ Description DrawMidi maps pitch and velocity data from the MIDI keyboard onto a canvas made in Processing. Each note played is connected by a &hellip; <a href=\"https:\/\/itp.nyu.edu\/shows\/winter2014\/drawmidi\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">DrawMidi<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16149,934,462,16195],"tags":[],"class_list":["post-88","post","type-post","status-publish","format-standard","hentry","category-daniel-rozin","category-introduction-to-computational-media","category-projects","category-yurika-mulase"],"_links":{"self":[{"href":"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-json\/wp\/v2\/posts\/88"}],"collection":[{"href":"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":2,"href":"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-json\/wp\/v2\/posts\/88\/revisions"}],"predecessor-version":[{"id":3751,"href":"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-json\/wp\/v2\/posts\/88\/revisions\/3751"}],"wp:attachment":[{"href":"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-json\/wp\/v2\/media?parent=88"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-json\/wp\/v2\/categories?post=88"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itp.nyu.edu\/shows\/winter2014\/wp-json\/wp\/v2\/tags?post=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}