This is the proposal of a project two UPF students Jordi Vallverdú and Xavi Cosp are developing for the course on interactive systems "Taller de sistemas interactivos 2" at the UPF http://upf-interactivos2.ning.com/

1. COLOR BUBLES
Jordi Vallverdú (55214) Xavi Cosp (47786)
Curso: 2009/2010

2. COLOR BUBLES
Tabla de contenido
1. Introducción .....................................................................................................................3
2. Contexto ...........................................................................................................................4
3. Goal ..................................................................................................................................5
4. Sub-objetivos ....................................................................................................................5
5. Related Work ....................................................................................................................6
1. Mesa di voice ................................................................................................................6
6. Alternativas ......................................................................................................................7
7. Motivación/Justificación ..................................................................................................7
8. Propuesta en detalle ........................................................................................................8
1. Visualización .................................................................................................................8
2. Detección .....................................................................................................................8
3. Interacción....................................................................................................................9
9. Planning..........................................................................................................................10
Jordi Vallverdú
Xavi Cosp Página 2

3. COLOR BUBLES
1. Introducción
En la sociedad actual cada vez se valora más el físico de las personas, haciendo
cada vez más importante la forma de vestir de las diferentes personas.
Aprovechando esta situación se a intentado plantear una aplicación donde se
representa que es lo que la gente transmite a los demás. Color Bubles es un
proyecto donde se propone una visualización interactiva que intenta mostrar a los
distintos usuarios que puedan participar en ella que es lo que realmente transmiten
a los demás a partir de analizar la ropa que llevan puesta.
Además se permitirá al usuario interactuar con la instalación consiguiendo así una
experiencia más agradable y divertida.
Color Bubles es una instalación unipersonal llevada a cabo en un espacio reducido,
consiguiendo así un ambiente acogedor, donde el usuario podrá actuar con total
libertad.
Jordi Vallverdú
Xavi Cosp Página 3

4. COLOR BUBLES
2. Contexto
La instalación color bubles está pensada para llevarse a cabo en el contexto de un
probador de una tienda de ropa. Dicho probador deberá estar equipado con un
espejo en la parte central, una cámara y un proyector justo encima del espejo y
finalmente se necesita que la pared posterior tenga un color claro para mejorar la
calidad de la proyección.
Al determinar este contexto
conseguimos un espacio de
reducidas dimensiones sin
influencias externas, cosa que
permite una mejor detección de
movimientos y colores.
La proyección se hará a las
espaldas del usuario, y este la
verá a través del espejo, con
esto conseguimos que el
usuario pueda ver a la vez su
ropa junto con las burbujas
cosa que hará que los usuarios
obtengan una mejor
visualización.
El proyector se pondrá encima
del espejo para evitar que el
usuario quede cegado con la luz que este desprende. La cámara tendrá una
posición elevada para coger un buen plano de el torso del usuario ya que lo que
realmente nos interesa es la ropa que este lleve puesta.
Jordi Vallverdú
Xavi Cosp Página 4

5. COLOR BUBLES
3. Goal
El objetivo principal del proyecto és hacer saber a los usuarios que és lo que
transmiten por la ropa que llevan, no obstante hay otros objetivos mas tecnicos.
Por ejemplo conseguir que la visualización de dicha información se haga de una
manera atractiva, y con efectos que sean impactantes.
4. Sub-objetivos
Con esta instalación a parte de conseguir que el usuario pueda ver que es lo que
realmente transmite a las demás personas, se quiere que el usuario pase un rato
agradable en un espacio que normalmente es incomodo y claustrofóbico. Para
conseguir dicho objetivo se introducirán diferentes interacciones que el usuario
podrá llevar a cabo durante su estancia en el espacio.
La primera de las interacciones que se proponen consiste en que el usuario podrá
desplazar las burbujas con su movimiento, creando un efecto de que las burbujas lo
están persiguiendo allá donde vaya, la segunda de las interacciones que se propone
consiste en que con el movimiento de las diferentes partes del cuerpo el usuario
podrá desplazar las burbujas, pudiendo jugar con ellas.
Jordi Vallverdú
Xavi Cosp Página 5

6. COLOR BUBLES
5. Related Work
1. Mesa di voice
Mesa di voice es un proyecto poético donde se interactúa con la aplicación mediante
la voz y el cuerpo, creando diferentes tipos de efectos y interacciones. La idea que
nos interesa de este proyecto es la interacción del usuario con la aplicación.
http://www.youtube.com/watch?v=LZ-aR6RRRbs
Jordi Vallverdú
Xavi Cosp Página 6

7. COLOR BUBLES
6. Alternativas
Esta aplicación está hecha pensando en la idea de un probador de una tienda de
ropa, no obstante hay otras formas de llevar a cabo la misma idea.
Una de las otras opciones que se pensaban llevar a cabo, era la idea de una
pasarela. La distribución de las herramientas necesarias sería exactamente la
misma que en la del probador. Una cámara i un proyector situados a la parte
superior de un espejo, sin embargo este espejo seria alargado que acogiera toda la
pasarela. De la misma forma la pared situada enfrente del espejo habría que ser
también alargada del mismo tamaño i preferiblemente de color claro. La interacción
luego ya sería un poco diferente, donde la interacción más importante sería que las
burbujas siguieran a las personas a lo largo de la pasarela, y se dejaría un poco
apartado el tema de empujar las pelotas.
Otra opción sería cambiar el método principal, es decir, esta aplicación se centra
principalmente en el color tracking, es la base del proyecto, no obstante se podría
haber hecho una aplicación donde la idea principal fuese jugar con las burbujas que
salen y que no diesen ninguna información. De esta manera se podrían pensar
interacciones como jugar con la pelota contra una pared y podría ser hecha para
varios usuarios a la vez. Como por ejemplo, el juego del “rebote”, donde los
jugadores se ponen en fila, i la idea es hacer rebotar la pelota primero contra el
suelo, luego que rebote contra la pared, y antes de que la pelota vuelva a tocar el
suelo el jugador que sigue debe realizar la misma acción.
De la misma forma se podría realizar mil interacciones diferentes con las burbujas,
ya sea simulación de partidos de bádminton u otros juegos de pelota.
7. Motivación/Justificación
En la sociedad actual cada vez se valora más la apariencia física de las personas, y
una de las cosas que más se valoran es como viste dicha persona. Con el proyecto
Color Bubles queremos que la gente de una forma gráfica y rápida pueda
comprender al momento que transmitirá a las demás personas si viste una prenda
en concreto de ropa, también podrá apreciar que combinación de colores lleva y si
realmente estos combinan ya que al verlo de forma diferenciada y con burbujas que
lo rodearan será más fácil apreciar estos matices.
Jordi Vallverdú
Xavi Cosp Página 7

8. COLOR BUBLES
Con este proyecto no se pretende cambiar el mundo de la moda, pero si hacer más
fácil, agradable y divertida la experiencia de escoger una nueva prenda de ropa.
8. Propuesta en detalle
Como ya se ha ido viendo a lo largo de este documento Color Bubles es una
visualización interactiva. En el proyecto se pueden diferenciar muy claramente tres
apartados, por un lado tenemos la visualización, por otro la detección y finalmente
la interacción. A continuación se muestran de forma más detallada como se llevan a
cada una de estas tareas.
1. Visualización
La visualización de la información en la aplicación se realizara utilizando el concepto
de burbuja.
1. Burbujas
Para mostrar las diferentes informaciones al usuario se utilizarán burbujas, estas
tendrán forma circular con la imagen o la palabra centrada en esta. El nacimiento
de las diferentes partículas será similar a una explosión de los fuegos artificiales.
2. Detección
La detección de que está pasando dentro de la estación es uno de los pilares
fundamentales del proyecto. Dentro de este apartado encontramos dos tipos de
detección que a continuación se detallan.
2. Detección de movimiento
Para realizar la detección del movimiento se utilizará un modulo de movement
detector a partir de hacer un background substracción, consiguiendo la silueta del
usuario y así pudiendo conocer su posición dentro del espacio.
Jordi Vallverdú
Xavi Cosp Página 8

9. COLOR BUBLES
3. Detección de color
Para realizar la detección del color se utilizarán técnicas de color tracking, buscando
los colores a partir de 20 colores base que abarcaran un cierto rango de color.
3. Interacción
Para mejorar la experiencia del usuario con la aplicación se incorporará diferentes
interacciones de este con la plataforma. Se han definido dos interacciones
diferentes que se detallan a continuación.
4. Interacción por desplazamiento
Cuando el usuario se mueva por el espació de la estación las burbujas lo
perseguirán por donde quiera que vaya.
Jordi Vallverdú
Xavi Cosp Página 9

10. COLOR BUBLES
5. Interacción por movimiento
Si el usuario intenta tocar alguna de las burbujas, estas se alejaran de él, creando
un efecto de que el usuario puede controlar las partículas.
9. Planning
1. Diseño de las visualizaciones
2. Diseñar la interacción
3. Implementar la detección del movimiento
4. Implementar la detección de los colores
5. Creación de las infografías
6. Finalización del proyecto y pruebas
Jordi Vallverdú
Xavi Cosp Página 10