-Processing-
Ejercicios Básicos en PROCESSING:
ejercicio #1
Para comenzar ¿como cargar una imagen a la ventana del display?
Con el código:
size(800,600);
PImage img;
img = loadImage(“000_4287.JPG”);
image(img, 0,0,800,600); // y en realidad fué un camello completo entender como cuadrar la imagen en el canvas, esto es el principio.
ejercicio # 2
Para cargar tres imagenes a la vez y con diferente tint cada una (estilo collage)
El codigo para esta técnica requiere obviamente un poco de lógica, puesto que si queremos cargar las imagenes con una respectiva posición y tint, es necesario seguir un orden de secuencia de la siguiente manera: (como se ve ahi en las imágenes tambien):
size(600,700);
color yellow = color(220, 214, 41);
color green = color(110, 164, 32);
color tan = color(180, 17, 132);
PImage img;
img = loadImage(“000_4286.JPG”);
tint(tan);
image(img, 0, 0,600,700);
img = loadImage(“000_4283.JPG”);
tint(green);
image(img, 0,300,250,150);
img = loadImage(“000_4289.JPG”);
tint(yellow);
image(img, 0, 0,300,350);
ejercicio #3
en este momento la cuestión se vuelve un poco mas compleja. Aqui veremos el código para crear un collage con transparencias… 100% aleatorio:
con el código:
(lo que hice fué experimentar con dos imágenes a la vez, y agregarle un poco al codigo un cambio de tint a la imagen de atrás. La transparecia se logra con el tint en blanco, es decir en 225 y el siguiente numero es la intensidad de la transparencia. Este paso esta en rojo)
size(600,600);
PImage img;
background(255);
color blue = color (#053DFF);
tint (blue);
img = loadImage(“000_4296.JPG”);
image(img, 0, 0,600,600);
tint(255, 100);
for (int i = 0; i < 10; i++) {
image(img, i*10, 0);
}
img = loadImage(“000_4285.JPG”);
background(255);
color yellow = color(220, 214, 41);
tint(yellow);
image(img, 0, 0,600,600);
tint(255, 30);
for (int i = 0; i < 9; i++) {
image(img, i*9, 0);
}
