{"id":863,"date":"2019-08-19T16:56:56","date_gmt":"2019-08-19T14:56:56","guid":{"rendered":"http:\/\/quadern-tpi.recursos.uoc.edu\/3-4-4-exercici-3-interaccions-amb-snap-i-una-camera-web\/"},"modified":"2021-10-14T12:21:36","modified_gmt":"2021-10-14T10:21:36","slug":"3-5-4-exercici-3-interaccions-amb-snap-i-una-camera-web","status":"publish","type":"page","link":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/3-5-4-exercici-3-interaccions-amb-snap-i-una-camera-web\/","title":{"rendered":"3.5.4. Ejercicio 3: interacciones con Snap! y una c\u00e1mara web"},"content":{"rendered":"<p>Snap! nos permite interactuar con la c\u00e1mara web creando interacciones con unos bloques muy sencillos. Por ejemplo, estos dos sensores del men\u00fa no los ten\u00edamos antes:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1374\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_68_cast.png\" alt=\"\" width=\"530\" height=\"56\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_68_cast.png 390w, \/wp-content\/uploads\/2019\/10\/20.212_68_cast-300x32.png 300w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/p>\n<p>El primero nos fija la transparencia que tendr\u00e1 la imagen de la c\u00e1mara web cuando lo activamos. El segundo nos sirve para percibir la cantidad de movimiento sobre el personaje que ejecuta la instrucci\u00f3n.<\/p>\n<p>El programa siguiente activa la c\u00e1mara fijando la transparencia al 50 % (veremos lo que capta la c\u00e1mara, pero tambi\u00e9n nos dejar\u00e1 ver los personajes y el escenario), y despu\u00e9s hace todo el rato (\u00abpara siempre\u00bb) que el personaje vaya \u00abdiciendo\u00bb la cantidad de movimiento que hay sobre \u00e9l. Si lo ejecutamos y la c\u00e1mara web nos apunta, podremos hacer movimientos sobre el personaje (por ejemplo, moviendo la mano) y ver qu\u00e9 valor de cantidad de movimiento generamos.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1376\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_69_cast.png\" alt=\"\" width=\"450\" height=\"226\" \/><\/p>\n<p>Si jugamos con los condicionales y el sensor de movimiento, podemos hacer que los personajes hagan ciertas tareas cuando detectan movimiento.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1379\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_71_cast.png\" alt=\"\" width=\"339\" height=\"164\" \/><\/p>\n<p>El ejercicio que os proponemos es que construy\u00e1is un proyecto <em>Snap!<\/em> con uno o m\u00e1s personajes que hagan una cosa u otra en funci\u00f3n del movimiento que detecten.<\/p>\n<p>Por ejemplo, el programa siguiente (<a href=\"https:\/\/snap.berkeley.edu\/snapsource\/dev\/snap.html#present:Username=uoc_tpi&amp;ProjectName=Random%20lines%20%2B%20Webcam\" target=\"_blank\" rel=\"noopener noreferrer\">aqu\u00ed<\/a> ten\u00e9is el c\u00f3digo) hace que el personaje (que est\u00e1 escondido) se ponga a dibujar aleatoriamente cuando detecta mucho movimiento (&gt;96) sobre \u00e9l.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1381\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_72_cast.png\" alt=\"\" width=\"470\" height=\"422\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_72_cast.png 365w, \/wp-content\/uploads\/2019\/10\/20.212_72_cast-300x270.png 300w\" sizes=\"(max-width: 470px) 100vw, 470px\" \/><\/p>\n<p>Experimentad con la c\u00e1mara, probad diferentes transparencias, poned m\u00e1s de un personaje, etc. Cuando teng\u00e1is el programa acabado, guardadlo y compartidlo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Snap! nos permite interactuar con la c\u00e1mara web creando interacciones con unos bloques muy sencillos. Por ejemplo, estos dos sensores del men\u00fa no los ten\u00edamos antes: El primero nos fija la transparencia que tendr\u00e1 la imagen de la c\u00e1mara web cuando lo activamos. El segundo nos sirve para percibir la cantidad de movimiento sobre el [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/863"}],"collection":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=863"}],"version-history":[{"count":5,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/863\/revisions"}],"predecessor-version":[{"id":2081,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/863\/revisions\/2081"}],"wp:attachment":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}