citic / botNeumann

A metaphorized and gamified visualization of the von Neumann architecture for programming learning
1 stars 0 forks source link

Callout to have robot speaking #87

Closed jeissonh closed 9 years ago

jeissonh commented 9 years ago

Arturo. Para poder comunicar el relato (trama) del juego al jugador, pienso que podemos hacer hablar el robot que aparece en la escena game_menu. Para ello necesitamos un globo como los que se utilizan en caricatura:

robot-callout

El nombre del archivo podría ser callout.svg y ya que se utiliza en muchas escenas, coloquémoslo en la carpeta assets directamente.

Muchas gracias

jeissonh commented 9 years ago

En cuanto a aspectos de diseño, creo que necesitamos dos: callout_left (como el de arriba) y callout_right, que varían simplemente en la dirección de la flecha. Puedes darle el estilo futurista que consideres adecuado.

jeissonh commented 9 years ago

Las dimensiones por defecto del callout pueden ser:

aph26 commented 9 years ago

17-jul-15 8-51-08 am

jeissonh commented 9 years ago

Me gusta el diseño futurista. Necesitamos hacerle el borde mucho menos grueso. La altura del globo debe redimensionarse de acuerdo a la longitud del texto. A veces los textos son un poco largos. Este es el más largo hasta el momento y te puede servir para probar:

Como ya debe saber por las noticias, un grupo de hackers esperaron estratégicamente esta fecha, el año 3000, para explotar varias vulnerabilidades del InterServ. El InterServ es el nombre del sistema que controla varios servicios públicos internacionales, como transporte y comunicaciones. El InterServ fue construido por el esfuerzo de cientos de programadores en C/C++ durante más de 400 años. Consta de millones de unidades intercomunicadas que realizan tareas sencillas.

Si el globo se hace grande, el borde se hará desproporcionado. Quizá un borde con relieve pero muy angosto haga el trabajo :)

Muchas gracias Arturo

aph26 commented 9 years ago

Adelgazando la estructura del contorno del globo, me surgió la duda de si el formato que me señaló anteriormente de (360 px x 120 px) incluye la colilla del globo de texto, o esa dimensión se refriere al área para añadir texto?

El cuadro blanco es el formato. •Izq. Todo dentro de ese formato. •Der. Solo el globo de texto, la colilla queda por fuera. (Dando más espacio de escritura). globo_texto

jeissonh commented 9 years ago

El tamaño era sólo una sugerencia. Dado que inicialmente no pensé que algunos textos iban a ser largos, nos sirve más el diseño de la derecha.

Idealmente el globo constaría de tres partes: top, center y bottom, para hacerlo crecer verticalmente sin perder la perspectiva. Pero por el momento quedémonos con sólo uno para cada dirección de collila (left y right), en lugar de seis.

Muchas gracias

aph26 commented 9 years ago

Listo, por aquí... callout_parts