{"id":155,"date":"2009-02-04T12:05:02","date_gmt":"2009-02-04T10:05:02","guid":{"rendered":"https:\/\/blogs.ua.es\/glac\/?p=155"},"modified":"2009-02-20T11:16:56","modified_gmt":"2009-02-20T09:16:56","slug":"ejercicios-processing-1","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/glac\/2009\/02\/04\/ejercicios-processing-1\/","title":{"rendered":"Ejercicios Processing #1"},"content":{"rendered":"

Actualizaci\u00f3n: Teneis los ejercicios haciendo click aqu\u00ed (d\u00eda 1)<\/a> y aqu\u00ed (d\u00eda 2)<\/a><\/strong><\/p>\n

De momento, y a falta de otros canales m\u00e1s eficientes, os pongo aqu\u00ed el c\u00f3digo de los ejercicios que hemos visto en las dos primeras clases de processing (27 de enero y 3 de febrero).<\/p>\n

Martes 27 de enero<\/span><\/strong><\/p>\n

1. una elipse sigue al rat\u00f3n y va cambiando de tama\u00f1o entre un valor m\u00ednimo y un m\u00e1ximo:
\n<\/p>\n

\/\/ Ceclec_01
\n\/\/ (c)avr – ene.2009
\n\/\/ C\u00edrculo latente vinculado al rat\u00f3n<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Declaraci\u00f3n de variables globales del programa
\nfloat dMin; \/\/ tama\u00f1o m\u00ednimo del c\u00edrculo
\nfloat dMax; \/\/ tama\u00f1o m\u00e1ximo del c\u00edrculo
\nfloat d; \/\/ tama\u00f1o ‘actual’ del c\u00edrculo
\nboolean crecer; \/\/ indica si el c\u00edrculo ha de aumentar o disminuir<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Inicializaci\u00f3n de variables y par\u00e1metros globales
\nvoid setup() {
\nsize(300, 300); \/\/ tama\u00f1o del sketch
\nsmooth(); \/\/ activa el suavizado
\nstroke(0); \/\/ color del borde
\nfill(255); \/\/ color del relleno
\ndMin = 20; \/\/ di\u00e1metro m\u00ednimo en p\u00edxels
\ndMax = 200; \/\/ di\u00e1metro m\u00e1ximo en p\u00edxels
\nd = dMin; \/\/ inicializamos el tama\u00f1o del c\u00edrculo
\ncrecer = true; \/\/ empezamos creciendo
\n}<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Funci\u00f3n principal, que genera la ‘evaluaci\u00f3n cont\u00ednua’
\nvoid draw() {
\nbackground(190); \/\/ fondo de pantalla de color gris
\nellipse(mouseX, mouseY, d, d);
\n\/\/
\n\/\/ comprobamos si el di\u00e1metro excede de los l\u00edmites m\u00e1ximo y m\u00ednimo
\n\/\/ y cambiamos el valor de ‘crecer’ al llegar a dichos l\u00edmites
\nif (d >= dMax) {
\ncrecer = false;
\n} else if (d <= dMin) {
\ncrecer = true;
\n}
\n\/\/
\n\/\/ actualizamos el tama\u00f1o del c\u00edrculo aumentando o disminuyendo
\n\/\/ seg\u00fan sea el valor de ‘crecer’
\nif (crecer == true) {
\nd += 3; \/\/ aumentar 3 p\u00edxels el di\u00e1metro
\n} else {
\nd -= 3; \/\/ reducir 3 p\u00edxels el di\u00e1metro
\n}
\n}<\/span><\/p>\n

\/\/———————————————————–
\n<\/span><\/p>\n

Martes 3 de febrero<\/span><\/strong><\/p>\n

1. array de puntos con distribuci\u00f3n de densidad aleatoria<\/p>\n

\/\/ Ceclec_02.a
\n\/\/ (c)avr – ene.2009
\n\/\/ Distribuci\u00f3n aleatoria con variaci\u00f3n de la densidad<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Declaraci\u00f3n de variables globales del programa
\nfloat d; \/\/ di\u00e1metro de los puntos
\nfloat a; \/\/ tama\u00f1o de la celda<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Inicializaci\u00f3n de variables y par\u00e1metros globales
\nvoid setup() {
\nsize(800, 300); \/\/ tama\u00f1o de pantalla
\nsmooth(); \/\/ activa el suavizado
\nd = 7; \/\/ puntos de 7 px.
\na = 10; \/\/ centros separados 10 px.
\nnoStroke(); \/\/ los puntos se dibujan sin borde
\nfill(226, 234, 12); \/\/ amarillo \u00e1cido (226, 234, 12) (#E2EA0C)
\n}<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Necesaria para que funcione mousePressed
\nvoid draw() {
\n}<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Al hacer clic con el rat\u00f3n dibujamos una distribuci\u00f3n aleatoria
\nvoid mousePressed() {
\nbackground(0);
\nfor (float j=a\/2; j<height; j += a) {
\nfor (float i=a\/2; i<width; i += a) {
\n\/\/ comparamos si un n\u00famero aleatorio es mayor que la posici\u00f3n
\n\/\/ en altura como condici\u00f3n para dibujar el c\u00edrculo:
\n\/\/ cuanto mayor sea j menos posibilidades hay de dibujarlo
\nfloat randomY = random(0, height);
\nif (randomY > j) {
\nellipse(i, j, d, d);
\n}
\n}
\n}
\n}<\/span><\/p>\n

\/\/———————————————————–
\n<\/span><\/p>\n

2. el mismo ejercicio, pero con opciones para guardar la imagen como archivo tif<\/p>\n

\/\/ Ceclec_02.b
\n\/\/ (c)avr – ene.2009
\n\/\/ Distribuci\u00f3n aleatoria con variaci\u00f3n de la densidad
\n\/\/ Permite grabar la imagen en un archivo tif pulsando la tecla ‘s’<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Declaraci\u00f3n de variables globales del programa
\nfloat d; \/\/ di\u00e1metro de los puntos
\nfloat a; \/\/ tama\u00f1o de la celda
\nString prefijo; \/\/ prefijo para nombres de archivos tif
\nint contador; \/\/ contador para archivos tif sucesivos<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Inicializaci\u00f3n de variables y par\u00e1metros globales
\nvoid setup() {
\nsize(800, 300); \/\/ tama\u00f1o de pantalla
\nsmooth(); \/\/ activa el suavizado
\nd = 7; \/\/ puntos de 7 px.
\na = 10; \/\/ centros separados 10 px.
\nnoStroke(); \/\/ los puntos se dibujan sin borde
\nfill(226, 234, 12); \/\/ amarillo \u00e1cido (226, 234, 12) (#E2EA0C)
\nprefijo = “Foto_”; \/\/ nombre para archivos tif
\ncontador = 1; \/\/ n\u00famero de archivo tif a grabar
\n}<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Necesaria para que funcionen mousePressed y keyPressed
\nvoid draw() {
\n}<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Al hacer clic con el rat\u00f3n dibujamos una distribuci\u00f3n aleatoria
\nvoid mousePressed() {
\nbackground(0);
\nfor (float j=a\/2; j<height; j += a) {
\nfor (float i=a\/2; i<width; i += a) {
\n\/\/ comparamos si un n\u00famero aleatorio es mayor que la posici\u00f3n
\n\/\/ en altura como condici\u00f3n para dibujar el c\u00edrculo:
\n\/\/ cuanto mayor sea j menos posibilidades hay de dibujarlo
\nfloat randomY = random(0, height);
\nif (randomY > j) {
\nellipse(i, j, d, d);
\n}
\n}
\n}
\n}<\/span><\/p>\n

\/\/———————————————————–
\n\/\/ Grabar imagen si pulsamos la tecla ‘s’ o ‘S’
\nvoid keyPressed() {
\nif (key == ‘s’ || key == ‘S’) {
\nString name = prefijo + contador + “.tif”; \/\/ nombre completo del fichero a grabar
\nsaveFrame(name); \/\/ graba el fichero tif
\nprintln(” >> Archivo ” + name + ” guardado !!”); \/\/ mensaje para el usuario
\ncontador++; \/\/ aumenta el contador en una unidad
\n}
\n}<\/span><\/p>\n

\/\/———————————————————–
\n<\/span><\/p>\n

NOTA:<\/span><\/span><\/p>\n

Abrir una sesi\u00f3n de processing, copiar con el rat\u00f3n un ejercicio y pegarlo en el editor de processing. A continuaci\u00f3n salvar el documento con un nombre. Repetir el procedimiento para los otros ejercicios.<\/span><\/span><\/p>\n

\u00c1lvaro del Valle<\/span><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Actualizaci\u00f3n: Teneis los ejercicios haciendo click aqu\u00ed (d\u00eda 1) y aqu\u00ed (d\u00eda 2) De momento, y a falta de otros canales m\u00e1s eficientes, os pongo aqu\u00ed el c\u00f3digo de los ejercicios que hemos visto en las dos primeras clases de processing (27 de enero y 3 de febrero). Martes 27 de enero 1. una elipse […]<\/p>\n","protected":false},"author":503,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[835],"tags":[167022],"class_list":["post-155","post","type-post","status-publish","format-standard","hentry","category-cursos","tag-processing"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/users\/503"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":8,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":201,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts\/155\/revisions\/201"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}