{"id":810,"date":"2019-08-19T10:58:04","date_gmt":"2019-08-19T08:58:04","guid":{"rendered":"http:\/\/quadern-tpi.recursos.uoc.edu\/2-4-3-exercici-1-creem-un-mosaic-amb-snap-inspirat-en-lobra-de-james-hugonin\/"},"modified":"2019-10-21T12:28:12","modified_gmt":"2019-10-21T10:28:12","slug":"2-4-3-exercici-1-creem-un-mosaic-amb-snap-inspirat-en-lobra-de-james-hugonin","status":"publish","type":"page","link":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/2-4-3-exercici-1-creem-un-mosaic-amb-snap-inspirat-en-lobra-de-james-hugonin\/","title":{"rendered":"2.4.3. Ejercicio 1: creamos un mosaico con Snap!, inspirado en la obra de James Hugonin"},"content":{"rendered":"<figure id=\"attachment_130\" aria-describedby=\"caption-attachment-130\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-full wp-image-130\" src=\"\/wp-content\/uploads\/2019\/08\/20.212_33.jpg\" alt=\"\" width=\"800\" height=\"656\" srcset=\"\/wp-content\/uploads\/2019\/08\/20.212_33.jpg 800w, \/wp-content\/uploads\/2019\/08\/20.212_33-300x246.jpg 300w, \/wp-content\/uploads\/2019\/08\/20.212_33-768x630.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-130\" class=\"wp-caption-text\">James Hugonin. <em>Untitled XI<\/em> (2001\/2002). Oil\/wax on board (detalle)<\/figcaption><\/figure>\n<p>Muchas de las obras del brit\u00e1nico <strong>James Hugonin <\/strong>(1950) se basan en repetir formas b\u00e1sicas con diferentes variaciones de color.<\/p>\n<p>James Hugonin pinta composiciones abstractas con aceite y ceras sobre madera, elaboradas con miles de peque\u00f1as marcas, el\u00edpticas y \u00f3valos, de varios colores y tonos, superpuestas en tablas subyacentes. Vive en la zona rural del norte de Inglaterra, al pie de las monta\u00f1as de Cheviot, y considera su experiencia del paisaje que lo rodea como fundamental para sus pinturas. Sus obras, a gran escala y detalladas minuciosamente, pueden tardar hasta un a\u00f1o en desarrollarse (ved este <a href=\"https:\/\/vimeo.com\/141533091\">v\u00eddeo<\/a><a href=\"https:\/\/vimeo.com\/141533091\">)<\/a>. Hugonin tiene como objetivo crear una obra que sea:<\/p>\n<blockquote><p>\u00abalgo en movimiento y a la vez totalmente quieto y preparado, donde toda la pintura est\u00e1 casi viva\u00bb.<\/p><\/blockquote>\n<p>En este ejercicio, usando bucles y aleatoriedad, crearemos una obra inspirada en Hugonin. Para hacerlo, debemos aprender a dibujar personajes y a estamparlos con Snap!<\/p>\n<p>Para hacer que nuestro personaje tenga una forma rectangular, iremos a la pesta\u00f1a \u00abVestidos\u00bb y haremos clic en el pincel (\u00abPinta un nuevo vestido\u00bb).<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1463 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_34_cast.jpg\" alt=\"\" width=\"400\" height=\"275\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_34_cast.jpg 400w, \/wp-content\/uploads\/2019\/10\/20.212_34_cast-300x206.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Despu\u00e9s utilizaremos el editor de im\u00e1genes para dibujar un rect\u00e1ngulo del color que queramos.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1468 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_35_cast.jpg\" alt=\"\" width=\"800\" height=\"495\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_35_cast.jpg 800w, \/wp-content\/uploads\/2019\/10\/20.212_35_cast-300x186.jpg 300w, \/wp-content\/uploads\/2019\/10\/20.212_35_cast-768x475.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Una vez que hemos acabado, podemos pulsar \u00abDe acuerdo\u00bb, clicar el bot\u00f3n derecho sobre el nuevo \u00abVestido\u00bb que hemos generado y pulsar \u00ab<u>D<\/u>uplica\u00bb para crear otro. Podemos repetir el proceso las veces que queramos y, clicando con el bot\u00f3n derecho sobre los nuevos vestidos que hemos generado, editarlos y pintarlos de diferentes colores. En este ejemplo usaremos cuatro vestidos de diferentes colores, como los de la siguiente imagen:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1465 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_36_cast.jpg\" alt=\"\" width=\"400\" height=\"896\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_36_cast.jpg 400w, \/wp-content\/uploads\/2019\/10\/20.212_36_cast-134x300.jpg 134w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Una vez que tenemos los vestidos del personaje preparados, lo que debemos hacer es ir movi\u00e9ndolo por la pantalla creando filas y columnas (lo haremos con bucles) y estamparlo en cada una de las posiciones usando un vestido aleatorio (repetiremos un n\u00famero aleatorio de veces la instrucci\u00f3n \u00abvestido siguiente\u00bb).<\/p>\n<p>Podemos crear la primera fila de la manera siguiente. Con un bucle, repetimos diez veces \u00abestampa\u00bb y \u00abmu\u00e9vete 25 pasos\u00bb. Y, adem\u00e1s, elegimos cada vez un vestido aleatorio usando \u00abvestido siguiente\u00bb y \u00abn\u00famero al azar\u00bb.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-1313 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_37_cast.jpg\" alt=\"\" width=\"800\" height=\"354\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_37_cast.jpg 800w, \/wp-content\/uploads\/2019\/10\/20.212_37_cast-300x133.jpg 300w, \/wp-content\/uploads\/2019\/10\/20.212_37_cast-768x340.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>El siguiente paso es a\u00f1adir un nuevo bucle que repita las filas. Haremos siete filas. Cuando acabemos cada fila, debemos recular hasta la posici\u00f3n X inicial y disminuir la Y (para ir bajando).<\/p>\n<figure id=\"attachment_1315\" aria-describedby=\"caption-attachment-1315\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"wp-image-1315 size-full\" src=\"\/wp-content\/uploads\/2019\/10\/20.212_38_cast.jpg\" alt=\"\" width=\"800\" height=\"430\" srcset=\"\/wp-content\/uploads\/2019\/10\/20.212_38_cast.jpg 800w, \/wp-content\/uploads\/2019\/10\/20.212_38_cast-300x161.jpg 300w, \/wp-content\/uploads\/2019\/10\/20.212_38_cast-768x413.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-1315\" class=\"wp-caption-text\"><a href=\"https:\/\/snap.berkeley.edu\/snapsource\/snap.html#present:Username=uoc_tpi&amp;ProjectName=Hugonin\" target=\"_blank\" rel=\"noopener noreferrer\">C\u00f3digo del programa<\/a><\/figcaption><\/figure>\n<p>El ejercicio que os proponemos es que repliqu\u00e9is este ejemplo pero haciendo que el personaje sea un rect\u00e1ngulo m\u00e1s peque\u00f1o. Despu\u00e9s esto permitir\u00e1 realizar una tabla m\u00e1s grande, como las de Hugonin (con m\u00e1s filas y columnas). Cread tambi\u00e9n vuestros propios conjuntos de colores y experimentad con ellos.<\/p>\n<p>En las obras de Hugonin no existe una aleatoriedad total, sino que se puede percibir un ritmo interno en la disposici\u00f3n de los colores. \u00bfSe os ocurre alguna manera de dar prioridad a alg\u00fan color determinado y que aparezca con m\u00e1s frecuencia?<\/p>\n<p>Experimentad con esta idea y compartid vuestro proyecto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Muchas de las obras del brit\u00e1nico James Hugonin (1950) se basan en repetir formas b\u00e1sicas con diferentes variaciones de color. James Hugonin pinta composiciones abstractas con aceite y ceras sobre madera, elaboradas con miles de peque\u00f1as marcas, el\u00edpticas y \u00f3valos, de varios colores y tonos, superpuestas en tablas subyacentes. Vive en la zona rural del [&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\/810"}],"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=810"}],"version-history":[{"count":5,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/810\/revisions"}],"predecessor-version":[{"id":1470,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/810\/revisions\/1470"}],"wp:attachment":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}