{"id":990,"date":"2019-08-20T10:07:10","date_gmt":"2019-08-20T08:07:10","guid":{"rendered":"http:\/\/quadern-tpi.recursos.uoc.edu\/5-7-2-exercici-4-poema-en-moviment\/"},"modified":"2021-12-21T10:42:48","modified_gmt":"2021-12-21T08:42:48","slug":"ejercicio-5-poema-en-movimiento","status":"publish","type":"page","link":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/ejercicio-5-poema-en-movimiento\/","title":{"rendered":"5.7.2. Ejercicio 5: poema en movimiento"},"content":{"rendered":"<p>En <a href=\"https:\/\/snap.berkeley.edu\/snapsource\/snap.html#present:Username=uoc_tpi&amp;ProjectName=Octavio%20Paz%20-%20Hermandad\" target=\"_blank\" rel=\"noopener noreferrer\">este proyecto<\/a> hecho con Snap! compartimos un ejemplo en el que se han programado las palabras de un poema para moverse por la pantalla mientras la voz del poeta lo recita, sincroniz\u00e1ndolo para que las palabras est\u00e9n justo en el lugar donde les corresponde cuando el recitado termina. Es el poema \u00abHermandad\u00bb, de <strong>Octavio Paz<\/strong> (<em>\u00c1rbol adentro<\/em>, 1987), recitado por \u00e9l mismo.<\/p>\n<p>Para conseguir este efecto, necesitamos tener un personaje por cada palabra del poema. Una manera es escribir el poema en una sola imagen, con un software de tratamiento de im\u00e1genes (como el Gimp o el Pixlr), e ir recortando despu\u00e9s la imagen en im\u00e1genes m\u00e1s peque\u00f1as (una por cada palabra). Despu\u00e9s se crean todos los personajes que haga falta dentro de Snap!, y en el \u00e1rea de vestidos se van arrastrando las im\u00e1genes-palabra para que la apariencia del personaje sea la palabra.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-338\" src=\"\/wp-content\/uploads\/2019\/08\/20.212_137.jpg\" alt=\"\" width=\"731\" height=\"326\" srcset=\"\/wp-content\/uploads\/2019\/08\/20.212_137.jpg 800w, \/wp-content\/uploads\/2019\/08\/20.212_137-300x134.jpg 300w, \/wp-content\/uploads\/2019\/08\/20.212_137-768x343.jpg 768w\" sizes=\"(max-width: 731px) 100vw, 731px\" \/><\/p>\n<p>La programaci\u00f3n del ejemplo que hemos compartido es muy sencilla: cuando empezamos, a cada personaje le fijamos el tama\u00f1o, y lo colocamos en un punto concreto del escenario (el que queramos). Despu\u00e9s lo hacemos deslizarse durante todo el tiempo que dura el recitado hasta el punto final (que ha de ser el espacio exacto que ocupa dentro del poema). A pesar de que la programaci\u00f3n es muy sencilla, hay un trabajo importante de coordenadas que hacer para que todo cuadre. As\u00ed que la sencillez solo es aparente.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1450\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_138_cast.png\" alt=\"\" width=\"350\" height=\"173\" \/><\/p>\n<p>En este proyecto, el \u00fanico aspecto nuevo de Snap!, que todav\u00eda no hemos visto en las gu\u00edas anteriores, es c\u00f3mo a\u00f1adir un <strong>Mp3<\/strong> a nuestro proyecto.<\/p>\n<p>En el ejemplo de Octavio Paz, nosotros hemos a\u00f1adido el sonido dentro del escenario, pero lo podr\u00edamos haber hecho dentro de cualquiera de los personajes. Para hacerlo, deb\u00e9is tener preparado el fichero de sonido en el ordenador, clicar la pesta\u00f1a de sonidos de Snap! y arrastrar el fichero Mp3 dentro. Despu\u00e9s, en nuestro programa ya podremos usar el bloque \u00abtoca el sonido X\u00bb del men\u00fa \u00abSonido\u00bb y elegir el sonido que hayamos subido a Snap!<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1453 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_139_cast.jpg\" alt=\"\" width=\"953\" height=\"348\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_139_cast.jpg 953w, \/wp-content\/uploads\/2019\/10\/20.212_139_cast-300x110.jpg 300w, \/wp-content\/uploads\/2019\/10\/20.212_139_cast-768x280.jpg 768w\" sizes=\"(max-width: 953px) 100vw, 953px\" \/><\/p>\n<p>Una vez explicado el ejemplo, lo que os pedimos en este ejercicio es que imagin\u00e9is y program\u00e9is un proyecto con Snap! relacionado con la poes\u00eda, con dos condiciones: que haya movimiento y que haya sonido.<\/p>\n<p>Pensad que, si quer\u00e9is, Snap! tambi\u00e9n os permite grabar vuestra propia voz. Para hacerlo hay que tener un micr\u00f3fono en el ordenador y, sencillamente, pulsar el bot\u00f3n rojo de la pesta\u00f1a de sonidos.<\/p>\n<p>Tanto en YouTube como en Vimeo, si busc\u00e1is \u00abpoes\u00eda cin\u00e9tica\u00bb (o \u00ab<em>kinetic poetry<\/em>\u00bb), podr\u00e9is encontrar muchos ejemplos que quiz\u00e1s os inspirar\u00e1n para imaginar vuestro proyecto.<\/p>\n<p>Cuando teng\u00e1is vuestro poema cin\u00e9tico acabado, guardadlo y compartidlo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este proyecto hecho con Snap! compartimos un ejemplo en el que se han programado las palabras de un poema para moverse por la pantalla mientras la voz del poeta lo recita, sincroniz\u00e1ndolo para que las palabras est\u00e9n justo en el lugar donde les corresponde cuando el recitado termina. Es el poema \u00abHermandad\u00bb, de Octavio [&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\/990"}],"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=990"}],"version-history":[{"count":5,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/990\/revisions"}],"predecessor-version":[{"id":2705,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/990\/revisions\/2705"}],"wp:attachment":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}