Category: Cursos

Están en el ftp los últimos ejercicios, del día 13 de abril.

• El E04, que ya estaba subido, fue convenientemente explicado en clase.
• El E05 dibuja un gradiente de color que varía con el paso del tiempo. En este ejercicio introducimos el uso de la función map(), que nos permite trasladar un valor desde un rango numérico a otro. Aquí tuve un problema que prometí resolver, y la solución es que los incrementos de los contadores r,g,b los había puesto dentro del bucle “for () {…}” , y debían estar fuera, detrás de la última llave. En el ejemplo actual, se mapean las componentes red,blue entre el ancho de la pantalla, y se va variando la componente green, de modo que el degradado evoluciona por la izquierda entre el negro y el verde y por la derecha entre el magenta y el blanco. Observad que las componentes fijas (r,b) están dentro del bucle for, y la componente que evoluciona en el tiempo (g) está después de dicho bucle.
• El E06 dibuja un polígono regular en la posición del mouse haciendo uso de las funciones beginShape-vertex-endShape, que las vimos en clase. También incorpora el cambio de parámetros desde el teclado: mediante las flechas arriba-abajo cambiamos el número de lados, mediante las teclas + y – cambiamos el radio del polígono y mediante las teclas ‘a’ y ‘z’ cambiamos la opacidad.
• Ejercicio E07 sobre arrays, con 5 variaciones. En todos los casos se usan Arrays de ‘floats’ para almacenar las coordenadas (x, y) de un polígono de muchos lados y luego se dibuja el polígono mediante las funciones beginShape-vertex-endShape. Los distintos ejemplos muestran las maneras que existen de declarar, crear y asignar un array. Van comentados y con referencias bibliográficas del libro Reas&Fry para consultar los detalles. Los repasaremos todos en clase.
• El ejercicio E07e, la quinta variación, incluye algunas novedades: se dibuja un polígono de vértices curvos y además incluímos textos en el sketch mediante las funciones PFont, textFont y text, que explicaremos también el próximo día 20 de abril en clase.
• He añadido una sexta variación, la E07f, donde mediante el teclado se pueden mostrar/ocultar las curva, las rectas y los puntos.

Nuevo material en el ftp (para conectar y descargar ver instrucciones en el artículo “Processing_01“, del 24 de marzo).

Repaso:
El ejercicio E01c resuelve la propuesta de refundir el E01a y el E02b de la semana anterior.
Nuevo:
Los ejercicios E02a y E02b son los dos ejemplos que vimos en clase ayer. En ellos se hace uso de la función random() para generar números aleatorios y con ellos decidir la posición, el color, el tamaño y la forma de los objetos que se dibujan. También introducimos el uso del ratón para controlar los eventos, distinguiendo entre botón derecho y botón izquierdo.
El ejercicio E03a usa el ratón para dibujar directamente en el sketch, e incorpora el uso del teclado para cambiar el tamaño del trazo. También disitingue qué botón del ratón se pulsa.
Propuesta de trabajo:
Probad en el ejercicio E03 a introducir colores aleatorios o evolutivos en la función stroke() para ir variando el color del trazo dibujado. Lo resolveremos en la clase siguiente.
Avance para la próxima clase:
El ejercicio E04 (lo vimos brevemente a última hora) os lo pongo por si os da tiempo a echarle un vistazo. Lo explicaremos detalladamente el próximo día 13 de abril.

NOTA IMPORTANTE:
Mañana martes día 30 de marzo hay clase de Processing.
Resolveremos el ejercicio propuesto en el artículo anterior y proseguiremos introduciendo nuevos contenidos.
Álvaro.

Disponibles en ftp los ejemplos de la primera clase y los libros en pdf.
Para descargar ir a la dirección ftp://91.121.98.202 con usuario ceclec2010 y contraseña processing.
Una vez descargados los ejercicios (archivos rar), copiarlos a la carpeta \Mis documentos\Processing y extraer directamente (cada rar lleva dentro una carpeta y dentro de ella el archivo .pde correspondiente).

Explicación de los ejercicios:
Son dos variaciones sobre el mismo caso, y en ambos hay un círculo que se mueve vinculado al ratón. En el ejercicio E01a variamos el diámetro entre dos valores mínimo y máximo. En el E01b lo que variamos es el color del círculo, desde blanco a negro y viceversa.
Propuesta de trabajo:
Combinar los dos ejercicios en uno solo, y conseguir que el círculo cambie a la vez de tamaño y de color.
Observación sobre los libros:
Muy recomendado el Daniel Shiffman, que es como un cursillo, con sus clases organizadas por semanas, con ejercicios etc.
Muy recomendado el de Reas & Fry, libro de consulta por excelencia, que también se puede seguir como un curso pues los contenidos van entremezclados y se va avanzando progresivamente con todo a la vez.
Estupendo el de Visualizing Data, pero para usuarios avanzados.
El de Ira Greenberg no me gusta.
Otras recomendaciones:
Haced uso de la ayuda on-line del programa. Os aclarará instantáneamente muchas dudas acerca de la sintaxis y de los parámetros que han de usar las funciones.

Á.del Valle / 24.03.2010

Hola a todos.
El próximo martes 23 de marzo comenzamos con el apartado del curso dedicado a Processing. Deberíais tener instalado en vuestros ordenadores el software. El 11 de marzo colgaron en su web (http://processing.org) la última versión (1.1). Podéis descargarla de ahí, es un fichero RAR de unos 60 MB.
No tiene instalación, sólo hay que copiar la carpeta que se genera al descomprimir el RAR en algún sitio (p.e. en Archivos de Programa) y luego hacer un acceso directo en el escritorio al fichero processing.exe para crear un icono de arranque.

Un saludo y nos vemos el martes.
Álvaro del Valle