Christmas Mishap. Ayuda a Papa Noel estas navidades

El año se cierra con unas tendencias bien claras: el socialmedia ha crecido de una forma que no podíamos imaginar y el mercado de las aplicaciones y juegos para iphone se ha convertido en una un hervidero de nuevas empresas de desarrollo para móviles.

Aplicaciones a precios reducidos y juegos de mecánica simple han “atrapado” a los jugadores casuales  consiguiendo que pequeños estudios (en algunos casos de sólo un programador) encuentren  una vía de ingresos directa con el usuario y si tienen suerte, hacer muuuucho dinero con la venta de apps.

A diferencia de muchas milongas que se leen por ahí sobre el socialmedia, con los juegos estamos hablando de pasta, no de promesas: “Se puede vivir del videojuego sin inversiones millonarias” o “Un estudiante vallisoletano de 15 años crea un juego para el iPhone”

El juego que hemos probado es Christmas Mishap y está desarrollado por Lucera Project: a papa noel se le van cayendo los regalos y tienes que recogerlos:

Hay un detalle que se pasa por alto con las aplicaciones para iphone (no puedo hablar de las de android por que no he comprado ninguna) y que me parece todo un acierto: al comprar una aplicacion con tu cuenta de iTunes la puedes instalar en todos tus dispositivos. En mi caso, que el zagal usa el iPodTouch, @maribeltoral el iPhone 3g y yo el 4 (lo van heredando), el poder instalar juegos y utilidades libremente en cualquier aparato hace que me lo piense menos al comprar una app.

Con la cantidad de información y tutoriales sobre programación para iPhone que hay disponibles, me parece que voy a intentar darle forma a alguna chorra idea que tengo anotada por ahí. Quién sabe… ;)

Enlaces:

• Instalar Christmas Mishup en el iPhone/ipod/iPad
• Christmas Mishap para Iphone
• Lucera Project

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

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

Compartiendo la aplicación en Twitter

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