introducción a processing

Processing  Introducción    a  Processing  

José  Pujol  IES  Vicente  Aleixandre  

Entorno  de  Desarrollo  

Pantalla  

size(width,height);Pixeles: pxwidthheight

Colores  

Escala grises

0

255

RGB

R 0-255

G 0-255

B 0-255

Selector  de  colores  

Pantalla  

size(500,400);background(125);

background(grey);background(0-255);background(r,g,b);background(0-255,0-255,0-255);

Línea  

line(x1,y1,x2,y2);

line(0,0,100,100);

Color  y  grosor  Línea  

stroke(R,G,B);strokeWeight(px);

stroke(255,0,0);strokeWeight (10);line(0,0,100,100);

Formas  

rect(x,y,ancho,alto);

ellipse(x,y,ancho,alto);

Propiedades  de  la  Forma  

size(300,300);background(255);stroke(0);strokeWeight(5);fill(0,100,250);ellipse(width/2,height/2,200,200);

stroke(r,g,b);noStroke();fill(r,g,b);noFill();

Ejercicio  

q Dibuja  la  cara  de  un  animal:    

•  Ordena  el  código  por  partes:  cara,  ojos,  boca,  nariz...  

•  Empieza  por  lo  más  importante  y  luego  centrate  en  los  detalles  

•  UJliza  fondo,  elipse,  color  y  ancho  de  línea,  color  de  relleno...  

Ejercicio  

void  set  up  y  draw  

void setup(){// se ejecuta una sola vez

}void draw(){

// se ejecuta de forma infinita}

Posición  del  ratón  

mouseXmouseY

Ejercicio  

 q Modifica  el  color  de  la  línea  según  su  posición      

q Haz  que  solo  se  dibuje  la  úlJma  línea  

Ejercicio  

q Crea  un  péndulo  que  siga  la  posición  del  ratón      

Condicionales  

if (test){// statement

}

if (test){// statement A

}else {// statement B

}

if (test){// statement A

}else if (test){// statement B

}else {// statement C

}

Variables  

int posx = 0;int variable de tipo enteroposx nombre0 valorfloat velocidad = 1.1;float variable de tipo coma flotantevelocidad nombre1.1 valor

Ejercicio  

q Crea  un  cubo  que  avance  y  rebote  en  las  paredes  

int posx=width/2; // variable posicion x cuadradoint vx=1; // variable velocidad cuadrado

KeyPressed  

void keyPressed() {if (key=='s') { velocidadx=velocidadx+2;}

}  

Texto  

text ("texto", x, y);text (variable, x, y);

Atributos  Texto  

textAlign (CENTER);textSize (px);textWidth (px);fill(R,G,B);

Ejercicio  

q Crea  un  programa  que  cuente  el  número  de  segundos,  que  pasan  desde  que  este  se  inicia  

 Prueba  usando  la  función  millis();

Imagen  

PImage im; // variable im de tipo PImagevoid setup() {

// cargamos la imagenim=loadImage ("foto.jpg");

}void draw() {

// dibujamos la imagen im en coordenadas (0,0)image(im, 0, 0);

}

Vector  con  Imágenes  

// declaración de un array dos imagenesPImage im[]=new Pimage[2]; void setup() {im[0]=loadImage ("foto1.jpg");im[1]=loadImage ("foto2.png");

}void draw() {image(im[i], 0, 0);

}

Carpeta  datos  

Juego  

data  

Juego.pde  

foto1.jpg  

foto2.png  

01.mp3  

Música  

import ddf.minim.*; // importamos la librería// Declaramos objeto musica de tipo MinimMinim musica;// Declaramos la cancion de tipo AudioplayerAudioPlayer cancion;void setup() { // creamos el objeto musica de tipo Minim musica = new Minim(this); // cargamos el archivo de musica cancion = musica.loadFile("01.mp3"); cancion.loop(); // reproducimos la cancion en bucle}void draw() {}

Música  

Otras funciones de Audioplayercancion.play(); // reproduce la cancioncancion.pause(); // pausa la cancioncancion.stop(); // para la cancioncancion.rewind();// rebovina la cancion