José Vittone's Blog — Interaction & Visual Designer in Barcelona » Elisava

Elisava: Workshops del Postgrado de Diseño de la Interacción 2010

José Vittone — Tue, 23 Mar 2010 08:28:43 +0000

Video resumen trabajos de todos los alumnos del Postgrado de Interacción, respecto de los talleres realizados durante los últimos 2 meses. Este mismo material se presentó el día 18 de Marzo en Caixa Forum, y durante un mes estará rodando en el iTube del mismo lugar. Felicidades chicos!!!

Proyecto: Uncertain future

José Vittone — Sun, 07 Mar 2010 20:19:12 +0000

Proyecto realizado por Keno Cordero y José Vittone para el Postgrado de Interacción de la Escuela Elisava, Barcelona 2010. Una mirada crítica al diseño de interacción.

Aunque dentro de mi estas y sepa que no eres real, me das la sensación y el sentimiento, que por el solo hecho de ser mujer, tengo derecho a sentir y por asares del destino no lo puedo conseguir, ahora te siento, te canto, te acaricio; tu creces, te mueves y te vas.

Proceso creativo

1. Diseño crítico: diseño que hace preguntas
2. Narrativa y diseño: géneros de diseño
3. Personas, escenarios y pruebas culturales
4. Ficción social: futuros alternativos
5. Cine y tecnología: distopias cotidianas

Pre-proyecto (PDF)

Making-of

Processing: Arkanoid

José Vittone — Sat, 21 Nov 2009 20:03:09 +0000

ver código fuente

Utilizando la librería de Física desarrollada por Ricard Marxer simulamos en mítico juego Arkanoid.

Grupo: Keno Cordero, José Vittone.

Processing: Reloj “base 5″

José Vittone — Tue, 10 Nov 2009 21:00:08 +0000

Tener que explicar como funciona un reloj parece un absurdo. Se da por hecho que todos sabemos como funciona uno, como leerlo, etc. Cuando se planteó este ejercicio mi desafío fue como hacer un reloj que estuviera fuera de lo convencional pero, sin embargo, sea posible leer de la misma manera (o similar) a lo que estamos acostumbrados. Para esto necesitaba pensar… ¿cómo es que leemos un reloj de agujas?, ¿y cómo uno digital?.
Un reloj digital parecía el modelo más simple. Consta de 3 pares de números, en un orden determinado (hh : mm : ss) que recorren todo su rango (0 a 11, ó de 0 a 59), y un dato no menor, estás informaciones nunca se superponen. El nivel de interpretación es básicamente numérico. Se tiene más a decir horas más precisas con este tipo de aparatos (“son las once y treinta y seis”).
Por otra parte el modelo analógico, en una primera mirada, me pareció el más interesante. Aunque es muy obvio, un reloj analógico requiere de un cierto aprendizaje para un correcta lectura. Todas las fracciones de tiempo — horas, minutos y segundos — recorren el mismo espacio geométrico, los 360 grados de un circulo. Al margen de las diferencias de tamaño de las agujas, la mayor diferencia con un reloj digital es el modo de lectura. La tendencia habitual es agrupar o redondear el tiempo en bloques de 5 minutos, o en múltiplos de este ( por ej. “son las 5 y 10″, “las 3 y cuarto”, “… y media”).
También pensé que el espacio que ocupan los segundos es muy poco relevante, por lo que lo consideré como el dato menos necesario. En un reloj analógico el giro constante de los segundos vale para saber que todo va bien, que ese aparato está funcionando correctamente. Mientras que en el modelo digital, muchas veces se prescinde de este dato y se lo reemplaza por el titilar de los puntos divisorios.
De todos modos el modelos de agujas tiene algunos problemas de lectura en ciertos rangos horarios donde se genera confusión. Por ejemplo las agujas se ven muy similares cuando son las 12.30 ó las 6.00; las 2.45 ó las 9.15. Entonces, ¿cómo es posible que nadie tenga problema para saber que hora es? Probablemente el reloj mental sea el que nos dice que si aun es de día no hay manera de que sean las 9.15 y por lo tanto las 3 menos cuarto suene más acertado, y viceversa.

En base 5

- Prioridades: Horas, Minutos… Segundos.
- Lectura occidental (de izquieda-derecha y de arriba-abajo).
- 1 Hora = 1 punto.
- 5 Minutos = 1 circulo; 15 Minutos = 1 línea de 3 puntos.

Festival Loop 09: Entropía randómica

José Vittone — Mon, 09 Nov 2009 17:38:21 +0000

“Bajo la consigna de ‘Lo evolutivo, lo repetitivo’, nuestro proyecto consistió en representar el proceso creativo y la generación de ideas a través de videos que se repetían y mezclaban en vivo, reaccionando a la música que pinchaba nuestro DJ, Bluermutt (Giovanni Civitenga). El material se produjo usando Processing y After Effects principalmente.”

Javier Cuello

Processing: Ojos calavera

José Vittone — Sun, 08 Nov 2009 05:20:02 +0000

Fuente/Source: Icono diseñado por iconwerk.

Código fuente

Processing: dibujo con funciones

José Vittone — Sun, 08 Nov 2009 02:15:08 +0000

La semana pasada encontré en un blog muy interesante que tenía algunos posters que me parecieron muy buenos, una mezcla retro-swiss genial, y me dije “porque no hacerlo en processing, parece bastante facil”.

Una vez que me decidí por uno (aunque en verdad todos son excelentes) empecé:

Paso a paso…

1. Coloreo el fondo, y dibujo un rectángulo con ciertos margenes.

2. Dibujo 2 medios circulos de cada color, esto va a una función así lo puedo llamar después.
3. Ahora bien necesito dos juegos de repetición, uno de 8 piezas y otro de 6, para esto hago una función para posicionar todos los items. Mediante un FOR dibujo uno a uno, mientras roto una cierta cantidad de grados.
4. Solo quedan los textos para que se parezca lo más fiel al original. Venía todo perfecto hasta que caigo en que Processing tiene ciertas deficiencias en la renderización de fuentes, o al menos, con lo que aprendí al momento no alcanza. Me doy algunos días a ver si encuentro algo nuevo, y nada. Si alguien me puede recomendar algún material relacionado, bienvenido sea.
5. Wala!

Processing: Kandinsky, Mondrian, pattern

José Vittone — Wed, 28 Oct 2009 18:00:19 +0000

El último no es un artista, pero va con el mismo conjunto de ejercicios


Código fuente	Código fuente	Código fuente

Cómo se hizo “Eliss” por Steph Thirion

José Vittone — Sat, 27 Jun 2009 22:11:35 +0000

TOTO. Proyecto Videojuego

José Vittone — Sat, 13 Jun 2009 00:02:15 +0000

Concepto

La idea es crear algo que se asimile a un Expressive Game, como crítica a los fast food y la mala alimentación. Informando el impacto que esto implica en la salud del personaje.

Plot

Toto es un niño gordito, de movimientos limitados. De pequeño ha aprendido a comer comida chatarra. Desde que el vive con su padre, todos los días es pedir al delivery en su casa (un snak en el quiosko del cole, hamburgesas con amigos, pizas los fines de semana, etc). Es conciente que eso no es sano para su salud, hasta su médico se lo ha dicho, pero no puede evitar comer esa comida que se ha convertido en su favorita.

Jugabilidad

El jugador deberá armar en un determinado tiempo (entre 60 y 120 seg aprox.) la hamburguesa más completa que pueda manejando los movimientos de Toto. Básicamente se trata de un juego de puntuación/ranking con buena replay-ability. Puede hacerse un paralelo con un juego de mesa, el yenga o la torre mas alta, que todos ya saben jugar; las reglas ya se conocen o son muy simples; y se juega de principio a fin en poco tiempo.

Aleatoriamente iran cayendo componentes (lechuga, tomate en rojadas, cebolla, queso, hambueguesa, etc ). Toto se desplazará hacia los lados recolectando items en su plato antes de que lleguen al suelo, es decision del jugador que tipo de alimento va recolectando. Todos los alimentos tendrán un puntaje que se contabilizará al final de la partida, algunos sumarán más que otros.

Habrá algunos elementos que iran complejizando el juego, por ejemplo si cae una zarten y la toma hará tumbar la comida que se haya recolectado hasta el momento.

La jugabilidad es simple, Toto será controlado por el mouse
(desplazamiento izquierda / derecha) y simplemente se pondrá en posición directa hacia el alimento que se quiera recolectar, a medida que la torre vaya creciendo se visualizarán los últimos alimentos.

Cuando termine el juego aparecerá un ranking y se le mostrará una especie de tabla nutricional del tipo de comida que recolecto para Toto.

Finalmente se le pondrá en manos del jugador si Toto comerá o no el “mega-ultra-big-mac”, así dependiendo esta decisión y la magnitud de la hamburguesa el juego puede tener un doble final. En caso de elegir por “comer”, se pasará un video con los efectos de la comida en Toto.

Referencias gráficas

http://www.klonek.de (vectores, libre trazo y las animaciones son sencillas)

http://www.cristianturdera.com/ (gama tonal/ texturas/personaje)

http://www.traviskingillustration.com/ (personaje)

Grupo: Kelly Hernández Guayambuco, Manuel Perez, Jose Vittone

“In Toto we trust.”