Salvador Franchino

Estudiante de diseño multimedial, desarrollando tecnologias webs

Carrera: Diseño Multimedial

Arrranco a cursar en el año 2022.
Universidad Nacional de La Plata

Facultad de Artes
Edad

18 años

Trabajos en processing de tecnologia multimedial 1

En el año 2022 realize 5 trabajos prácticos , los cuales fueron una enseñansa de como se usa el aplicación processing y aprendi como se maneja su lenguaje. A continuacion mostrare ejemplos de trabajos realizados este año.

Trabajo Práctico 1

"Animando con código"

Este trabajo práctico fue mi primera aproximacion a processing, usando variables , archivos de texto , archivos de fotos y demas funciones creee una escena de crédtitos de la serie "los simuladores"

TP1 Tecnologia Multimedial , Salvador Franchino

float movimiento; float posX; float posY; int mivariable; PImage imagenuno; PImage imagendos; PImage imagencuatro; PImage imagencinco; PImage imagenseis; String titulo; String actoresprinci; String actoressecu; PFont fuentenueva; void setup() { size (800, 600); mivariable=1; fuentenueva=loadFont("PalatinoLinotype-BoldItalic-48.vlw"); imagenuno= loadImage("los simuladores11.png"); imagendos=loadImage("los simuladores2.png"); imagencuatro=loadImage("los simuladores4.png"); imagencinco=loadImage("los simuladores5.png"); imagenseis=loadImage("los simuladores6.png"); titulo= ("Los Simuladores"); actoresprinci= ("Actores principales:\n Federico D'Elía \n Alejandro Fiore \n Diego Peretti \n Martín Seefeld"); actoressecu=("Actores secuandarios:\n Juan Carlos Ricci \n Jorge D'Elía \n Pasta Dioguardi \n Fernando Sureda"); } void draw() { println(frameCount); println (mivariable); frameCount=frameCount+6; mivariable=frameCount; println(frameCount); image(imagenuno, 0, 0, 800, 600); image(imagendos, 0, 0, 800, 600); image(imagencuatro, 0, 0, 800, 600); image(imagencinco, 0, 0, 800, 600); image(imagenseis,0,0,800,600); textFont(fuentenueva, 24); textSize(40); fill(0, 170, 0); if (frameCount>0) image(imagenuno, 0, 0, width, height); text(titulo,mivariable,400); if (frameCount>800) image(imagendos, 0, 0, width, height); if (frameCount>100 && frameCount<800) { } if (frameCount>800 && frameCount<1380) { textSize(40); fill(0, 255, 0); text("\n Director:\n Damián Szifron", 270, mivariable-800); } if (frameCount>1380 && frameCount<2250) { image(imagencuatro, 0, 0, width, height); text(actoresprinci, 270, mivariable-1600); } if (frameCount>2250 && frameCount<3050) { image(imagencinco, 0, 0, width, height); text(actoressecu,270, mivariable-2400); } if (frameCount>3050 ) { image(imagenseis,0,0,width,height); textSize(40); fill (0, 170, 0); text ("Pulse r para reiniciar", 200, 400); } } void keyPressed() { if (key == 'r' || key == 'R') { } frameCount = 0; }

Trabajo Práctico 2

" Ilusión óptica Interactiva"

imagen del trabajo práctico 2

La consigna permitia crear una Ilusión óptica con las siguientes condiciones:

Estructuras repetitivas (ciclos for): simples o anidados.

Funciones propias con y sin parámetros

Condicionales (if - else): interactuar con los índices.

Eventos (mouse y/o teclado): modificación de variables.

Algunas funciones matemáticas: dist(), map(), random().

Reiniciar el programa: volver variables a estado original.

Mi trabajo práctico es una Ilusión óptica dónde hay círculos dentros de círculos más pequeños y estos interactuando con el mouse y teclado cambian de color

Código del Tp

int cant=10; int tam; float distancia; void setup() { size (500, 500); tam=width/cant; } void draw() { background(0); float distancia =dist(mouseX, mouseY, width/2, height/2); println(distancia); for (int f=0; f0; e-=20) { ellipse(f*tam+25, r*tam+25, tam-25, tam-25); if (distancia<500) { fill(random(300), random(300), random(300)); if ((f+r+e)%2==0) { fill(0, 0, 255); }else{ fill(random(300), random(300), random(300)); } } } } } } void keyPressed() { if (key == 'r' || key == 'R') { } loop(); } void mousePressed() { noLoop(); }
Link de video explicatorio del tp

https://www.youtube.com/watch?v=EBGVj0vJHRM
Autor

Salvador Franchino

Trabajo Práctico 3

"Juego interactivo"

En este caso, la consigna permitia crear un pequeño juego con las siguientes condiciones:

Estructuras repetitivas (ciclos for): simples o anidados.

Funciones propias con y sin parámetro.

Condicionales (if - else).

Eventos (mouse y/o teclado).

Arreglos.

Mi trabajo práctico es un juego de estilo "preguntados" en el cual respondiendo 3 preguntas correctamente , ganaras el juego.

Código del Tp

int estado=0; int posXCuadrados; int posYCuadrados; int distanciaCuadrados; int anchoCuadrados; int altoCuadrados; int cantidadCuadrados; int BotonApretado; int ubicarCuadrados; int EvaluarBotonesCorrectos; String titulo; PFont fuentenueva; String [] respuestas ={"19", "21", "24", "25", "60", "50", "80", "100", "A", "C", "F", "L"}; void setup() { size (600, 600); background(10, 150, 255); estado=0; cantidadCuadrados = 4; posXCuadrados=260; posYCuadrados=150; distanciaCuadrados=100; anchoCuadrados=80; BotonApretado=0; textAlign(CENTER); fuentenueva=loadFont("ComicSansMS-Bold-48.vlw"); titulo=("Encuestados"); } void draw () { background(10, 150, 255); if (estado==0) { //Primera pantalla textFont(fuentenueva, 24); textSize(60); fill(0); text(titulo, 300, 300); textSize(20); fill(0); text("Haga CLICK para continuar", 200, 500); } else if (estado==1) { // Segunda Pantalla background(10, 150, 255); textSize(60); fill(200, 200, 0); text("Instrucciones", 300, 100); textSize(20); fill(0); text("Responde tres preguntas de cultura general para ganar", 300, 300); textSize(20); fill(0); text("Haga CLICK para continuar", 450, 500); } // tercer pantalla else if (estado==2) { fill(255); for(int i=0;i=posXCuadrados && mouseX <= posXCuadrados+anchoCuadrados && mouseY>=posYCuadrados && mouseY<= posYCuadrados+anchoCuadrados){ BotonApretado = 1; }else if (mouseX>=posXCuadrados && mouseX <= posXCuadrados+anchoCuadrados && mouseY>=posYCuadrados+distanciaCuadrados*1 && mouseY<= posYCuadrados+distanciaCuadrados*1+anchoCuadrados){ BotonApretado = 2; }else if(mouseX>=posXCuadrados && mouseX <= posXCuadrados+anchoCuadrados && mouseY>=posYCuadrados+distanciaCuadrados*2 && mouseY<= posYCuadrados+distanciaCuadrados*2+anchoCuadrados){ BotonApretado = 3; }else if(mouseX>=posXCuadrados && mouseX <= posXCuadrados+anchoCuadrados && mouseY>=posYCuadrados+distanciaCuadrados*3 && mouseY<= posYCuadrados+distanciaCuadrados*3+anchoCuadrados){ BotonApretado = 4; } } void EvaluarBotonesCorrectos(){ if (estado==2){ // Estado 1 if(BotonApretado == 3){ estado = 3; } else{ estado = 6; //PERDISTE } }else if (estado==3){ if(BotonApretado == 1){ estado = 4; } else{ estado = 6; //PERDISTE } }else if (estado==4){ if(BotonApretado == 2){ estado = 5; } else{ estado = 6; //PERDISTE } } } void mousePressed(){ EvaluarColision(); }
Link de video explicatorio del tp

https://www.youtube.com/watch?v=Zji-sIQEcQo
Autor

Salvador Franchino

Trabajo Práctico 4

"Programando con Objetos"

imagen del trabajo práctico 4

La consigna permitia crear un juego o aplicación las siguientes condiciones:

La construcción de al menos tres (3) clases con un (1) objeto/ instancia cada una (como mínimo)..

Funciones propias con y sin parámetros

Clases que puedan comunicarse entre sí .

Que puedan interactuar con eventos (al menos los objetos de una clase).

En este caso, mi trabajo práctico es unl juego en el cual sos un atelta y tenes que ir saltando vallas, apretando la tecla espacio podras saltar e interactuar en el juego. Si logras saltar 15 vallas ganaras el juego. Pero si te chocas una valla, perderas el juego.

Código del Tp

Principal p; void setup() { size(700, 400); p = new Principal(); } void draw() { p.actualizar(); p.dibujar(); } void keyPressed() { p.teclas(); }
Link de video explicatorio del tp

https://www.youtube.com/watch?v=SkLC1vQIYag
Autor

Salvador Franchino

Trabajo Práctico 5

" Avanzando con POO"

La consigna permitia crear un juego con las siguientes condiciones:

Lógica de estado

Programado íntegramente con POO y que incluya al menos un arreglo de objetos.

Comunicación entre clases a través de sus métodos.

Implementación de alguna librería de sonido.

Mi trabajo práctico es la continuación del tp4, el juego en el cual sos un atelta y tenes que ir saltando vallas, apretando la tecla espacio podras saltar e interactuar en el juego. Si logras saltar 15 vallas ganaras el juego. Pero si te chocas una valla, perderas el juego.

En esta imagen se muestra el juego en su estado de "jugar"

Código del Tp

import ddf.minim.*; Minim minim; AudioPlayer player; Juego j; void setup() { size(600, 600); j= new Juego(); minim= new Minim(this); player= minim.loadFile("mision-imposible-peliculas-.mp3"); } void draw() { j.estados(); } void keyPressed() { j.keyPressed(); }
Link de video explicatorio del tp

https://www.youtube.com/watch?v=V8PGbZI3GZc&t=14s
Autor

Salvador Franchino