{LAC}

Vamos a recapitular sobre los contenidos desarrollados hasta ahora y a ubicarlos en los distintos capítulos del handbook. Es muy formativo leer tranquilamente estos capítulos y teclear los ejemplos que vienen en ellos. ¡¡No hace falta leérselos todos el mismo día!!

• STRUCTURE
• p.17 / Structure 1: code elements -> elementos más básicos y vocabulario para la escritura de programas
• p.173 / Structure 2: continuous -> ejecución contínua de programas y control de su velocidad
• DATA
• p. 37 / Data 1: variables -> tipos de datos
• p.101 / Data 2: text -> elementos del código para trabajar con el lenguaje
• p.105 / Data 3: conversion, objects -> conversión de tipos y manejo de strings
• p.301 / Data 4: arrays -> arrays de datos
• INPUT
• p.205 / Input 1: mouse -> control de la posición del ratón y su uso
• p. 223 / Input 2: keyboard -> control de las entradas de teclado
• p.229 / Input 3: events -> teclado y ratón para detectar acciones y recibir datos
•  CONTROL
• p.51 / Control 1: decisions -> control del flujo con estructuras condicionales (if)
• p.61 / Control 2: repetition -> control del flujo con estructuras iterativas (for)
• IMAGE
• p.95 / Image 1: display, tint -> carga y muestra de imágenes
• MATHS
• p.43 / Math 1: artithmetic, functions ->operaciones matemáticas básicas y uso de los resultados para controlar la posición y las propiedades de los elementos visuales
• p.127 / Math 4: random -> números aleatorios y su uso para generar formas
• OUTPUT
• p.367 / Output 1: images -> guardar imágenes y secuencias de imágenes mientras el programa está en ejecución
• TYPOGRAPHY
• p.111 / Typography 1: display -> carga y configuración de las fuentes y visualización de las letras en la pantalla

También os recuerdo que la ayuda on-line de cada función es muy aclaratoria en cuanto a la sintaxis a utilizar (argumentos, valores devueltos, etc).

El próximo martes 9 de noviembre contaremos con la presencia de Miguel Mesa con el objetivo de ver aplicaciones de processing a la arquitectura. El resto del tiempo continuaremos con nuevos ejercicios.

Una vez completado el ejercicio de los puntos amarillos comenzamos con el estudio del tratamiento de imágenes en processing.  El ejercicio E05 incluye todo lo que vimos en la sesión 3 (26 de octubre) y lo que terminaremos en la sesión 4 (2 de noviembre). Echad un vistazo al capítulo Image 1: display, tint (pag.95 y sucesivas) del handbook de reas&fry.

También veremos cómo trabajar con tipografías (tipos de letra) en Processing. Adjunto unos ejercicios para que los vayáis mirando, y los desarrollaremos en clase. Para documentación sobre este tema, capítulo Typography 1: display (pág.111 en adelante) del handbook.

Resumen de los ejercicios contenidos en el archivo Sesiones 3 y 4.rar:

• E05 (imágenes): una imagen jpg se utiliza para rellenar el fondo del sketch, el cual se dimensiona en función del tamaño de dicha imagen. Otra imagen png (con fondo transparente) está asociada a la posición del ratón. Podemos cambiar la transparencia de ambas usando el teclado para la de fondo y los botones del mouse para la del ratón. Para apreciar el efecto de la transparencia, en el fondo del sketch dibujamos una retícula sobre fondo blanco.
• E06 (Textos fijos): ejercicio básico donde se ilustra cómo cargar tipos de letra y cómo colocar los textos dentro del sketch con distintas alineaciones, tamaños, etc.
• E07a (Textos móviles 1): los textos aparecen dentro de un cartelito que va asociado a la posición del ratón.
• E07b (Textos móviles 2): variación sobre el anterior; el cartelito aparece al hacer clic con el ratón.
• E08 (Mini Editor): Permite una edición de textos interactiva muy sencilla, con salto de línea y borrado de caracteres.

Un saludo y disculpad por el retraso en publicar el artículo.
Álvaro

Concluídas las dos primeras sesiones del curso ya podéis descargar los manuales y los ejercicios comentados.

Entrad a la direccion ftp ftp://91.121.98.202 con usuario processing y contraseña ceclec. En el directorio raíz irán apareciendo los ejercicios según vaya avanzando el curso, y en el subdirectorio DOC tenéis los libros en PDF que os comenté el primer día: el handbook de reas&fry, el learning processing de daniel shiffman, el visualizing data de fry y  el creative code de ira greenberg (para iniciarse recomiendo los dos primeros y el visualizing data para cuando sepáis un poco más; el cuarto es más farragoso).

En cuanto a los ejercicios, os los iré dejando en formato RAR. Tras la descarga, conviene copiarlos y descomprimirlos en la carpeta Mis documentos/processing para que sean fáciles de abrir desde el programa (el martes que viene explicaré esto bien en clase). Están bastante comentados para ir aclarando los conceptos.
De momento tenéis los cuatro primeros. Si recordáis, el cuarto lo dejamos a medio, aunque aquí os lo he puesto con el desarrollo completo por si queréis ir avanzando materia. Lo terminaremos en clase el martes que viene.

Resumen de los ejercicios:

• E01 (círculo latente): un círculo asociado a la posición del ratón cambia de tamaño creciendo y decreciendo hasta alcanzar unos valores máximo y mínimo.
• E02 (círculo que rebota): un círculo se desplaza en horizontal hacia la derecha y la izquierda rebotando en las paredes del sketch. Se incluye una variación con movimiento también en el eje Y y dejando una estela.
• E03 (círculos aleatorios de colores): se dibujan círculos y rectángulos con posición, tamaño y color aleatorios usando el botón izquierdo del ratón. Los otros botones sirven para repintar la pantalla de blanco o de negro.
• E04 (degradado de puntos amarillos): malla regular de puntos amarillos que va perdiendo densidad conforme avanzamos en el eje Y. Con el ratón cambiamos el diseño y se puede guardar la imagen en formato JPG.

Hasta el próximo martes 26 de octubre (aula 21D, 19:00 horas).

Hola.
El lunes 18 comienza el curso de Processing I – Iniciación.
Es necesario tener el programa  en el ordenador, a ser posible la última versión, la 1.2.1. de julio de 2010.

• Para descargar: ir a http://processing.org y pulsar en el primer enlace (Download Processing). A continuación pulsar el enlace correspondiente a vuestro sistema operativo (linux, mac o windows) y bajar el archivo RAR a vuestra máquina.
• Para instalar: El programa no tiene un proceso de instalación convencional, sólo hay que extraer el contenido del archivo rar (p.e. en la carpeta Archivos de Programa) y luego hacer un acceso directo en el escritorio al fichero processing.exe

Un saludo y hasta el lunes.
Álvaro del Valle