{"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\/es\/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<\/p>\n<p><a title=\"Web 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\u00e9cnicas<\/h3>\n<ul>\n<li>Visi\u00f3n Artificial : OpenCV, Optical Flow<\/li>\n<li>Programaci\u00f3n : OpenFrameworks, C++<\/li>\n<li>Gr\u00e1ficos : OpenGL, part\u00edculas, simulaci\u00f3n de fluidos<\/li>\n<li>Audio : M\u00fasica generativa y gestual<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/webcampianook.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"webcampianook\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/webcampianook.png\" alt=\"\" width=\"600\" height=\"290\" \/><\/a><\/p>\n<h3>An\u00e1lisis del dise\u00f1o de interacci\u00f3n<\/h3>\n<h4>Descripci\u00f3n<\/h4>\n<p>Webcam Piano es un instrumento musical accionado por el movimiento del usuario delante de una c\u00e1mara web. Este proyecto se enmarca dentro de la b\u00fasqueda de Memo en la interpretaci\u00f3n del movimiento como sonido y en la exploraci\u00f3n de la m\u00fasica gestual. La c\u00e1mara web detecta las partes de la imagen com m\u00e1s movimiento (normalmente las manos) y la posici\u00f3n de \u00e9stas en la pantalla se traducen en el accionamiento de unas casillas o teclas musicales en diferentes modos que hacen sonar un piano digital. Esta aplicaci\u00f3n experimental implementa una serie de algoritmos que intentan entender los movimientos del usuario e interpretar qu\u00e9 sonoridad pretenden generar con ellos.<\/p>\n<h4>Diagrama de flujo<\/h4>\n<p><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/DIAGRAMA_webcamPiano.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"DIAGRAMA_webcamPiano\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/files\/2012\/03\/DIAGRAMA_webcamPiano.png\" alt=\"\" width=\"371\" height=\"240\" \/><\/a><\/p>\n<h4>Usabilidad<\/h4>\n<p>Webcam Piano \u00a0es una aplicacion muy intuitiva y f\u00e1cil de entender por el usuario. El hecho de utilizar las manos sin ning\u00fan otro dispositivo y que sea justamente el movimiento de las manos el generador de la interacci\u00f3n hace que interactuar y aprender a jugar con \u00e9l sea muy f\u00e1cil para los usuarios. La aplicaci\u00f3n no tiene ning\u00fan sentido sin el usuario ya que se trata de un instrumento, por lo que el usuario forma parte de hecho de la pieza en s\u00ed misma.<\/p>\n<h3>Valoraci\u00f3n personal y aportaciones creativas.<\/h3>\n<p>Webcam Piano es un ejemplo muy sencillo pero eficaz de interacci\u00f3n creativa con el usuario. Utilizando una t\u00e9cnica muy sencilla consigue generar un instrumento que es divertido, f\u00e1cil y expresivo. Me parece interesante el hecho de que sea un paradigma de instrumento, es decir, un <em>widget<\/em>\u00a0que se acciona para conseguir una finalidad, en este caso crear m\u00fasica. El resultado est\u00e1 muy bien ejecutado ya que la creaci\u00f3n musical se acompa\u00f1a de una interfaz gr\u00e1fica muy limpia, clara y atractiva, basada en simulaci\u00f3n de fluidos y sistemas de part\u00edculas.<\/p>\n<p>Ser\u00eda interesante que adem\u00e1s de poder cambiar el modo musical se pudiese cambiar tambi\u00e9n la sonoridad o el instrumento (en este caso un piano); as\u00ed tendr\u00edamos un instrumento mucho m\u00e1s amplio que animar\u00eda a los usuarios a intentar interactuar con otras sonoridades.<\/p>","protected":false},"excerpt":{"rendered":"<p>Webcam Piano 2 Memo Atken, 2008 http:\/\/www.memo.tv\/webcam-piano-2\/ [vimeo 13938077] T\u00e9cnicas Visi\u00f3n Artificial : OpenCV, Optical Flow Programaci\u00f3n : OpenFrameworks, C++ Gr\u00e1ficos : OpenGL, part\u00edculas, simulaci\u00f3n de fluidos Audio : M\u00fasica generativa y gestual &nbsp; An\u00e1lisis del dise\u00f1o de interacci\u00f3n Descripci\u00f3n Webcam Piano es un instrumento musical accionado por el movimiento del usuario delante de una &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/2012\/03\/06\/cas-destudi-visio-artificial-webcam-piano-2\/\" class=\"more-link\">Seguir leyendo<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\/es\/wp-json\/wp\/v2\/posts\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":0,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/posts\/135\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/media\/144"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/categories?post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/di\/es\/wp-json\/wp\/v2\/tags?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}