Hazle Voodoo a los rivales de la Selección Española en el Mundial con Voodoo Soccer
Intentando aportar nuestro granito de arena, hemos creado en Grupo Skala una aplicación en Facebook muy sencilla y simpática con un uso muy claro: hacerle vudu a los rivales de la Selección Española en el Mundial.
La colgamos en Facebook el mismo día del España-Suiza y sacarla tan justa de tiempo pasó lo que pasó :) El siguiente vudu que podeis hacer es a Honduras y esperamos que para el partido de Chile podais hacerselo a más equipos (poco a poco).
El proceso es el de siempre:
- Análisis y estructura del juego
- Bocetado de las pantallas
- Programación preliminar
- Diseño 3d y 2d
- Adaptación gráfica a la progarmación
- Conectar el juego con la capa de FBJS de Facebook (para publicar en muro, enviar amigos, etc…)
- Sonido
- Ajustes, ajustes, ajustes y para terminar, más ajustes
Si quereis saber más sobre la aplicación, pasead por los post de mis compañeros:
- Óscar Navarro, 3D y edición de sonido. Post en oni3d.com
- Gabriel Cuesta, Programación Flash y Facebook. Post en faceblog.es
- Pablo Angeletti. Diseño gráfico & Interfaz
- Gustavo Valbuena, dirección de Proyecto
- María López: Community Manager
- Eva Cuenca: diseño gráfico
Podeis ir a la página de facebook de Voodoo Soccer, os haceis fans y le claváis unos alfileres a Honduras :)
Valencia Racing Team. Juego en Facebook realizado en Grupo Skala
Igual que hice en marzo cuando anunciamos Mascletá Fallera, un juego en facebook en el que puedes crear tu propia mascletà, vamos a ver algunas imágenes del proceso de creación del nuevo juego de Formula 1 creado para la Comunitat Valenciana desde Grupo Skala: VALENCIA RACING TEAM (apps.facebook.com/valenciaracing)
De entre todas las opciones sugeridas a los técnicos de Agencia Valenciana de Turísmo, la idea que más encajó fué un sencillo juego de carreras de Formula 1 para apoyar el Gran Premio de Europa que se realiza en las calles de Valencia.
Lo que teníamos claro al hacer el juego es que con un público tan heterogéneo como el de Facebook, el manejo de juego tenía que ser muy sencillo. Vimos que lo más sencillo para sentir la velocidad y divertirte era simular un Scalextric: apretar y soltar. Más simple que un botijo :)
Coincidió que esa misma semana asistimos al taller de videojuegos de Tucamon y el profesor comentó un juego para el que lo único que hacia falta utilizar era el ratón o barra espaciadora, así que sin saberlo, ibamos por buén camino.
Lo primero era decidir el trazado del circuito, intentado utilizar la mayor zona de pantalla. Mientras Gabriel Cuesta creaba el motor del juego, decidíamos el trazado para que Oscar pudiera crearlo en 3d:
Como veis en los pantallazos, primero definimos el circuito y el tamaño adecuado del coche. En el render ya se empieza a ver el circuito y algunos edificios. Nos quedamos con las ganas de meter más edificios emblemáticos de Valencia con los que Oscar se podría haber lucido más, pero el tiempo era muy justo y tenía que estar terminado antes del evento.
Una vez el circuito estaba claro, había que incluir los elementos de HUD (velocímetro, tiempos.. vamos, el salpicadero del coche). Como podeis ver, al principio lo teníamos arriba pero al final lo bajamos para que los tiempos y los records quedaran en la misma zona. Entre el entorno de facebook y las barras de los exploradores, la altura de las pantallas se reduce bastante, por lo que separar la información arriba y abajo es bastante molesto ya que tienes que estar haciendo scroll continuamente, asi que todo en la misma zona y listos.
La pantalla de inicio también cambió bastante. Queríamos incluir a la que se está conviertiendo en la mascota: Viçent.
Lo incluimos como maestro Foguerer en la la aplicación de la Mascletà, asi que en el Valencia Racing Team no podía faltar :)
El desarrollo del juego, dentro de lo sencillo que parece, pasó por fases muy complicadas. Al ejecutarse en Flash, la velocidad dependía mucho de la potencia del ordenador donde se jugara, por lo que Gabriel tuvo que hacer mil y una maravillas para intentar igualar todos los tiempos. Cuando el único indicador de si has jugado bién o mal es el cronómetro, ¡POR TUTATIS QUE TIENE QUE FUNCIONAR BIÉN!
Al final ha quedado un juego muy sencillo y divertido en el que te puedes picar con los amigos y vende la Comunitat Valenciana ¿que más se puede pedir? :)
Os dejo una foto del equipo y enlaces a los posts de mis compañeros.
Los posts de mis compañeros:
- Oscar Navarro contando el desarrollo 3d
- El blog de Grupo Skala presentando el proyecto
- Gabriel Cuesta en Faceblog.es: Valencia Racing Team
El poder de los juegos y la computación humana
No soy un jugón, de hecho los juegos que tengo en el iphone son para ver el diseño, la interacción etc… Pero eso no quiere que no me interesen los juegos como fenómeno y sobre todo, como negocio.
Mis compañeros @gabicuesta (gabrielcuesta.com) y Oscar Navarro sí le pegan a los juegos y defienden sus “beneficios” a capa y espada, así que este video les va a encantar.
Os dejo es la charla en que Jane McGonigal dió en el TED “Los juegos online pueden crear un mundo mejor”
(En el lateral teneis una interesante opción que es “interactive script”. Es la transcripción de la charla que permite hacer click en las palabras puedes ver justo esa parte del video)
Los datos y el planteamiento que se muestra en la charla me parecen muy interesantes, pero quizás la forma de “salvar el mundo” es un poco floja. Quizás el uso de los juegos aprovechando a las personas como “computadoras humanas” me parece un área más intersante.
Para el que el que este tema de Computacion humana le suene a chino, os dejo unas referencias y ejemplos:
- Recaptcha. Usar los capchas para reconocer caracteres de libros antiguos que el ordenador no consigue descifrar
- Solución de captchas por humanos. Como podeis ver en el video de Luis von Ahn, los spamers pagan 2,5 euros la hora por solucionar captchas. Si, lo tiene que hacer personas por que los ordenadores no pueden solucionar todos los casos.
- Etiquetar imágenes. Por medio de juegos consiguen que la gente etiquete imágenes que un ordenador no podría reconocer.
Si os interesa el tema “Human based computation” (computación humana), aquí teneis algunos videos y enlaces:
- Human based computation en la Wikipedia
- Human computacion workshop 2009 en Paris
- Lista de charlas y recursos de la workshop de Paris
- Google compra recaptcha. Artículo en el blog de google
- Video de Luis von Ahn en el 2006
- Charla de Luis Von Ahn en la Carnegie Mellon University el 2009
Cada vez que etiquetas una foto en Facebook estas haciendo una labor que un ordenador no puede.
Si lo miramos de esa forma, etiquetar las fotos con un alt descriptivo es lo mismo, le estamos haciendo el trabajo de computación humana a google ya que el no sabe lo que hay en la foto y nosotros, amablemente y a cambio de una mejora en posicionamiento, lo hacemos. También hacemos lo mismo cuando aplicamos etiquetas H1, h2, strong, li, etc.. que aparte de un correcto etiquetado, google está usando nuestros “procesos mentales” en lugar de hacerlo a base de potencia de cálculo.
Creando nuestra primera aplicación en Facebook: Mascletà Fallera
Todo empezó con el tarea de pensar una aplicación/juego en Facebook para la Comunitat Valenciana. Se barajaron varios juegos (quedan en la recámara) y de las dos propuestas más fuertes, el cliente eligió la “Mascletà Fallera”:
Mascletá Fallera es un sencillo juego en el que puedes crear tu propia Mascetà Fallera, colocando distintos petardos hasta conseguir una mini mascletá a la que se asignará una puntuación que puedes publicar en tu muro de Facebook.
Este proyecto es el primero que hacemos desde Grupo Skala en Facebook. Mi compañero Gabriel Cuesta ha publicado varios juegos y aplicaciones en Facebook, por lo que toda la dinámica de obtener datos y publicar en el muro lo teníamos controlado. Podeis ver su charla sobre creación de aplicaciones en Facebook en Tucamon.
El proyecto empezó con una limitación: el tiempo. Las fiestas se nos echaban encima y había que apretar, asi que toda la fase de concepto artístico nos lo pasamos por el forro.
Al tener claro como iba a ser el juego, Gabriel Cuesta empezó la programación en flash mientras yo trabajaba la parte visual y Oscar creaba los petardos en 3d, los animaba y editaba los sonidos.
Version preliminar para programar la interacción
Como somos unos ansiosos, enseguida engarzamos las 3 partes para ver si los avances iban por el camino correcto.
Viendo que la cosa no chirriaba, aplicamos la técnica de programación PPY!: PásameloPeroYa!
A los pocos días ya teníamos un prototipo bastante funcional que había que ir limando. En ese momento nos atacó la proporción 80/20: el 20% final del trabajo ocupa el 80% del tiempo. Cualquier persona que ha visto una obra lo conoce: “pero si está terminado el edificio!, ya han levantado la estructura”. No amigo no, el alicatado se come casi todo el tiempo. Y nos quedaba el alicatado.
Elementos finales en la aplicación
Cuando la aplicación era más o menos funcional se empezó la parte de integración en Facebook: publicación en el muro, grabar datos de cada mascetà, botones para ver de nuevo la mascletà, crear pantallas especiales para ver las mascetàs publicadas, rankings, etc… Y engranar todo para que no falle.
Integrandola con el muro de Facebook
[/caption]
La verdad es que nos hemos divertido bastante en el todo el proceso, con encendidas discusiones sobre el sonido de los petardos, usabilidad, procesos, etc…
Como homenaje, los créditos de los que hemos participado en crear la nuestra pequeña Mascletà Virtual :)
- Gabriel Cuesta: Programación Flash y Facebook (su post sobre la mascletà)
- Pablo Angeletti: Interfaz y grafismo (este de aquí soy yo mismo)
- Óscar Navarro: Sonido y gráficos 3D y animaciones
- Carlos Pro: Ilustración del Señor Pirotécnic
- Gustavo Valbuena: Concepto y dirección
- Raúl Abad: Marketing Online
- Laura Hernández: Testeo
El equipo de nuevas tecnologías de Grupo skala
Como guinda, la persona que habla en las instrucciones soy yo. Voy a tener que ponerme las pilas en hablar para los tutoriales por no quedó muy fino :)
Ahora, a jugar unas partiditas a la Mascletà Fallera, a ver cuantos punticos haceis
Little Game juego infantil para el iphone
Alexis y Ariadna trasteando con mis gadgets
Es sorprendente lo rápido que aprenden los niños, pero a la hora de adaptarse y manejar aparatos “tecnológicos”, te dejan con la boca abierta.
Mi sobrino Alexis, de 18 meses, enciende la tele, el dvd, saca el disco, lo deja en la bandeja y se sienta el sólo a ver los cantajuegos. Si, no es algo increible, pero mi madre no sabe poner el TDT :)
(Por cierto, mi enhorabuena a sus creadores por que no lo veo sólo como un negocio: los niños van a recordar toda la vida sus canciones y sus bailes, y eso es más de lo que muchos vamos a conseguir en nuestra vida)
Para que puedan trastear con el iphone sin el miedo a que borren algo, lo mejor es bajarte algun jueguecito y que se emboben y por supuesto, ni contarles para que sirve ese botón grande para volver al inicio :)
Este fin de semana he probado Little Game (enlace directo a iTunesStore) , que en realidad son cuatro juegos y está desarrollado en España:
- Parejas. El juego de toda la vida de emparejar cartas con dibujos ocultos:
- Desarrollar la capacidad de atención.
- Facilitar una estrategia de recuerdo mediante asociación de imágenes.
- Desarrollar la capacidad de clasificación, reconocimiento y asimilación de conceptos.
- Desarrollar la capacidad de memoria a corto plazo y de formar asociaciones y relaciones.
- Siluetas. Tienes que encajar un objeto con su silueta. Facil y van practicando con el touch:
- Capacidad de reconocimiento de objetos.
- Discriminación de formas, colores, tamaños y posiciones.
- Capacidad para reproducir modelos.
- Análisis, hipótesis, comparación, ensayo y error.
- Laberinto. Encontrar la salida y marcar el camino:
- Desarrolla la destreza de los niños y su poder de observación.
- Mejora la capacidad de concentración.
- Desarrolla el pensamiento creativo y constructivo.
- Aumenta la destreza manual.
- Desarrolla la sensibilidad, imaginación y creatividad.
- Mejora el desarrollo de la percepción.
- Sudoku. Pense que iba a ser un poco complicado para un niño, pero con breve explicación pillan el juego a los pocos intentos:
- Estimula y potencia sus habilidades matemáticas, de lógica y pensamiento crítico.
Un detalle curioso es que mi sobrina, al empezar a jugar con el programa, intentaba usar la uña para mover las cosas en lugar de hacerlo con la yema del dedo. Se han acostumbrado a la Nintendo DS y piensan que todo funciona igual :)
Es increible la cantidad de desarrolladores que se están lanzando a hacer las cosas para el iphone para darle un mordisco al gran mercado de software que Apple ha creado.
Enlaces:
Historia del Tetris en pixfans.com
Historia del Tetris en pixfans Recuerdo cuando llegó el Tetris a las estanterías junto a los demás juegos de C64 y a la vendedora diciendo “es un juego Ruso que se esta vendiendo muy bien”. Fíjate hasta donde ha llegado
Qaop, emulador online de ZX Spectrum
Qaop, emulador online de ZX Spectrum Directamente en el navegador utilizando java. Via Twitter de Gabriel
Emulador de ZX Specrum para maemo
Estas noticias son las que le gustan a Gabriel :) Siguiendo la linea del post anterior, esta vez os paso el enlace al emulador de ZX Spectrum para el Nokia N810
Estos emuladores se pueden convertir facilmente en un agujero negro de tiempo: barbarian, camelot warrior, fredy hardest, The Sentinel, los goonies, la abadÃa del crimen, batman, mail order monstar, archon, mision imposible.. Por que no me gusta jugar, que si no ya lo tendrÃa instalado :)
Poniendo el chip de la wii para hacer backups y desarrollar juegos
El amigo Gabriel me dijo que documentara la “hazaña” de colocar el chip en la wii que permitirÃa, no solo hacer backup de los juegos que tiene el chaval, sino ¡desarrollar nuestros propios programas!.
Porque, para eso sirve colocar el chip, ¿no? :)
En fin, no soy ningún experto soldador ni me apetecÃa destrozar la wii que tanto cariño le tiene el chaval, asà que con ánimos y para hacerle su regalo de cumpleaños (11 años ya..como pasa el tiempo), decidimos regalarselo.
A mi las consolas me dan un poco igual, no tengo juegos en el ordenador, el teléfono o ipod. Me gusta ver los gráficos, las intros, los interfaces, pero jugar me aburre. Y la Wii más (os recomiendo el post “la wii es un virus” ). Prefiero “perder” el tiempo leyendo. Pero lo que sà me gusta es trastear. Mas que “manitas” soy un “valiente” ;).
Donde adquirà el chip me comentaron que era fácil y que buscara las instrucciones en internet, pero la verdad es que unas y otras estaban muy separadas: por un lado como desmontar la wii y en otro lado como instalar el chip (que no solÃa ser el que habiamos comprado), y en otro las especifiaciones del chip. Hay muchas paginas con información sobre esta operación, pero os voy a pasar la que a mi más me ayudaron. Os recomiendo el foro de www.elotrolado.net. Es una comunidad ya madura con bastante movimiento. Ya la utilizaba mi hermano con la playstation1.
A modo de recordatorio, voy a publicar los pasos en plan “wii for dummies”:
Soy Pablo Angeletti y espero que disfrutes tanto de este blog como yo lo hago al escribirlo.En infonomada.com hablo de todo lo que me interesa: internet, diseño, usabilidad, programación, gadgets, tecnología móvil, redes sociales...
