Agustin Sposetti

TP#1 - Circulo Cromatico

Consigna: crear tu propia version de un circulo cromatico con colores primarios, secundarios y terciarios (RGB) El circulo cromatico es una representacion ordenada y circular de los colores de acuerdo con su matiz, en donde se representa a los colores primarios y sus derivados.El TP debe ser realizado solo con instrucciones de dibujo. No debe haber ni eventos ni condicionales.

Codigo

size(400,400);//tamaño de la pantalla noStroke();//por una mirada mas que nada estetica elimino las lineas de los triangulos triangle(100,350,350,200,100,50); triangle(50,200,300,350,300,50); triangle(50,100,200,350,350,100); triangle(50,300,200,50,350,300); //tres triangulos en diferentes direcciónes fill(100,149,237); ellipse(100,350,50,50); fill(173, 255, 47); ellipse(350,200,50,50); fill(255, 20, 147); ellipse(100,50,50,50); fill(128,0,128); ellipse(50,200,50,50); fill(255, 165, 0); ellipse(300,50,50,50); fill(127, 255, 212); ellipse(300,350,50,50); fill(255,0,0); ellipse(200,50,50,50); fill(0,255,0); ellipse(350,300,50,50); fill(0,0,250); ellipse(50,300,50,50); fill(255,0,255); ellipse(50,100,50,50); fill(0,255,255); ellipse(200,350,50,50); fill(250,255,0); ellipse(350,100,50,50); //elipses con los distintos colores de la gama cromatica RGB, ubicadas en los vertices de cada triangulo

Resultados

TP#2 - Animacion Creditos

Consigna: crear una animacion con la secuencia de creditos(*) de una pelicula o videojuego seleccionado. Al menos debe contener cinco secuencias de informacion. Por ejemplo: Titulo: una pantalla Protagonistas principales y secundarios: 2 o 3 pantallas Musica y direccion: 2 o 3 pantallas. Seria importante respetar la estética de la obra seleccionada.

Codigo

int segundos; int diez=10; float ten=10; int modulo = 10; int py,py2,py3,py4,py5; PImage rivendel, pantalla2,pantalla3,pantalla4,tolkien; void setup() { size(800, 800); textSize(30); py = 150; py2 = 250; py3 = 250; py4 = 250; py5 = 150; rivendel = loadImage ("Rivendel.jpg"); pantalla2 = loadImage ("pantalla2.jpg"); pantalla3 = loadImage ("Pantalla3.jpg"); pantalla4 = loadImage ("pantalla4.jpg"); tolkien = loadImage ("tolkien.jpg"); //carga de imagenes y variables de posición } void draw() { background(0); fill(255); image ( rivendel, 0 , 0, 800, 800); //carga de la primer imagen de fondo if (frameCount%60 == 0) { // revisa si los frames son multiplos de 60 segundos++; //suma segundos cada 60 frames } textAlign(TOP,CENTER); float opaco = map(frameCount, 0, 600, 0, 255); // map para la opaciodad fill(230,0,38, opaco); text("El señor de los anillos: La comunidad del anillo", 50 , py-30); if (segundos>10) { // condicionales cada 10 segundos de cambio de pantalla background(0); image ( rivendel, 0 , 0, 800, 800); py++; // comienza a moverse text("Dirección: Peter Jackson\nProcución:\nPeter Jackson\nBarrie M. Osborne\nTim Sanders\nFran Walsh",50,py); } if (segundos>20){ fill(239,148,16); image ( pantalla2, 0 , 0, 800, 800); py2++; text("Guión:\nPeter Jackson\nFran Walsh\nPhilippa Boyens\nEfectos especiales:\nJim Rygiel\nRichard Taylor\nRandall William Cook\nMark Stetson",50,py2); } if (segundos>30){ image ( pantalla3, 0 , 0, 800, 800); py3++; text("Protagonistas:\nElijah Wood\nIan McKellen\nLiv Tyler\nViggo Mortensen\nSean Astin\nCate Blanchett\nJohn Rhys-Davies\nBilly Boyd\nDominic Monaghan\nOrlando Bloom\nSean Bean\nIan Holm",50,py3); } if (segundos>40){ fill(230,0,38); image ( pantalla4, 0 , 0, 800, 800); py4++; text("Musica:\nHoward Shore\nSonido:\nChristopher Boyes\nMichael Semanick\nGethin Creagh\nHammond Peek\nMaquillaje:\nPeter Owen\nRichard Taylor",50,py4); } if (segundos>50){ fill(239,148,16); image ( tolkien, 0 , 0, 800, 800); text("Basado en la obra de J.R.R Tolkien",50,py5); } }

imagenes usadas

TP#3 - Ilusion optica Interactiva

Consigna:crear una ilusion optica* interactiva** con estructuras repetitivas (ciclos flor).

Codigo

Sonbre el codigo de este trabajo se puede comentar que utilice como bien dice la consigna estructuras repetitivas ademas de la interaccion con el mouse que permite al pasar sobre la imagen crear la ilusion con las elipses concentricas de que el propio "resorte" sigue al puntero.

Trabajo practico #4 - Aventura Grafica

Consigna: crear una aventura grafica que haga uso de arreglos y funciones.

Sobre el trabajo

Para este trabajo y los posteriores tanto el final como el juego, me inspire en el poema del cuervo escrito por Edgar Alan Poe. Si bien en si la historia es corta a partir de la misma se puede dar una gran cantidad de interacciones y juegos con el terror que genera el autor en solo unas lineas de escritura

Para pasar de estados entre pantalla y pantalla use tanto el enter como la barra espaciadora y las flechas variando entre ellos para que la navegacion por la historia no se hiciese repetitiva y aburrida para el usuario. Cuenta con varios finales que varían según el camino que se elija, se adjunta el diagrama para poder dar un mayor entendimiento

Trabajo practico #5 - Video Juego

Consigna:crear un video juego hecho completamente en objetos relacionado con la aventura grafica del TP4 . El video juego debe ser pensado para reemplazar una de las pantallas de conflicto de la aventura grafica.

Sobre el trabajo

En este punto se tenía que adaptar una idea de juego para más tarde juntarlo con la aventura en un solo programa que aune ambos codigos, atendiendo a la logica de los estados y la programacion orientada a objetos que se usa en el juego más que nada