{"id":135,"date":"2012-03-06T21:04:09","date_gmt":"2012-03-06T21:04:09","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/di\/?p=135"},"modified":"2012-03-06T21:04:09","modified_gmt":"2012-03-06T21:04:09","slug":"cas-destudi-visio-artificial-webcam-piano-2","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/di\/2012\/03\/06\/cas-destudi-visio-artificial-webcam-piano-2\/","title":{"rendered":"CAS D&#8217;ESTUDI :: VISI\u00d3 ARTIFICIAL :: WEBCAM PIANO 2"},"content":{"rendered":"<p><\/p>\n<h2>Webcam Piano 2<\/h2>\n<p>Memo Atken, 2008<br \/>\n<a title=\"Web site memo \/ webcam piano\" href=\"http:\/\/www.memo.tv\/webcam-piano-2\/\" target=\"_blank\">http:\/\/www.memo.tv\/webcam-piano-2\/<\/a><\/p>\n<p>[vimeo 13938077]<\/p>\n<h3>T\u00e8cniques<\/h3>\n<ul>\n<li>Visi\u00f3 Artificial : OpenCV, Optical Flow<\/li>\n<li>Programaci\u00f3 : OpenFrameworks, C++<\/li>\n<li>Gr\u00e0fics : OpenGL, particules, simulaci\u00f3 de fluids<\/li>\n<li>Audio : M\u00fasica generativa i gestual<\/li>\n<\/ul>\n<p><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/webcampianook.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-144\" title=\"webcampianook\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/webcampianook.png\" alt=\"\" width=\"600\" height=\"290\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/webcampianook.png 600w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/webcampianook-300x145.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<h3>An\u00e0lisi del disseny d\u2019interacci\u00f3<\/h3>\n<h4>Descripci\u00f3<\/h4>\n<p>Webcam Piano \u00e9s un instrument musical accionat amb el moviment de l&#8217;usuari davant d&#8217;una camara web. Aquest projecte s&#8217;enmarca dins la recerca de Memo en la interpretaci\u00f3 del moviment com a s\u00f3 i en l&#8217;exploraci\u00f3 de la m\u00fasica gestual. La camara web detecta les parts de la imatge amb m\u00e9s moviment (normalment les mans) i la posici\u00f3 d&#8217;aquestes en la pantalla es tradueixen en l&#8217;accionament d&#8217;unes caselles o tecles musicals en diferents modes que fan sonar un piano digital. Aquesta aplicaci\u00f3 experimental implementa una s\u00e8rie d&#8217;algoritmes que intenten entendre els moviments de l&#8217;usuari i interpretar quina sonoritat pretenen generar amb ells.<\/p>\n<h4>Diagrama de fluxe<\/h4>\n<p><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/DIAGRAMA_webcamPiano.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-142 aligncenter\" title=\"DIAGRAMA_webcamPiano\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/DIAGRAMA_webcamPiano.png\" alt=\"\" width=\"371\" height=\"240\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/DIAGRAMA_webcamPiano.png 371w, http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/DIAGRAMA_webcamPiano-300x194.png 300w\" sizes=\"auto, (max-width: 371px) 100vw, 371px\" \/><\/a><\/p>\n<h4>Usabilitat<\/h4>\n<p>Webcam Piano \u00e9s una aplicaci\u00f3 molt intuitiva i f\u00e0cil d&#8217;entendre per l&#8217;usuari. El fet d&#8217;utilitzar les mans sense cap altre dispositiu i que sigui justament el moviment de les mans el generador de la interacci\u00f3 fa que sigui molt f\u00e0cil d&#8217;interactuar i d&#8217;apendre a jugar-hi pels usuaris. L&#8217;aplicaci\u00f3 no t\u00e9 cap sentit sense l&#8217;usuari ja que es tracta d&#8217;un instrument, per tant l&#8217;usuari forma part de fet de la pe\u00e7a en si mateixa.<\/p>\n<h3>Valoraci\u00f3 personal i aportacions creatives.<\/h3>\n<p>Webcam Piano \u00e9s un exemple molt senzill pero efica\u00e7 d&#8217;interacci\u00f3 creativa amb l&#8217;usuari. Utilitzant una t\u00e9cnica for\u00e7a senzilla aconsegueix generar un instrument que \u00e9s divertit, f\u00e0cil i expressiu. Em sembla interessant el fet de que sigui un paradigma de instrument, \u00e9s a dir un giny que s&#8217;acciona per a aconseguir una finalitat, en aquest cas fer m\u00fasica. El resultat est\u00e0 molt be executat ja que s&#8217;acompanya la creaci\u00f3 musical amb una interficie gr\u00e0fica molt neta, clara i atractiva, basada en simulaci\u00f3 de fluids i sistemes de particules.<\/p>\n<p>Seria interessant que a part de poder canviar el mode musical es pogues canviar tamb\u00e9 la sonoritat o el instrument (en aquest cas un piano), aixi tindriem un instrument molt m\u00e9s ampli i que enganxaria als usuaris a probar d&#8217;interactuar amb d&#8217;altres sonoritats.<\/p>","protected":false},"excerpt":{"rendered":"<p>Webcam Piano 2 Memo Atken, 2008 http:\/\/www.memo.tv\/webcam-piano-2\/ [vimeo 13938077] T\u00e8cniques Visi\u00f3 Artificial : OpenCV, Optical Flow Programaci\u00f3 : OpenFrameworks, C++ Gr\u00e0fics : OpenGL, particules, simulaci\u00f3 de fluids Audio : M\u00fasica generativa i gestual An\u00e0lisi del disseny d\u2019interacci\u00f3 Descripci\u00f3 Webcam Piano \u00e9s un instrument musical accionat amb el moviment de l&#8217;usuari davant d&#8217;una camara web. Aquest &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/2012\/03\/06\/cas-destudi-visio-artificial-webcam-piano-2\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abCAS D&#8217;ESTUDI :: VISI\u00d3 ARTIFICIAL :: WEBCAM PIANO 2\u00bb<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":144,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-135","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-m5-computer-vision","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/posts\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":0,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/posts\/135\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/media\/144"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/categories?post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/wp-json\/wp\/v2\/tags?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}