.

Este circulo fue realizado con processing

Trabajo Práctico 1

Este trabajo tenía como única consigna realizar un circulo cromático a elección propia.

  • arrow_downwardCódigo
        
    
        
PFont Texto;
void setup () {

//acá va el tipo de letra 
  
  Texto = loadFont("Perpetua-Italic-48.vlw");
  size (600,400);
  background (125,125,100);

//acá van las palabras 
  textFont(Texto);
  textSize(16); //tamaño de la letra
  textAlign(LEFT);
  text("Amarillo",89,141);
  text("Verde amarillo",41,215);
  text("Verde",108,302);
  text("Azul verde",176,375);
  text("Cian",291,387);
  text("Azul ultramar",356,370);
  text("Azul",464,296);
  text("Violeta",485,211);
  text("Magenta",469,138);
  text("Carmesi",418,70);
  text("Rojo",287,12);
  text("Naranja",140,69);
}
void draw () {
  frameRate (12);
 println (mouseX, mouseY); 
 
 fill(255,255,200); //beige
 circle(300,200,300);
 
 strokeWeight(2); //grosor de las lineas
line(297,52,174,286);
 line(174,286,426,285);
 line(426,285,297,52);
 
 line(161,138,437,140);
 line(437,140,300,353);
 line(300,353,161,138);
 
//acá van los círculo, su tamaño, ubicación y color
 
 fill(255,0,0); //rojo
 ellipse(298,50,60,60);
 fill (0,0,255); //azul 
 ellipse(427,281,60,60);
 fill(0,255,0); //verde
 ellipse(175,283,60,60);
 fill(255,0,125); //carmesi
 ellipse(387,81,50,50);
 fill(0,255,125); //azul verde
 ellipse(226,331,50,50);
 fill(125,255,0); //verde amarillo 
 ellipse(151,210,50,50);
 fill(125,0,255); //violeta 
 ellipse(450,210,50,50);
 fill(0,255,255); //cian
 ellipse(300,349,50,50);
 fill(0,125,255); //azul ultramar 
 ellipse(372,331,50,50);
 fill(255,255,0); //amarillo
ellipse(163,137,50,50);
fill (255,125,0); //naranja
ellipse(215,81,50,50);
fill(255,0,255); //magenta 
ellipse(436,138,50,50);
}

.

.

.

gif de créditos

Esta pantalla de créditos fue realizada con processing

Trabajo Práctico 2

Para este trabajo se propuso realizar la pantalla de créditos de alguna pelicula o videojuego, personalmente me inspiré en la pantalla de créditos de Bob Esponja.

  • arrow_downwardCódigo
      
    

//Sorribes Delfina
//legajo 88287/8

int click = 0;
PFont font;
float x ;
PImage foto;
PImage fotox;
PImage fotoxd;
PImage fotoxx;
PImage fot;

void setup (){

size(600,400);
x=400;
font = createFont("unknown.png.ttf",27);
  textFont(font);
  textAlign (CENTER);  
  foto = loadImage ("abcd.png");
  fotox = loadImage ("abcdefgh.png");
  fotoxd = loadImage ("abcde.png");
  fotoxx = loadImage ("abcdef.png");
  fot= loadImage ("abcdefg.png");
}

void draw() {
  
  if (click == 0 ) {
  background(220,220,41);
  fill(255);
  text(" haga click para comenzar", 294, 170);
  }else if ( click == 1) {
  background (0);
  println(mouseX + ":" + mouseY);

  fill(220, 220, 41);
  text("Directed and Produced by:",230, 50+x);
  fill(255);
  text("Stephen Hillenburg", 230, 100 + x);
  fill(220, 220, 41); 
  text("Written and boarder by:", 300, 700 + x);
  fill(255);
  text("Derek Drymon &\nTim Hill &\nStephen Hillenburg &\n Kent Osborne &\nAaron Springer &\nPaul Tibbitt",300, 750 + x);
  fill(220, 220, 41);
  text("Based on a Story\nand the Series Created by",250,1300 + x);
  fill (255);
  text("Stephen Hillenburg",250,1400 + x);
  fill(220, 220, 41);
  text("Producer", 82,2000 + x);
  fill(255);
  text("Julia Pistor",132, 2050 + x);
  fill(220, 220, 41);
  text("Executive Producer",212,2400 + x);
  fill(255);
  text("Albie Hecht",163,2450 + x);

  
  image (foto, 350, 120 + x , 230, 200);
  image (fotox, 104, 142 + x);
  image (fotox, 30, 700 + x); 
  image (fotox, 444, 700 + x);
  image (fotoxd, 365, 1410 + x, 230,200);
  image (fotoxx, 328, 1880 + x, 220,180);
  image (fot, 229, 2458 + x, 230,200);
  
  
  x = x- 1; } }
  
  void mousePressed() {
    if (click==0){
      click = 1; }
    }

.

gif de créditos

Esta ilusion optica fue realizada con processing

Trabajo Práctico 3

Para este trabajo se propuso realizar una ilusion optica a elección propia.

  • arrow_downwardCódigo
        
    
//Sorribes Delfina
//legajo 88287/8


int a=50, d=100;
float abc;
 
void setup() {
  size(600,600);
  rectMode (CENTER);
}

void draw() {
  background(0);
  for (int j=0; j<3; j++) {
    if (j==0) fill(255,0,0);
    if (j==1) fill(0,255,0);
    if (j==2) fill(0,0,255);
    for (int i=0; i

.

.

.

  • pantalla 1

  • pantalla 4

  • pantalla 14

Esta aventura gráfica fue realizada con processing

Trabajo Práctico 4

Para este trabajo se propuso realizar una aventura gráfica a elección propia.

  • arrow_downwardCódigo

    
        // Sorribes, Delfina
        // Legajo: 88287/8
        // https://youtu.be/G344Y5QX3Vk
        
        
        
        
        int pantalla = 0;
        String[] relato = new String [30];
        PImage[] foto = new PImage [22];
        PFont font;
        
        
        void setup(){
          size(500,340);
          for( int i = 0 ; i < foto.length ; i++ ){
            foto[i] = loadImage( "img" + i + ".png" );
          }
            font = createFont("Pixel.ttf", 50);
            textFont(font);
            println( "Cantidad de pantallas: " + foto.length);
            textAlign(CENTER, CENTER);
            textSize(24);
            relato [0] = "te encontras adentro de una caja: \n ¿Salis?";
            relato [1] = "un perro empieza a oler la caja \n y salís corriendo";
            relato [2] = "saliste! \n decidis salir a recorrer la ciudad";
            relato [3] = "te agarra hambre \n ¿Vas a buscar comida?";
            relato [4] = "seguis recorriendo la ciudad pero te agarra\n mucho hambre \n ¿Vas a buscar comida? ";
            relato [5] = "te metes en la casa de una señora \n y te saca a escobazos";
            relato [6] = "seguís buscando comida y encontras \n pochoclos en el piso de una plaza ";
            relato [7] = "se hace de noche\n¿Vas a dormir?";
            relato [8] = "vagas por la ciudad";
            relato [9] = "cruzas la calle y un auto\n te pasa por arriba"; //final triste
            relato [10] = "te dormis abajo de un banco";
            relato [11] = "es de mañana y la plaza está llena de gente \n ¿Salis?";
            relato [12] = "una nena te encuentra y te lleva a su casa";  //final feliz
            relato [13] = " un perro te comienza a perseguir";
            relato [14] = "ves la puerta de de una casa abierta \n ¿Te metes?";
            relato [15] = "te adoptan"; /// POR DOS
            relato [16] = "el perro te acorrala \n ¿Peleas?";
            relato [17] = "los ruidos llaman la atención de una \n señora quien te salva";
            relato [18] = "moriste";
        }
        
        
        void draw () { 
          
          //intro
          if (pantalla == 0) {
            image( foto [0], 0, 0, width, height );
            dibujaBotonRec(" comenzar", 200, 300, 90, 32);
            dibujaBotonRec("  créditos", 200, 10, 90, 32);
          } 
          
          
          //pantalla principal
          else if (pantalla == 1)  {
             image( foto [1], 0, 0, width, height );
             fill (0);
             textSize (21);
             text (relato [0], 250, 40);
             dibujaBotonRec("  Si", 10, 300, 40, 32);
             dibujaBotonRec(" No", 450, 300, 40, 32);  
          }
          
          
          //pantalla perro y gato
          else if (pantalla == 2) {
            image( foto [2], 0, 0, width, height );
            fill (0);
            textSize (19);
            text (relato [1], 250, 40);
            dibujaBotonRec(" siguiente", 200, 300, 90, 32);
          }
          
          
          //pantalla caja
          else if (pantalla == 3) {
            image( foto [3], 0, 0, width, height );
            fill (0);
            textSize (19);
            text (relato [2], 250, 40);
            dibujaBotonRec(" siguiente", 200, 300, 90, 32);
          } 
          
          
          //pantalla ciudad
          else if (pantalla == 4) {
            image( foto [4], 0, 0, width, height );
            fill (0);
            textSize (19);
            text (relato [3], 250, 40);
            dibujaBotonRec("  Si", 10, 300, 40, 32);
            dibujaBotonRec(" No", 450, 300, 40, 32); 
          }
          
          
          //pantalla señora
          else if (pantalla == 5) {
            image( foto [6], 0, 0, width, height );
            fill (255);
            textSize (19);
            text (relato [5], 250, 40);
            dibujaBotonRec(" siguiente", 200, 300, 90, 32);
             }
            
            //pantalla ciudad
           else if (pantalla == 6) {
            image( foto [5], 0, 0, width, height );
            fill (0);
            textSize (15);
            text (relato [4], 250, 40);
            dibujaBotonRec("  Si", 10, 300, 40, 32);
            dibujaBotonRec(" No", 450, 300, 40, 32);
           }
           //pochoclos
           else if (pantalla == 7) {
           image( foto [7], 0, 0, width, height );
            fill (0);
            textSize (17);
            text (relato [6], 250, 40);
            dibujaBotonRec(" siguiente", 200, 300, 90, 32);
           }
           // noche plaza
           else if (pantalla ==8) {
            image( foto [20], 0, 0, width, height );
            fill (255);
            textSize (20);
            text (relato [7], 250, 40);
            dibujaBotonRec("  Si", 10, 300, 40, 32);
            dibujaBotonRec(" No", 450, 300, 40, 32);
             
           }
           
           
           else if (pantalla == 9) {
            image( foto [10], 0, 0, width, height );
            fill (255);
            textSize (17);
            text (relato [10], 250, 40);
            dibujaBotonRec(" siguiente", 200, 300, 90, 32);
           }
           
           
           else if (pantalla == 10) {
            image( foto [8], 0, 0, width, height );
            fill (255);
            textSize (20);
            text (relato [8], 250, 40);
            dibujaBotonRec(" siguiente", 200, 300, 90, 32);
           }
           
           
           else if (pantalla == 11) {
            image( foto [9], 0, 0, width, height );
            fill (255);
            textSize (17);
            text (relato [9], 250, 40);
            dibujaBotonRec(" siguiente", 200, 300, 90, 32);
           }
           
           
           else if (pantalla == 12){
            image( foto [11],0, 0, width, height );
            fill (0);
            textSize (17);
            text (relato [11], 250, 40);
            dibujaBotonRec("  Si", 10, 300, 40, 32);
            dibujaBotonRec(" No", 450, 300, 40, 32);
           }
           
            else if (pantalla == 13){
            image( foto [13],0, 0, width, height );
            fill (0);
            textSize (17);
            text (relato [13], 250, 40);
            dibujaBotonRec(" siguiente", 200, 300, 90, 32);
            }
            
            
            else if (pantalla == 14){
            image( foto [12],0, 0, width, height );
            fill (0);
            textSize (17);
            text (relato [12], 250, 40);
            dibujaBotonRec(" siguiente", 200, 300, 90, 32);
            }
            
            else if (pantalla == 15){
            image( foto [14],0, 0, width, height );
            fill (255);
            textSize (17);
            text (relato [14], 250, 40);
            dibujaBotonRec("  Si", 10, 300, 40, 32);
            dibujaBotonRec(" No", 450, 300, 40, 32);
           }
            
            else if (pantalla == 16){
            image( foto [15],0, 0, width, height );
            fill (255);
            textSize (17);
            text (relato [16], 250, 40);
            dibujaBotonRec("  Si", 10, 300, 40, 32);
            dibujaBotonRec (" No", 410, 300, 40, 32);
            }
            
            else if (pantalla == 17){
            image( foto [16],0, 0, width, height );
            fill (255);
            textSize (17);
            text (relato [18], 250, 40);
            dibujaBotonRec(" siguiente", 200, 300, 90, 32);
            }
            
            else if (pantalla == 18){
            image( foto [17],0, 0, width, height );
            fill (255);
            textSize (17);
            text (relato [17], 250, 40);
            dibujaBotonRec(" siguiente", 200, 300, 90, 32);
            }
            
             else if (pantalla == 19){
            image( foto [18],0, 0, width, height );
            dibujaBotonRec(" X", 25, 17, 25, 30);
            }
           
             else if (pantalla == 20){
            image( foto [19],0, 0, width, height );
            dibujaBotonRec(" X", 25, 17, 25, 30);
            }
            
            else if (pantalla == 21){
              image (foto[21],0, 0, width, height );
              dibujaBotonRec(" X", 25, 17, 25, 30);
            }
            
            
        }/////void draw corchete
          
          void mousePressed(){
            
            if ( pantalla== 0 ) {
              if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=1; 
            }}
              if ( pantalla== 0 ) {
               if (colisionSupRec (mouseX, mouseY, 200,10, 90, 32)); {
              pantalla=21; }
            }
            
            
            else if ( pantalla ==1) {
                 if (colisionSupRec (mouseX, mouseY, 10, 300, 40, 32)) {
              pantalla=3;
              } 
                 if (colisionSupRec (mouseX, mouseY, 450, 300, 40, 32)) {
              pantalla=2;
              } }
             
                
            else if (pantalla == 3 ) {
                 if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=4;}
              }
              
              
            else if (pantalla == 2 ) {
                 if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=4;}
              } 
            
            else if ( pantalla ==4) {
                 if (colisionSupRec (mouseX, mouseY, 10, 300, 40, 32)) {
              pantalla=5;}
                 if (colisionSupRec (mouseX, mouseY, 450, 300, 40, 32)) {
              pantalla=6;}
              }
              
              
             else if (pantalla == 5) {
                  if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=7;}
              }
           
            
             else if (pantalla == 6) {
                  if (colisionSupRec (mouseX, mouseY, 10, 300, 40, 32)) {
              pantalla=7;} 
                if (colisionSupRec (mouseX, mouseY, 450, 300, 40, 32)) {
              pantalla= 19;}
              }
              
              
              else if (pantalla == 7) {
                if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=8;}
              } 
                
                
              else if (pantalla == 8) {
                  if (colisionSupRec (mouseX, mouseY, 10, 300, 40, 32)) {
              pantalla=9;} 
                if (colisionSupRec (mouseX, mouseY, 450, 300, 40, 32)) {
              pantalla=10;}
              }  
                
                
              else if (pantalla == 9) {
              if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=12;}
              }
              
              
              else if (pantalla == 10) {
                if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=11;}
              }
              
              
              else if (pantalla == 12){
               if (colisionSupRec (mouseX, mouseY, 10, 300, 40, 32)) {
              pantalla=13;}
                if (colisionSupRec (mouseX, mouseY, 450, 300, 40, 32)) {
              pantalla=14;}
              }  
              
              
               else if (pantalla == 13){
               if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=15;}
              }
              
              
         else if (pantalla == 14){
               if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=20;}
              }
              
              
               else if (pantalla == 15){
                if(colisionSupRec (mouseX, mouseY, 10, 300, 40, 32)) {
           pantalla=20;}
                if (colisionSupRec (mouseX, mouseY, 450, 300, 40, 32)) {
              pantalla=16;}
              }  
              
               else if (pantalla == 16){
               if (colisionSupRec (mouseX, mouseY, 10, 300, 40, 32)) {
              pantalla=18;}
              if (colisionSupRec (mouseX, mouseY, 450, 300, 40, 32)) {
            pantalla=17;}
            }  
              
               else if (pantalla == 11){
               if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=19;}
              }
              
              else if (pantalla == 17){
               if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=19;}
              }
              
              else if (pantalla == 18){
               if (colisionSupRec (mouseX, mouseY, 200, 300, 90, 32)) {
              pantalla=20;}
              }
              
               else if (pantalla == 19){
               if (colisionSupRec (mouseX, mouseY,  25, 17, 25, 30)) {
              pantalla=0;}
              }
               else if (pantalla == 20){
               if (colisionSupRec (mouseX, mouseY,  25, 17, 25, 30)) {
              pantalla=0;}
              }
              else if (pantalla == 21){
               if (colisionSupRec (mouseX, mouseY,  25, 17, 25, 30)) {
              pantalla=0;}
              }
              
    

    

    }
    void dibujaBotonRec(String label,float x, float ancho){
     pushStyle();
      pushMatrix();
      
      translate(x,height-30);
      noFill();
      stroke(255);
      rect(0,0,ancho,30);
      fill(255);
      textAlign(LEFT);
      textFont(font);
      textSize(13);
      text(label,0+5,0+22);
      
      popMatrix();
      popStyle();
      
    }
    void dibujaBotonRec(String label,float x, float y, float ancho,float alto){
      pushStyle();
      pushMatrix();
      
      translate(x, y);
      noFill();
      stroke(255);
      rect(0,0,ancho,alto);
      fill(255);
      textAlign(LEFT);
      textFont(font);
      textSize(13);
      text(label,0+5,0+22);
      
      popMatrix();
      popStyle();
    
    }
    //Colision con boton cuadrado
    boolean colisionSupRec(float x, float y, float xSup, float ySup, float ancho,float alto){
      
      boolean valor;
      
      if(x>xSup && y>ySup && x

.

Este videojuego fue realizado con processing

Trabajo Práctico 5

Este trabajo tenía como consigna realizar un videojuego basado en la estetica de nuestra aventura gráfica.

  • arrow_downwardCódigo

    
        
  /Sorribes, Delfina
  //Cassani Bautista
  //TP5 2021
  
  //declaramos
  Juego game;
  void setup() {
    size(800, 600);
    game = new Juego();
  }
  
  void draw() {
    game.dibujar();
  }
  
  void keyPressed() {
    game.teclado();
  }
  
      

    
    class Personaje {
        PImage [] img;
        int cantCuadros;
        int x, y, d;
      
        Personaje () {
          x= 50;
          y= 80;
          cantCuadros = 6;
          img = new PImage [cantCuadros];
          for (int i=0; i  80))
            y = y - 105;
      
          if ((keyCode== DOWN) && (y < 300))
            y = y + 105;
      
          if ((keyCode== LEFT) &&(x > 1))
            x= x - 5;
          if ((keyCode== RIGHT) &&(x < 750))
            x= x + 5;
        }
      
      
      
        int Px() {
          return x;
        }
      
        int Py() {
          return y;
        }
      }
    

    
    class Juego {
        String estado;
        PImage ini, per, gan;
        Fondo fondo;
        Personaje personaje;
        Perros perro;
        int i;
        String jugar, perdiste, ganaste;
        PFont font;
      
        Juego() {
          // pos Inicial del personaje:
          fondo= new Fondo();
          personaje= new Personaje ();
          perro= new Perros();
          //cargamos imagenes 
          ini= loadImage( "comenzar.png");
          per= loadImage( "perdiste.png");
          gan= loadImage( "ganaste.png");
          estado = "inicio";
          jugar = "          Haz click para comenzar a jugar \n ¡LLEGA A LA META SIN TOPARTE CON LOS PERROS!";
          perdiste= "X";
          ganaste= "X";
          font = createFont ("Pixel.ttf", 27);
        }
      
      
      
        void colision() {
      
      
          for (i=0; i<4; i++) {
            if (dist(personaje.Px(), personaje.Py(), perro.posXp(i), perro.posYp(i)) < 60)
              estado = "perdiste";
          }
        }
      
      
        void ganaste() {
      
          if (personaje.Px() > 748)
            estado = "ganaste";
        }
      
      
        void dibujar() {
          if (estado == "inicio") {
            image(ini, 0, 0, width, height);
            textSize(30);
            textFont(font);
            text( jugar, 40, 450);
            if (mousePressed)
              estado = "nivel1";
          } else
            if (estado == "nivel1") {
              fondo.dibujar();
              perro.dibujar();
              personaje.dibujar();
              colision();
              ganaste();
            } else
              if (estado == "perdiste") {
                image(per, 0, 0, width, height);
                fill (0);
                rect(10, 15, 45, 45);
                textFont(font);
                fill (255);
                text(perdiste, 26, 47);
                if (mousePressed) {
                  estado = "inicio";
                  personaje= new Personaje ();
                  perro= new Perros();
                }
              } else
                if (estado == "ganaste") {
                  image(gan, 0, 0, width, height);
                  fill(#ff3190);
                  rect(10, 15, 45, 45);
                  textFont(font);
                  fill(255);
                  text(ganaste, 26, 47);
                  if (mousePressed) {
                    estado = "inicio";
                    personaje= new Personaje ();
                    perro = new Perros();
                  }
                }
        }
      
        void teclado() {
          personaje.mover();
        }
      }


    
    class Fondo {
        PImage calle;
        int x, y;
      
        Fondo() {
      
          x= width;
          y= height;
        }
        
        //cargamos el fondo
        void dibujar() {
          calle= loadImage("calle.png");
          image(calle, 0, 0, x, y );
        }
      }


    
    class Perros {

        Perro[] tras;
        int i;
        Perros () {
      
          tras = new Perro[4];
          for (i=0; i<4; i++)
            tras[i] = new Perro((i*115)+50);
        }
      
        void dibujar() {
      
          for (i=0; i<4; i++)
            tras[i].dibujar();
        }
      
      
        float posXp(int i) {
          return tras[i].Px();
        }
      
        float posYp(int i) {
          return tras[i].Py();
        }
      }
 

    
    class Perro {

        float x, y, tam, vel;
        PImage [] img;
        int cantCuadross;
      
        Perro (int _y) {
          tam = 130;
          x= random(400, 1030);
          y= _y;
          cantCuadross = 3;
          img = new PImage [cantCuadross];
          for (int i=0; i

.

imagen de flecha