mga/blog

ISSN 2011-0146

Una línea de tiempo de videojuegos

publicado en diseño,general,información,interacción,juegos,visualización,web por mga en January 25, 2010

Hace rato que quiero hacer una línea de tiempo de la historia de los videojuegos. Combinaría varios de mis intereses: visualización de información, historia, tiempo y videojuegos. Actualmente dicto un curso de historia de los videojuegos en el Departamento de Diseño de la Universidad de los Andes y una línea de tiempo sería útil y elegante.

Por cosas de la vida un cliente me comisionó un trabajo de una línea de tiempo (que luego linkearé una vez esté terminado) y decidí usar ese proyecto como punto de partida para mi línea de tiempo. Es por esto que puedo ahora presentar (drumroll):

La línea de tiempo de la historia de los videojuegos

El link es: http://www.mauriciogiraldo.com/vgline/beta/

clic para ver imagen completa

Decidí destacar ocho tipos de eventos en la historia de los videojuegos:

  1. personas (a partir de su nacimiento) de importancia: creadores de juegos, científicos, artistas, empresarios.
  2. negocios: empresas o eventos corporativos relevantes.
  3. consolas o soportes (hardware) sobre el cual se ejecutan los videojuegos.
  4. juegos
  5. accesorios y controles que funcionan o se conectan a las consolas.
  6. tecnologías relevantes.
  7. culturales: eventos que han influenciado de diferentes formas el mundo de los videojuegos (libros, películas, ideas o teorías científicas, etc.).
  8. otros eventos que sirven para contextualizar los anteriores con respecto al mundo en su momento.

Cada tipo de evento puede estar relacionado a otros de tres formas:

  • creación (evento A creó evento B): por lo general usado para relacionar una persona con los juegos que ha realizado
  • inspiración/relación (evento A está relacionado o fue inspirado por evento B)
  • series (evento A precede a evento B): para “secuencias” de eventos (ej.: los diferentes “Marios” de Nintendo se asumen como sucesiones secuenciales)

Toda esa información presenta el problema de cómo visualizarla de la forma más clara para el usuario. Para hacer visibles las relaciones se oprime la tecla SPACEBAR:

relaciones entre eventos

En el estado inicial aparecen muchas relaciones y aún falta poner muchísimos eventos. Es por esto que decidí permitir al usuario encender/apagar eventos y líneas de relación (puede usar el teclado). De esta forma, si apago todos los eventos menos personas y juegos puedo ver la misma pantalla con menos “ruido”:

relaciones juegos - personas

Es difícil (hasta diría que imposible) hacer que la interfaz grafique automáticamente todos los eventos y relaciones evitando que líneas se superpongan. Sin embargo creo que la actual solución es agradable y fácil de entender una vez uno le ha metido un par de minutos a jugar (no era la idea hacer una interfaz convencional, quería experimentar un poco con eso).

Esto es lo que se ve si prendo solamente las relaciones tipo serie junto con los juegos:

series de juegos

Se puede apreciar que Doom II va después de Doom y que hay otro juego posterior en la serie. Riven es posterior a Myst, etc.

Buscador

Los usuarios son flojos (bueno, todos menos usted) y si no logran encontrar lo que están buscando en un par de segundos, desistirán e irán a otro sitio web. Adicionalmente, en grandes cantidades de información es difícil predecir por dónde van a llegar a un dato en particular. Es por esto que la línea de tiempo cuenta con un buscador:

resultado para "nintendo"

¡Viva el open source!

En mis años de trabajo web me he apoyado en gran cantidad de librerías/programas/contenidos web libres (conocidos en inglés como open source) y, cada vez que puedo, procuro colaborar de vuelta. En este caso he abierto un proyecto en Google Code para que, el que sepa de ActionScript 3 y Flash, mire a ver que puede sacar de ahí (no pienso dar soporte a ese código, úselo bajo su propio riesgo).

Cosas por hacer

La línea de tiempo está lejos de terminarse, pero es un comienzo. Entre las cosas que quiero hacer:

  • contenido en español: desafortunadamente la gran mayoría del contenido sobre videojuegos disponible en la web se encuentra en inglés, y quisiera tener todo al menos en inglés y español
  • contenido completo: falta una gran cantidad de información (¿quién dijo SEGA?) y quisiera que fuera una línea exhaustiva y precisa (fechas)
  • experimentar: una vez haya muchos más eventos será interesante jugar visualmente con el contenido
  • compartir: hay un RSS con todo el contenido de la línea y la idea es que quien quiera hacer su propia visualización pueda usar ese contenido (un API sería más elegante) aunque la verdad mi servidor es un poco precario para aguantar mucho tráfico

Detalles técnicos (y demás)

Varias personas han colaborado, ya sea ingresando eventos o dando su opinión. Entre ellos: Nicolás Arteaga, Vanessa Gómez, Andrea D’Macedo, Manuel Piñeros, Sebastián Ramírez, Rafael Tudela y Cárlos López. Si quiere colaborar o si encuentra alguna impresición en el contenido de la línea, no dude en contactarme.

Si quiere saber qué hay detrás de todo, la línea funciona sobre Drupal (que, a su vez funciona sobre PHP, MySQL y Apache) al que me conecto desde Flash usando AMFPHP (Drupal tiene un módulo para AMFPHP pero igual ha tocado meterle algo de mano para que funcione con las relaciones). Esto tiene la ventaja que se genera automáticamente una versión texto plano del contenido. El servidor está un poco lento (en la primera cargada ya que trae toda la base de datos) y tengo que ver como optimizar mejor todo para que ande mejor (se reciben ideas).

El proyecto ha sido apoyado por Powerflasher, la gente detrás de FDT (el programa que uso para escribir todo ese ActionScript que ve en Google Code).

7 comentarios to 'Una línea de tiempo de videojuegos'

Suscríbase a los comentarios con RSS o TrackBack a 'Una línea de tiempo de videojuegos'.

  1. nomeacuerdo said,

    on January 25th, 2010 at 10:53

    Ola, que calidoso se ve eso ala.

    Bacano haber podido participar y aportar alguito.


  2. on January 30th, 2010 at 16:41

    […] is an english translation of a previous post. I believe english readers could be interested in this […]

  3. mga said,

    on February 2nd, 2010 at 00:26

    destacada en CreativeApplications.net: http://www.creativeapplications.net/flash/history-of-video-games-flash/


  4. on February 3rd, 2010 at 05:44

    […] historia, tiempo y videojuegos) para crear una infografía interactiva que nos permita conocer más detalles sobre la historia de los videojuegos por medio de ocho tipos de eventos y protagonistas que han influido de alguna manera en la […]


  5. on February 3rd, 2010 at 20:44

    […] que vió la luz pública (hace tres días), la línea de tiempo de videojuegos ha tenido buena recepción. Definitivamente […]


  6. on February 4th, 2010 at 04:50

    […] con diferentes webs o bien obtener una visión general y bastante impactante a través del timeline que ha creado un profesor de la asignatura más alucinante del mundo: Historia de los […]

  7. Dominique said,

    on March 26th, 2011 at 16:13

    muchisimas gracias
    me parecio que tu sitio veb es magnifico.
    Ma auydo en mi trabajo.

Opine