Uno de los detalles de esta comunidad es que cada vecino cuenta con un buzón, pero en vez de recibir facturas y folletos publicitarios se le envían regalos, como wallpapers o canciones.

Una de las ideas que tuvimos para los regalos fue hacer una serie de plantas para que la gente decorara su escritorio. La gracia es que estas plantas están hechas en AIR y son interactivas, con lo que el escritorio pasa a cobrar un poco más de vida. Para haceros un idea:

La primera planta la tuve programada hace más o menos un año, y la segunda un mes después, pero no ha sido hasta el día de hoy (por mil y una razones) que no hemos lanzado una de ellas.

Este fue un proyecto del que me siento muy orgulloso, básicamente porque me divertí de lo lindo programando y porque me parece que está muy bien acabado. Y a pesar de que me hubiera encantado hablar antes de él, el hecho de que no se hubiera enviado a los usuarios de elhogar.de no daba pie a hacerlo.

De momento no puedo poner los archivos .air para descargar, pero por si a alguien le interesa echarle un vistazo en un par de días colgaré la primera planta en el Lab y en cuanto pueda iré publicando el resto.

5 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2009

Para ser sinceros, este tipo de acciones tienen bastantes números de acabar en un bodrio por tres motivos:

1. el cliente quiere todos los topicazos navideños: las luces, el árbol, el Papa Noel, mensajes de amor y buen rollo, etc etc
2. el cliente quiere su producto bien grande o en todos lados, eso sí, en versión navideña (como si la aspiradora decorada con guirnaldas fuera lo más natural del mundo)
3. el cliente quiere que se viralice, para que todos tus familiares y amigos puedan ver la aspiradora con guirnaldas y poner así nuestro granito de spam en internet

Y nosotros, como buenos samaritanos, hemos cumplido escrupulosamente con todos los puntos, pero de una forma un poquito más original y divertida (a lo mejor también es un bodrio y me estoy engañando…)

Esta felicitación es un juego consistente en una especie de tetris, donde las piezas son muebles de IKEA que tienes que ir colocando para intentar montar algo parecido a un árbol de navidad, oséase, un Arbustus Navideñus.

Una vez que lo tienes montado, puedes enviarlo en forma de postal a quien desees, con el aliciente que por cada persona a quien se lo envías, IKEA dona 0’10€ a UNICEF y Save the Children.

Sobre el desarrollo

A pesar de su aparente sencillez, el proyecto tiene varios puntos que son interesantes comentar:

Animaciones
Como siempre, TweenLite para todo. Al final queda un modelo mucho más sencillo, limpio y parametrizable que con línea de tiempo.

El juego
Está hecho con Box2DFlash y se ha encargado de producirlo Jordi de Badabing. Por “cuestiones de producto”, al final hubo que meter los muebles en una especie de contenedor, y aunque el nivel de las colisiones es más “soso” (por ser siempre objetos rectangulares), sigue siendo bastante divertido. Si tienes que hacer cualquier cosa con física, échale un ojo a este motor que es una pasada.

La postal
Para codificar el bitmapData del árbol en un JPG, se ha utilizado la clase JPGEncoder del as3corelib de Adobe, una librería de clases que contiene distintas utilidades para AS3. Este es otro recurso que llegado el caso salva muchas muchas horas de trabajo (o directamente, salva el trabajo)

El envío de la postal
Desde la aplicación se envía al servidor los siguientes datos:

• el jpg del arbustus
• el nick del usuario
• el email del usuario
• de 1 a 10 emails de los receptores
• un mensaje de texto opcional

La clase URLLoader te permite enviar datos de 3 maneras: como texto, como variables y como binario, pero no tiene una forma sencilla de hacer un envío multipart, al estilo de la clase FileReference (al menos yo no he visto nada). Así que para la ocasión, mi compañero Ernex encontró la siguiente librería: as3httpclientlib, que entre muchas otras cosas permite el mencionado multipart. La gran “pega” es que simula una petición POST pero realmente lo hace mediante sockets, y el swf lo tenemos en el servidor de IKEA y el backend en un subdominio de HerraizSoto, con lo que ahí empezó el show de la seguridad del sandbox. Para no hacer muy largo el cuento, cada vez que el socket intenta conectar con el servidor necesita cargar una política de seguridad del estilo crossdomain, con la diferencia que no puede estar fija, sino que la tiene que cargar en cada petición. Así que Ernesto acabó utilizando un script en Ruby que escucha el puerto del socket y “escupe” al vuelo dicha política para cada petición del server de IKEA.

Explicado así quizá no parezca muy complicado, pero el que se ha encontrado con problemas entre dominios, políticas de seguridad, sandbox, etc etc. ya sabe de que hablo ;)

Distintos dominios
Como comentaba, el swf y el backend estan se encuentran en sitios diferentes. Para las estadísticas se ha utilizado un crossdomain.xml típico, y para el socket la técnica que ya he mencionado. En general, siempre que me toca hacer una aplicación flash entre diferentes dominios lloro y pataleo un rato (no puedo evitarlo).

Wmode
Y como sorpresa final, una vez entregada la pieza al cliente, éste activa el wmode de la película para que un menú en javascript de la botonera de IKEA quede por encima. A partir de ahí empieza a pasar de todo: el juego se ralentiza, cambia la combinación de carácteres (incluyendo la @), se rompen algunos png’s (esta es nueva, nunca lo había visto) y alguna cosa rara más. No pude evitar acordarme de este post de Zárate :)
Por suerte para nosotros, tras documentar todo lo que estaba pasando, el cliente accedió a desactivarlo (aún quedando el menú de la web por debajo del flash!). De todas formas, muy pocos clientes son tan comprensivos.
El wmode sigue siendo un cáncer para Flash, pero hasta que no tienes que pelearte con él no suele importar mucho. ¿Y luego? Pues a sufrir…

Y hasta aquí lo más destacado del desarrollo. Ojo cuando te venga el cuentas o el creativo y te digan que han pensado “una postal muy sencillita…”

Y ya que has aguantado todo el tirón, echa el resto y juega una partidita, a ver qué te parece, y ya de paso lo reenvías, que es por una buena causa ;)

Postal de Navidad para IKEA

Happy Xmas!!!

10 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2008

Esta pregunta fue la semilla que ha dado lugar a www.bankofimagination.com, el último proyecto de Herraiz&Soto para Camper.

La idea del Banco es sencilla: un usuario crea una imaginación mediante texto, foto o vídeo y ésta queda almacenada en una caja. Multiplica por diez, por cien, por mil… y ya tienes un mundo lleno de imaginaciones para navegar.

A partir de aquí, puedes extender las imaginaciones, votarlas, buscar por usuarios, por idiomas, por tags, ponerte en contacto con los autores… y en definitiva, pasar un buen rato por un lugar atípico.

Algunas cosas sobre el proyecto

Empezamos este proyecto en julio, y una vez más hemos agotado presupuesto y excedido cualquier timing.

En un inicio era una producción nada pretenciosa, sólo un sitio para perderte un rato viendo las cosas que hacía la gente y para crear las propias, y poco a poco fueron surgiendo más ideas, nuevas opciones, vueltas de tuerca… es más, si por nosotros fuera todavía no estaría en el aire :) Pero ahí está, en fase beta (una beta muy cerrada, para que engañarnos) y con ganas de seguir mejorando cosas y añadiéndole funcionalidades.

Para la producción hemos tenido la suerte de contar con la gente de Badabing (front) y Bebop (server), y aunque en el proyecto ha participado mucha más gente, merece una mención especial la dirección de arte, a cargo de Román. Una gráfica preciosista y diferente. Muy finito ;)

Ahora toca descansar un poco de tanto color e imaginación. ¿Alguien tiene un proyecto en blanco y negro?

Site: www.bankofimagination.com

3 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2008

Nos pidieron que pensáramos en una acción cuyo objetivo fuera transmitir que "La Caixa" se esfuerza para que no haya barreras en internet.

Dicha acción recayó sobre mis dos compañeros de equipo y un servidor. Tras un poco de photoshop, un tanto de bloc de notas y algo de flash, sacamos esta propuesta:

Personalmente me gusta (qué voy a decir, no?): "simple" y directo. Se admiten comentarios :)

Y añadir 3 notas:

1. Hicimos dos formatos de la pieza: una landing interna (la que he puesto) y otra para la home de "La Caixa", pero los banners van rotando y no puedo poner una dirección fija. De todas maneras, aprovechando que en bannerblog nos la han publicado, dejo esta dirección para ver la segunda pieza:
   http://www.bannerblog.com.au/2008/03/barrier_free_zone.php
2. En el post de los punteros comentaba que el experimento salía en base a un banner que había hecho. Obviamente es este.
3. Y en el artículo donde maldecía por tener que volver a AS2 me estaba refiriendo también a este banner (por cierto, para seguir rajando de AS2, sólo hay que echar un vistazo al rendimiento de una -20 punteros- y otra pieza -120 y finísimo-).

En fin, que el banner ha dado para mucho.

8 comentarios
Compartir en Twitter | Compartir en Facebook

© llops blog 2008