Una foto en blanco y negro (en este ejemplo, el mismo retrato de Walt Whitman que usamos en el ejercicio 4.5.4).<\/li>\n<\/ul>\nEn cada punto donde queramos estampar una letra, primero estamparemos un cuadrado. De esta manera podremos jugar con la transparencia de ambos elementos y crear efectos m\u00e1s interesantes.<\/p>\n
Podemos empezar por estampar los cuadrados, siguiendo una cuadr\u00edcula que construiremos con dos bucles. Para saber el brillo de la foto en el punto donde nos encontramos, podemos utilizar la misma instrucci\u00f3n del men\u00fa \u00absensores\u00bb que en el ejercicio 4.5.4: \u00abbrillo en m\u00ed mismo\u00bb.<\/p>\n
Dependiendo de este brillo, estamparemos el cuadrado con m\u00e1s o menos transparencia. Imaginemos que queremos que cuando el brillo sea m\u00e1ximo (100), la transparencia tambi\u00e9n sea m\u00e1xima (100); pero cuando el brillo sea m\u00ednimo (0), la transparencia sea 15 (para que el cuadrado no desaparezca por completo).<\/p>\n
Esto lo podemos hacer con bloques matem\u00e1ticos del men\u00fa operadores:<\/p>\n
![\"\"](\"\/wp-content\/uploads\/2021\/10\/Script01_es-2.png\")
<\/p>\n
El programa entero y el efecto que produce ser\u00edan:<\/p>\n
![\"\"](\"\/wp-content\/uploads\/2021\/10\/Script02_es-3.png\")
<\/p>\n
![\"\"](\"\/wp-content\/uploads\/2021\/09\/Whitman_squares.png\")
<\/p>\n
Como podemos ver, no hemos hecho m\u00e1s que crear una versi\u00f3n pixelada de la foto. Ahora, encima de cada uno de estos cuadros pondremos una letra. Deberemos programar el personaje-letra, siguiendo exactamente la misma estructura de programa anterior, pero podemos intentar variar la transparencia de la letra siguiendo unos par\u00e1metros un poco diferentes. En el ejemplo, lo que hacemos es que el brillo de la letra sea el 70 % del brillo de ese punto de la foto. Debemos esperar 0,5 segundos para comenzar, para que las letras se estampen despu\u00e9s de los cuadrados (y as\u00ed queden encima).<\/p>\n
Fij\u00e9monos, tambi\u00e9n, que cuando hayamos terminado, tenemos que pedirle al personaje de la foto (Whitman) que se esconda, porque de lo contrario no ver\u00edamos lo que hemos estampado.<\/p>\n
![\"\"](\"\/wp-content\/uploads\/2021\/10\/Script03_es-3.png\")
<\/p>\n
![\"\"](\"\/wp-content\/uploads\/2021\/09\/Whitman_a.png\")
<\/p>\n
Como podemos ver, hemos estampado todo el rato la letra a<\/em>. El \u00faltimo paso es ir cambiando el vestido del personaje letra, eligiendo el car\u00e1cter pertinente para escribir un verso elegido.<\/p>\nEn este caso, el verso ser\u00e1 del mismo Whitman, de su Song of myself<\/em>: \u00abfor every atom belonging to me as good belongs to you\u00bb.<\/p>\nColocaremos el verso dentro una variable denominada verse<\/em>. Y tambi\u00e9n tendremos otra variable, char<\/em>, para saber en qu\u00e9 car\u00e1cter estamos en cada momento.<\/p>\nLas modificaciones en el c\u00f3digo anterior son las siguientes:<\/p>\n
![\"\"](\"\/wp-content\/uploads\/2021\/10\/Script04_es-3.png\")
<\/p>\n
<\/p>\n
![\"\"](\"\/wp-content\/uploads\/2021\/09\/Whitman_poetry.png\")
<\/p>\n
Os animamos a hacer un proyecto similar a este. Podr\u00edais intentar cambiar los par\u00e1metros de transparencia, jugar con otros efectos (color, saturaci\u00f3n, etc.), o estampar las letras siguiendo otras estructuras en lugar de la cuadr\u00edcula, o introduciendo errores y aleatoriedad, agregando movimiento, etc.<\/p>\n","protected":false},"excerpt":{"rendered":"
Este ejercicio propone mezclar el letrismo con la generaci\u00f3n de im\u00e1genes a partir de fotograf\u00edas. La propuesta es similar a la del ejercicio 4.5.4, pero en vez de pintar haciendo c\u00edrculos, pintaremos usando letras. La idea es abrir una foto como personaje dentro de Snap!, moverse por encima con un personaje que es una letra […]<\/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\/2342"}],"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=2342"}],"version-history":[{"count":4,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/2342\/revisions"}],"predecessor-version":[{"id":2644,"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/2342\/revisions\/2644"}],"wp:attachment":[{"href":"http:\/\/quadern-tpi.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=2342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"\/wp-content\/uploads\/2021\/09\/banner-2.png\")
<\/p>\n