{"id":470,"date":"2013-11-28T13:21:32","date_gmt":"2013-11-28T17:21:32","guid":{"rendered":"http:\/\/www.jhclaura.com\/?p=470"},"modified":"2015-11-20T17:16:49","modified_gmt":"2015-11-20T22:16:49","slug":"glitchtchtchitch","status":"publish","type":"post","link":"http:\/\/www.jhclaura.com\/glitchtchtchitch\/","title":{"rendered":"ICM_Glitchtchtchitch"},"content":{"rendered":"<p>ICM Final&#8211; <strong>Glitchtchtchitch<\/strong>.<\/p>\n<blockquote><p>Manipulation and surveillance visualization.<\/p><\/blockquote>\n<p>Featured in <a href=\"http:\/\/www.jhclaura.com\/wshow_glitchtchtchitch\/\" target=\"_blank\">ITP Winter Show 2013(See all the pics!)<\/a>.<\/p>\n<p>Glitchtchtchitch is a live interactive installation showing multiple short-lived fault in a system. By bringing out the imperfection of technology with massive pixels manipulation, sound distortion, and multiple screens display, Glitchtchtchitch visualize the transient fault and the incapability of communication. Although mainly sending serious messages, with the effect of headless illusions, heads displacement, and delay, it leaves audience undergoing an experience without too much pressure.<\/p>\n<p>Glitchtchtchitch is presented by running more than 10 Processing sketches at the same time, and using 2-3 projectors to increase the amount of screen, the variety, and increase the level of distortion.<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/80522589?color=c9ff23\" width=\"700\" height=\"383\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>Main idea &#8211;&gt; \u00a0In order to cubify heads, instead of just altering pixels, I made an object &#8220;Cube&#8221; to get, restore, alter, and display the pixels of specific range. Also to achieve the headless effect, besides the library\u00a0<a href=\"https:\/\/github.com\/atduskgreg\/opencv-processing\" target=\"_blank\">OpenCV<\/a>, I took a background image beforehand, and display its pixels within certain ranges, once detecting a face. <a href=\"http:\/\/bit.ly\/Glitchtchtchitch\" target=\"_blank\">ALL THE SOURCE CODES<\/a><\/p>\n<p>&nbsp;<\/p>\n<style type=\"text\/css\">\n\t\t\t#gallery-2 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-2 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-2 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n<div id='gallery-2' class='gallery galleryid-470 gallery-columns-3 gallery-size-thumbnail'>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/1\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/1-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/2\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/2-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/19\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/19-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<p><br style=\"clear: both\" \/><\/p>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/18\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/18-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/9\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/9-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/11\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/11-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<p><br style=\"clear: both\" \/><\/p>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/3\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/3-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/20\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/20-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/10\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/10-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<p><br style=\"clear: both\" \/><\/p>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/7\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/7-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/8\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/8-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/6\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/6-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<p><br style=\"clear: both\" \/><\/p>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/14\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/14-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/17\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/17-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/4\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/4-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<p><br style=\"clear: both\" \/><\/p>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/5\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/5-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/16\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/16-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/15\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/15-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<p><br style=\"clear: both\" \/><\/p>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/12\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/12-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<dl class='gallery-item'>\n<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='http:\/\/www.jhclaura.com\/glitchtchtchitch\/attachment\/13\/'><img width=\"150\" height=\"150\" src=\"http:\/\/www.jhclaura.com\/wp-content\/uploads\/2013\/11\/13-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" loading=\"lazy\" \/><\/a>\n\t\t\t<\/dt>\n<\/dl>\n<p>\t\t\t<br style='clear: both' \/>\n\t\t<\/div>\n<p><strong>Notes<\/strong><\/p>\n<ul>\n<li>Speed issue has room for improvement.<\/li>\n<li>Different scale presentation style(projectors included) looks nice.<\/li>\n<li>From user test and presentation feedback, people love headless and delay effect the most. Because they\u2019re the most bizarre, unrealistic, and uncommon visual impact.<\/li>\n<\/ul>\n<p><strong>Problems with solutions<\/strong><\/p>\n<ul>\n<li>OutOfBounds \u2014&gt; constrain(xxx, 0, numPixels-1)<\/li>\n<li>flip horizontal \u2014&gt;\u00a0video.width-fx-1<\/li>\n<li>can\u2019t cover image with pixels[ ] \u2014&gt; solved by using pixels for both<\/li>\n<li>improve the sketch speed \u2014&gt; P2D, PFrame,<\/li>\n<li>connect to webcam? PS eye? \u2014&gt; camera list, example<\/li>\n<\/ul>\n<p><strong>References<\/strong><\/p>\n<ul>\n<li>scale PImage\u00a0<span style=\"text-decoration: underline;\">http:\/\/stackoverflow.com\/questions\/17705781\/video-delay-buffer-in-processing-2-0<\/span><\/li>\n<li>Minim noise\u00a0<span style=\"text-decoration: underline;\">http:\/\/code.compartmental.net\/tools\/minim\/manual-noise\/<\/span><\/li>\n<li>hide menu\u00a0<span style=\"text-decoration: underline;\">http:\/\/processing.org\/discourse\/beta\/num_1224367967.html<\/span><\/li>\n<\/ul>\n<p><strong>Original proposal\u00a0<\/strong>&#8211;&gt; <a href=\"http:\/\/jhclaura.com\/Glitchtchtchlitch_proposal\/assets\/player\/KeynoteDHTMLPlayer.html#0\" target=\"_blank\">Here<\/a>.<\/p>\n<p><![if !IE]><iframe loading=\"lazy\" src=\"http:\/\/docs.google.com\/viewer?url=http%3A%2F%2Fjhclaura.com%2FGlitchtchtchlitch_proposal%2FGlitchtchtchlitch_proposal.pdf&amp;embedded=true\" class=\"pdf\" frameborder=\"0\" style=\"height:750px;width:500px;border:0\" width=\"500\" height=\"750\"><\/iframe><![endif]><!--[if IE]><object width=\"500\" height=\"750\" type=\"application\/pdf\" data=\"http:\/\/jhclaura.com\/Glitchtchtchlitch_proposal\/Glitchtchtchlitch_proposal.pdf\" class=\"pdf ie\">\n \n<div style=\"width:500;height:750;text-align:center;background:#fff;color:#000;margin:0;border:0;padding:0\">Unable to display PDF<br \/><a href=\"http:\/\/jhclaura.com\/Glitchtchtchlitch_proposal\/Glitchtchtchlitch_proposal.pdf\">Click here to download<\/a><\/div>\n \n<\/object><![endif]--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>ICM Final&#8211; Glitchtchtchitch. Manipulation and surveillance visualization. Featured in ITP Winter Show 2013(See all the pics!). Glitchtchtchitch is a live interactive installation showing multiple short-lived fault in a system. By&#8230; <a class=\"read-more\" href=\"http:\/\/www.jhclaura.com\/glitchtchtchitch\/\">Read The Rest &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":566,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[127,2],"tags":[79,30,14,24,261],"_links":{"self":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts\/470"}],"collection":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/comments?post=470"}],"version-history":[{"count":10,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts\/470\/revisions"}],"predecessor-version":[{"id":1891,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/posts\/470\/revisions\/1891"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/media\/566"}],"wp:attachment":[{"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/media?parent=470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/categories?post=470"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.jhclaura.com\/wp-json\/wp\/v2\/tags?post=470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}