Despatx 234 || 935 421 484
mail

----------------------------------------------------------------
----------------------------------------------------------------

PROGRAMACIÓN: CONCEPTOS || MASTER EN ARTES DIGITALES

Sección 11: Imagen

 


1.- Trabajo con imágenes en Processing: lo básico
//creamos objeto
PImage laFoto; //y cargamos imágen laFoto = loadImage("ramon.jpg");

Esto equivale más o menos a declarar un tipo de datos y asignarle un valor. Queda pues, utilizarlo. Y ya que estámos con imágenes, de paso la podríamos mostrar, con image():

Your browser does not support the canvas tag.

Source code: ramonsimple

//creamos objeto
PImage laFoto; //y cargamos imágen laFoto = loadImage("ramon.jpg"); //la mostramos, en este caso a partir del punto 50,35 image(laFoto,50, 35);

 

Your browser does not support the canvas tag.

Source code: ramonmove

Your browser does not support the canvas tag.

Source code: ramonmoveverd

 

2.- Analizar y manipular el color: get()

Your browser does not support the canvas tag.

Source code: ramonpick

//Declaramos una variable del tipo de datos color
// (un objeto color, para ser estrictos)
color theColor;
//y le asignamos, vía la función GET, el color del píxel //en el que se encuentra el MOUSE
theColor = get(mouseX,mouseY);

 

Y si lo podemos analizar, podemos utilizar éste análisis gráficamente. Aquí vamos a utilizar el color en el que estamos para dibujar una ellipse, realizando así una especie de experimento puntillista.

Your browser does not support the canvas tag.

Source code: ramonrounded

//Declaramos una variable del tipo de datos color (un objeto color, para ser estrictos)
color theColor;
//y asignamos a the Color, con foto.get(), el color EN LA FOTO del punto donde está el ratón
//Si lo hacemos así y no con un get() simple, nose leerá el valor
//de color DE LA FOTO aunque se haya dibujado algo encima
theColor = foto.get(mouseX,mouseY);
//preparamos el fill()
fill(theColor);
//y dibujamos un circulillo donde el mouse
//del color sobre el que estamos en la foto
ellipse(mouseX,mouseY,diametro,diametro);


 

3.- De las imágenes fijas al vídeo

Your browser does not support the canvas tag.

Source code: ramonsquared

  for(int x=0; x<width; x+=salto){
for(int y=0; y<width; y+=salto){ //bla, bla, bla... } }

import processing.video.*;
Capture webcamVideo;

void setup()
{
size(320, 240);
cam = new Capture(this, 640, 480);
cam.start();
}

void draw()
{
if (cam.available() == true) {
cam.read();
}
//image(cam, 0, 0, 640, 480);
set(0,0,cam);
}


----------------------------------------------------------------------------------------------------

Your browser does not support the canvas tag.