TAP Clase 3

Taller Arte y Programación
Clase 3: Sumando imágenes
Autor y tutor: Federico Joselevich Puiggrós,
Uriel Rubilar.

El eje temático de este encuentro es una invitación a pensar qué
implicancias puedetener el hecho de intervenir una imagen.
Veremos ejemplos de usos diversos de manipulación

o analógica en distintos campos de la comunicación.
¿Listos para empezar?

digital

Programación y uso deimágenes
Comenzaremos por aprender a cargar una imagen y a dibujarla en la
pantalla, utilizando el tipo de variable “PImage” de Processing.
Para esto tendrán que elegir una imagen con extensión .jpg,.png o .gif,
que tengan en sus computadoras para utilizarla en el desarrollo de
programación que realicen en Processing.
Agregaremos la imagen al programa y luego aprenderemos a definir una
variable detipo Imagen con distintos comandos de dibujo para mostrar la
imagen en pantalla.

Pimage
Definimos una variable del tipo “Pimage” con el nombre de “imagen”

Aclaración: como necesitamos que lavariable pueda ser usada en todo el
programa, la definimos arriba de todo, antes del
void setup (){}

Alojar la imagen
Luego vamos a necesitar usar la imagen que seleccionamos. Para esto,
primero hay quearrastrar la imagen desde la carpeta en al que está hasta el
programa “Processing”. Esto va a hacer que la imagen se copie adentro de
la carpeta en donde estamos trabajando.
Luego cargaremos esaimagen que, para esto escribiremos el comando
“LoadImage” y paréntesis el nombre de la imagen tal cual está guardada en
nuestra computadora. La imagen se cargara una sola vez, así que por lo
tanto estarádentro de la función void setup (){}
Ejemplo: LoadImage (“foto_portada.jpg”) ;

Mostrar la imagen
Como último paso, vamos a querer que el programa dibuje la foto que
acabamos de poner, y para eso hayun comando llamado “image()”. Este
comando se usa así:
Ejemplo: image ( imagen , x , y );
Los parámetros corresponden a:
imagen = variable que carga la imagen
x = ubicación de nuestra imagen dentro...