Programas de dibujo en Processing

Siempre ; al final de cada cosa.

Line (100,100,0,0). Size (500,500) *poner pantalla de ese tamaño*. Background (R,V,A). Negro (0), blanco (255), gris (150), color (255,90,100) max. 255. PARA LAS FIGURAS: 4 coordenadas: 2 primeras->localización. 2 segundas->tamaño. Ellipse Circulo. Rect Cuadrado. noStroke(); quitar el contorno. Fill dar color a una figura. Seguir al ratón: voidDraw(){ *figura*(mouseX,mouseY,200,200);}. Que no se vea el rastro: *poner background de algún color y así se oculta* voidSetup(){ *definir las propiedades del entorno*. voidDraw(){ *crear animación*

1) Haz un programa para generar un circulo y un cuadrado en la pantalla, pero que su posición varie de una manera aleatoria.

void setup( )

size (400,400);}

void draw () {

ellipse (random (width - 10),random (height - 10),50,50);

fill (255,0,0);

rect (random (width - 10),random (height - 10),50,50);

fill (0,255,0);}

2) Mismo ejercicio que el anterior pero que los colores de ambos cambien de forma aleatoria

void setup() {

size (400,400);}

void draw () {

ellipse (random (width - 10),random (heigth - 10),50,50);

fill (random (255),random (255),random (255));

rect (random (width - 10),random (heigth - 10),50,50);

fill (random (255),random (255),random (255));}

3) Mismo ejercicio que el anterior pero disminuyendo la velocidad con la que aparecen el circulo y el cuadrado y haciendo que a cada instante solo aparezcan un solo circulo y un solo cuadrado, es decir no dejar el rastro del instante anterior

void setup() {

size (400,400);}

void draw () {

background (255);

ellipse (random (width - 10),random (height - 10),50,50);

fill (random (255),random (255),random (255));

rect (random (width - 10),random (height - 10),50,50);

fill (random (255),random (255),random (255));

frameRate(5);}

4) Haz un circulo en el punto 200,200 pero declarando su radio como variable. Toma como valor inicial de esta variable el que quieras

int r=20;

void setup () {

size(500,500);

}

void draw () {

ellipse (200,200,r,r);

}

5) Bola que se mueve por la pantalla y rebota cuando choca con los lados

int x = 0;

int y = 0;

int incx = 3;

int incy=4;

void setup(){

size(500,500);}

void draw(){

background(200);

ellipse (x,y,50,50);

x = x + incx;

y = y + incy;

if (x >= width) {

incx = -1;

}

if (x<0){

incx = 1;

}

6) Haz una elipse que siga al ratón y vaya cambiando de tamaño entre un valor mínimo y un máximo:

// Declaración de variables globales del programa
float dMin=20; // tamaño mínimo del círculo
float dMax=200; // tamaño máximo del círculo
float d=dMin; // tamaño ‘actual’ del círculo
boolean crecer; // indica si el círculo ha de aumentar o disminuir

void setup() {
size(500, 500);
background(255);
crecer = true; // empezamos creciendo
}

void draw() {
ellipse(mouseX, mouseY, d, d);
// comprobamos si el diámetro excede de los límites máximo y mínimo
// y cambiamos el valor de ‘crecer’ al llegar a dichos límites
if (d >= dMax) {
crecer = false;
} else if (d <= dMin) {
crecer = true;
}
// actualizamos el tamaño del círculo aumentando o disminuyendo
// según sea el valor de ‘crecer’
if (crecer == true) {
d += 3; // aumentar 3 píxels el diámetro
} else {
d -= 3; // reducir 3 píxels el diámetro
}

6)Crear un programa capaz de mostrar una imagen. En Processing hay un tipo de variable (también conocido como clase) llamada PImage. Las variables de este tipo almacenan una imagen que podrás cargar de un fichero usando la función loadImage().

PImage: Un tipo de variable que puede contener una imagen.

loadImage(image file): Carga la imagen image file localizada dentro del directorio actual del sketch. image file debe escribirse exactamente igual que con el nombre del fichero.

image(image name, x, y): Muestra la PImage image name en las coordenadas x, y.

PImage im;

void setup() {

size(400, 400);

im = loadImage("foto.jpg"); // Nombre de la imagen

}

void draw() {

image(im, 0, 0); // Para mostrar la imagen en la pantalla, coordenadas 0, 0

}