introducción a processing

Download Introducción a Processing

Post on 11-Jan-2017

8.871 views

Category:

Education

0 download

Embed Size (px)

TRANSCRIPT

  • Processing Introduccin 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);

  • Lnea

    line(x1,y1,x2,y2);

    line(0,0,100,100);

  • Color y grosor Lnea

    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

    qDibuja la cara de un animal:

    Ordena el cdigo por partes: cara, ojos, boca, nariz...

    Empieza por lo ms importante y luego centrate en los detalles

    UJliza fondo, elipse, color y ancho de lnea, color de relleno...

  • Ejercicio

  • void set up y draw

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

    }void draw(){

    // se ejecuta de forma infinita}

  • Posicin del ratn

    mouseXmouseY

  • Ejercicio

    qModifica el color de la lnea segn su posicin

    qHaz que solo se dibuje la lJma lnea

  • Ejercicio

    qCrea un pndulo que siga la posicin del ratn

  • 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

    qCrea 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

    qCrea un programa que cuente el nmero de segundos, que pasan desde que este se inicia

    Prueba usando la funcin 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 Imgenes

    // declaracin 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

  • Msica

    import ddf.minim.*; // importamos la librera// 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() {}

  • Msica

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