jueves, 17 de noviembre de 2011

Avences Processing 2

Con el mismo codigo, modificando las coordenadas, imagen y archivos de audio, hice una tabla para jugar y aprender los colores




PImage bg;

import ddf.minim.*;
Minim minim;
AudioSnippet audioverde;
AudioSnippet audioamarillo;
AudioSnippet audionaranjo;
AudioSnippet audiorojo;
AudioSnippet audioceleste;
AudioSnippet audioazul;
AudioSnippet audiovioleta;
AudioSnippet audiorosado;




void setup () {
minim = new Minim(this);
audioverde = minim.loadSnippet("VERDE.mp3");
audioamarillo = minim.loadSnippet("AMARILLO.mp3");
audionaranjo = minim.loadSnippet("NARANJO.mp3");
audiorojo = minim.loadSnippet("ROJO.mp3");
audioceleste = minim.loadSnippet("CELESTE.mp3");
audioazul = minim.loadSnippet("AZUL.mp3");
audiovioleta = minim.loadSnippet("VIOLETA.mp3");
audiorosado = minim.loadSnippet("ROSADO.mp3");


size (700, 400);

}

float d;
float diam=140;





void draw() {

bg=loadImage("COLORES.jpg");
image(bg,0,0,700,400);



//clic verde

d=dist(87, 95, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (87, 95, diam, diam);
audioverde.loop();
audioverde.play();
stroke(0);
fill(0);
}

//clic amarillo

d=dist(260, 95, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (260, 95, diam, diam);
audioamarillo.loop();
audioamarillo.play();
stroke(0);
fill(0);
}

//clic naranjo

d=dist(432, 95, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (432, 95, diam, diam);
audionaranjo.loop();
audionaranjo.play();
stroke(0);
fill(0);
}

//clic rojo

d=dist(607, 94, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (607, 94, diam, diam);
audiorojo.loop();
audiorojo.play();
stroke(0);
fill(0);
}

//clic celeste

d=dist(87, 308, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (87,308, diam, diam);
audioceleste.loop();
audioceleste.play();
stroke(0);
fill(0);
}

//clic azul

d=dist(260, 308, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (260, 308, diam, diam);
audioazul.loop();
audioazul.play();
stroke(0);
fill(0);
}

//clic violeta

d=dist(432, 308, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (432, 308, diam, diam);
audiovioleta.loop();
audiovioleta.play();
stroke(0);
fill(0);
}

//clic rosado

d=dist(607, 308, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (607, 308, diam, diam);
audiorosado.loop();
audiorosado.play();
stroke(0);
fill(0);
}





triangle(mouseX, mouseY +18, mouseX+16, mouseY-10, mouseX-16, mouseY-10);
triangle(mouseX, mouseY -18, mouseX+16, mouseY+10, mouseX-16, mouseY+10);

}

Avance Processing

Video enviado a Carolina Pino por e-mail 17/nov/2011 20:07 hrs. (segizmundo@gmail.com)



Grabe con mi celular 27 archivos de audio, correspondientes a las letras del abecedario con mi voz, con la ayuda de un mp3 converter, los pude cambiar de formato .amr a .mp3

El puntero del mouse es perseguido por una estrella que en un principio es blanca y después del primer clic es negra.

Al hacer clic en cada letra un circulo negro se sitúa sobre la letra y el sonido .mp3 de la letra correspondiente comienza a sonar.


import ddf.minim.*;
Minim minim;
AudioSnippet audioa;
AudioSnippet audiob;
AudioSnippet audioc;
AudioSnippet audiod;
AudioSnippet audioe;
AudioSnippet audiof;
AudioSnippet audiog;
AudioSnippet audioh;
AudioSnippet audioi;
AudioSnippet audioj;
AudioSnippet audiok;
AudioSnippet audiol;
AudioSnippet audiom;
AudioSnippet audion;
AudioSnippet audio1;
AudioSnippet audioo;
AudioSnippet audiop;
AudioSnippet audioq;
AudioSnippet audior;
AudioSnippet audios;
AudioSnippet audiot;
AudioSnippet audiou;
AudioSnippet audiov;
AudioSnippet audiow;
AudioSnippet audiox;
AudioSnippet audioy;
AudioSnippet audioz;





void setup () {
minim = new Minim(this);
audioa = minim.loadSnippet("A.mp3");
audiob = minim.loadSnippet("B.mp3");
audioc = minim.loadSnippet("C.mp3");
audiod = minim.loadSnippet("D.mp3");
audioe = minim.loadSnippet("E.mp3");
audiof = minim.loadSnippet("F.mp3");
audiog = minim.loadSnippet("G.mp3");
audioh = minim.loadSnippet("H.mp3");
audioi = minim.loadSnippet("I.mp3");
audioj = minim.loadSnippet("J.mp3");
audiok = minim.loadSnippet("K.mp3");
audiol = minim.loadSnippet("L.mp3");
audiom = minim.loadSnippet("M.mp3");
audion = minim.loadSnippet("N.mp3");
audio1 = minim.loadSnippet("1.mp3");
audioo = minim.loadSnippet("O.mp3");
audiop = minim.loadSnippet("P.mp3");
audioq = minim.loadSnippet("Q.mp3");
audior = minim.loadSnippet("R.mp3");
audios = minim.loadSnippet("S.mp3");
audiot = minim.loadSnippet("T.mp3");
audiou = minim.loadSnippet("U.mp3");
audiov = minim.loadSnippet("V.mp3");
audiow = minim.loadSnippet("W.mp3");
audiox = minim.loadSnippet("X.mp3");
audioy = minim.loadSnippet("Y.mp3");
audioz = minim.loadSnippet("Z.mp3");


size (700, 400);

}

float d;
float diam=100;





void draw() {

bg=loadImage("abecedario.jpg");
image(bg,0,0,681,411);



//clic A

d=dist(50, 50, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (50, 50, diam, diam);
audioa.loop();
audioa.play();
stroke(0);
fill(0);
}

//clic B

d=dist(150, 50, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (150, 50, diam, diam);
audiob.loop();
audiob.play();
stroke(0);
fill(0);
}

//clic C

d=dist(250, 50, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (250, 50, diam, diam);
audioc.loop();
audioc.play();
stroke(0);
fill(0);
}

//clic D

d=dist(345, 50, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (345, 50, diam, diam);
audiod.loop();
audiod.play();
stroke(0);
fill(0);
}

//clic E

d=dist(440, 50, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (440, 50, diam, diam);
audioe.loop();
audioe.play();
stroke(0);
fill(0);
}

//clic F

d=dist(532, 50, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (532, 50, diam, diam);
audiof.loop();
audiof.play();
stroke(0);
fill(0);
}

//clic G

d=dist(626, 50, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (626, 50, diam, diam);
audiog.loop();
audiog.play();
stroke(0);
fill(0);
}

//clic H

d=dist(50, 150, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (50, 150, diam, diam);
audioh.loop();
audioh.play();
stroke(0);
fill(0);
}


//clic I

d=dist(150, 150, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (150, 150, diam, diam);
audioi.loop();
audioi.play();
stroke(0);
fill(0);
}

//clic J

d=dist(250, 150, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (250, 150, diam, diam);
audioj.loop();
audioj.play();
stroke(0);
fill(0);
}

//clic K

d=dist(345, 150, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (345, 150, diam, diam);
audiok.loop();
audiok.play();
stroke(0);
fill(0);
}

//clic L

d=dist(440, 150, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (440, 150, diam, diam);
audiol.loop();
audiol.play();
stroke(0);
fill(0);
}

//clic M

d=dist(532, 150, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (532, 150, diam, diam);
audiom.loop();
audiom.play();
stroke(0);
fill(0);
}


//clic N

d=dist(626, 150, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (626, 150, diam, diam);
audion.loop();
audion.play();
stroke(0);
fill(0);
}

//clic Ñ

d=dist(50, 255, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (50, 255, diam, diam);
audio1.loop();
audio1.play();
stroke(0);
fill(0);
}

//clic O

d=dist(150, 255, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (150, 255, diam, diam);
audioo.loop();
audioo.play();
stroke(0);
fill(0);
}

//clic P

d=dist(250, 255, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (250, 255, diam, diam);
audiop.loop();
audiop.play();
stroke(0);
fill(0);
}

//clic Q

d=dist(345, 255, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (345, 255, diam, diam);
audioq.loop();
audioq.play();
stroke(0);
fill(0);
}

//clic R

d=dist(440, 255, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (440, 255, diam, diam);
audior.loop();
audior.play();
stroke(0);
fill(0);
}

//clic S

d=dist(532, 255, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (532, 255, diam, diam);
audios.loop();
audios.play();
stroke(0);
fill(0);
}

//clic T

d=dist(626, 255, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (626, 255, diam, diam);
audiot.loop();
audiot.play();
stroke(0);
fill(0);
}

//clic U

d=dist(50, 355, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (50, 355, diam, diam);
audiou.loop();
audiou.play();
stroke(0);
fill(0);
}

//clic V

d=dist(150, 355, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (150, 355, diam, diam);
audiov.loop();
audiov.play();
stroke(0);
fill(0);
}

//clic W

d=dist(250, 355, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (250, 355, diam, diam);
audiow.loop();
audiow.play();
stroke(0);
fill(0);
}

//clic X

d=dist(345, 355, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (345, 355, diam, diam);
audiox.loop();
audiox.play();
stroke(0);
fill(0);
}

//clic Y

d=dist(440, 355, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (440, 355, diam, diam);
audioy.loop();
audioy.play();
stroke(0);
fill(0);
}

//clic Z

d=dist(532, 355, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (532, 355, diam, diam);
audioz.loop();
audioz.play();
stroke(0);
fill(0);
}




triangle(mouseX, mouseY +18, mouseX+16, mouseY-10, mouseX-16, mouseY-10);
triangle(mouseX, mouseY -18, mouseX+16, mouseY+10, mouseX-16, mouseY+10);

}

jueves, 20 de octubre de 2011

PROYECTO PROCESSING

Como proyecto final de Procesing, me gustaría diseñar un juego interactivo para niños, el cual tenga fines educativos y a la vez recreativos.

Una buena forma para el aprendizaje infantil es, aprender jugando. Es fundamental diseñar herramientas para que desde muy pequeños se relacionen con el mouse y la pantalla de una manera simple y entretenida.

Esta herramienta puede enseñar las vocales, los animales o los números, es algo que esta por definirse, pero la idea es que al pinchar con el mouse sobre por ej: la letra, se encuentre con al menos 3 opciones de como aprender de ella.

Una opción puede decir su nombre, otra dibujarla y una última tocar una canción que les ayude a memorizarla o tal vez un video.

Sería muy interesante subir este juego a una pagina web, donde cualquier padre o educador de párvulos pudiera utilizar como apoyo a la educación y formación tecnológica de los menores.

Esta página podría estar abierta a subir proyectos de otras personas interesadas en la eduación y el entretenimiento infantil.
La forma de presentar mi proyecto será observar como el niño interactúa con esta herramienta.

Avances:

jueves, 12 de mayo de 2011

STORYBOARD


1.Botella dentro del refrigerador en la tienda
2.Transacción comercial de la botella
3.Personaje bebe de la botella
4.Personaje termina de beber de la botella desde otro ángulo
5.La botella es tirada al basurero de reciclaje de plásticos pero cae fuera
6.Otro personaje patea la botella
7.Otros personajes juegan con la botella hasta tirarla a la calle
8.Rueda de auto aplasta la botella
9.Pasos indiferentes caminan al lado de la botella en cámara rápida
10.Personaje orina sobre la botella
11.Barrendero la junta con basura de la calle en la cuneta
12.Cáe lluvia sobre el montón de basura
13.Estudiante recoje del suelo la botella
14.Estudiante camina con la botella
15.Estudiante la arroja en el basurero de reciclaje de plásticos inicial
16.Auxiliar vacía el basurero a una bolsa de basura
17.Auxiliar camina con la bolsa
18.Auxiliar deja la bolsa en el depósito de basura central de la universidad.

jueves, 14 de abril de 2011

No importa lo fea que seas, photoshop te embellece a un bajo costo...robarte la dignidad.


Dos fotografías que se fusionan y conservan elementos de ambas.

Procesamiento de la imagen.

-En mi fotofrafía hice corrección de nariz, arrugas, cejas, dientes y ojeras. Difuminando, clonando, cortando, pegando y licuando.

-Voltee horizontalmente la foto de Aracely Arambula y le realize un giro de aprox. 35º para conseguir un ángulo donde coincidieran nuestras caras y luego inserte la imagen de mi cara dentro de la de ella.

-Trabajando en dos capas y con una foto superpuesta a la otra, comenzé a borrar la cara de la actriz y de esa forma se asomó la mía.

-Corregí la diferencia de colores en mi cara para asemejarlos a los tonos de la foto de la actriz.

-Ajuste la oreja y aro de la actriz para conseguir una proporción mas armónica en relación a la anatomía de mi cara.

-Para finalizar, aplique finos granos para otorgar una sensación de uniformidad entre la unión de las nuevas formas.