martes, abril 28, 2009

Augmented Reality, levelHead v1.0, 3-cube speedrun *SPOILER*



As yet unseen footage of the first stable version of levelHead, an augmented-reality spatial-memory game by Julian Oliver.

This is a spoiler for the first 3 cubes: the relatively easy red cube, the tricky green cube and finally the very difficult orange cube (dubbed the 'Apartment').

Don't watch this if you want to solve them yourself!

Read more about the project here:
http://julianoliver.com/levelhead

For a better quality version of this video, see this Vimeo page: http://vimeo.com/1320756

jueves, abril 23, 2009

Los Peces Making Of

Aquí algunos destalles, fotos y vídeos de cómo hicimos www.lospeces.es

En primer lugar, si no lo sabes ya, Los Peces es un grupo de pop de aquí de España. En Marzo del 2009, el mes pasado, lanzaron su segundo trabajo, así que esto es lo que hicimos:

Lo primero de todo, teníamos la web anterior desde el 2006. Yo mismo la hice, muy simple, un menú con un slide de fotos, rápida y visual con fondo negro.


Teníamos también un logo simulando el yin-yan, con dos peces que se muerden la cola:
Esto lo usamos como precarga en la nueva web.
También teníamos el nuevo vídeo de la banda, un stop-motion de corte beatle. Está rodado dos veces, es decir, pintaron a los músicos dos veces, Clara va seguido y Santi en stop-motion con el resto del escenario. La segunda parte del vídeo está producida hacia atrás. De chinos. El vídeo es de Rafa Sañudo de RARO.net



El vídeo definía también el arte del disco, así:


Así que, antes de hacer nada colgamos un previo con la portada del LP y una fecha de lanzamiento:


Aquí los primeros stories del website: Yo es que me encanta hacer cajas, cualquier día me hago planner o especialista en prototipado y así me olvido de variables y bucles. La idea era hacer una elección de personaje para ir nadando por el fondo del mar, con peces, burbujas, un fondo marino, etc.

Al principio pensamos en poner a los dos miembros de la banda y dos peces pero esto hubiera creado confusión con el resto de peces, así que sólo pusimos dos personajes.


Más, esta es la newsletter o mailing que se envió a toda la prensa, radios, tv, etc.


Siguiente paso, las fotos promocionales, fuímos al estudio de Blanca del Amo que hizo todo esto:


Con este material hablé con la ilustradora que a partir de las fotos hizo los dibujos. Este para Santi:


Este para Clara:


También teníamos los dibujos de los pececillos, el fondo, etc.


Respecto a la programación: Diría que es una web migrando de AS2 a AS3, está hecha en Actionscript 3 pero con la forma de pensar de AS2. No tuve tiempo para usar un framework pero sí para implantar las detecciones de colisiones de GSkinner, Tweenlite con llamadas recursivas, Diseño líquido de NoPonies, Google Analytics para AS3, etc.

Aquí están los primero trials del movimiento:


Yo al principio pensé en fotos pero luego fue muy divertido cuando vi los dibujos y el fondo blanco:
- Ey! Pero el fondo del mar es azul!
La ilustradora se rió de mí y al final abandoné mi mente cerrada
- Qué bueno que te sorprendan en diseño!

Así que en beta todavía pero la web va así: Hay una intro donde puedes elegir el personaje y luego sales nadando. Al pulsar el ratón subes, al soltar bajas. Al hacer scroll aumentas el tamaño del nadador, y al revés:


Hicimos también algo de 2.0:
Un blog oficial para que postearan los miembros de la banda:


Un canal de YouTube:


A flickr gallery:


Un perfil de facebook sincronizando todos los contenidos con Flickr, YouTube, Wrodpress, etc.:


Y por último una tienda todavía en pruebas:




Los créditos de la web:

Concepto: Fernando Comet y Miriam Arjona
ilustración: Miriam Arjona
Programación: Fernando Comet
Loops: Santiago Comet
Música: Los Peces
Redes sociales: Fernando Comet y María Díaz

Fotografía
Fotos estudio: Blanca del Amo
Fotos disco: Rafa Sañudo
Fotos conciertos: Ramón Comet
Resto fotos: Los Peces y Jordi Fuster

Vídeos: Rafa Sañudo


Podéis ver le proyecto también en Behance

viernes, abril 17, 2009

Web Trend Map 04, el futuro de la web

InformationArchitects acaba de lanzar la WebTrendMap04.
¿Qué podemos decir?

No sé, puedes ver las versiones anteriores en WebTrendMap08 here.

Yo creo que es bastante pronto para hablar de hacia donde va la web. Primero estuvieron los de usabilidad y webs accesibles dando mucho mal, pero ahora ya nadie habla de ellos. Ahora están los 2.0 dando más mal todavía. Otros hablan de lo que nunca va a ser, la web semántica. Otros quieren que el futuro de la web sea a lo MinorityReport (influencia Wii e iPhone). Más todavía, hay quien quiere cargarse el navegador así por las buenas. Adobe por ejemplo con AIR. ¿O es AIR sólo un acercamiento para entrar en el iPhone? ¡Cuidado que esto sí puede ser! Hay quien dice que la web está muerta, ¡larga vida al móvil!

Comet dice: El ratón está muerto, eso seguro. Y el mando de la TV también. En el momento en el que Internet se coma a la TV si ya no lo ha hecho y se sincronice con los terminales móviles tendremos un nuevo escenario si es que ya no está...

Todo se verá...

jueves, abril 16, 2009

¿Qué significa la publicidad?

Estoy leyendo 99Francos de Francs Frederic Beigbeder.



Os paso una cita vía Inusual:

"A todos los que trabajáis y vivís de la publicidad, a todos los que sois consumidores de lo que ésta anuncia, que por favor se os meta en vuestra cabeza que todo es provisional: el amor, el arte, el planeta Tierra, vosotros, yo. La muerte es algo tan ineludible que pilla a todo el mundo por sorpresa. ¿Cómo saber si este día no será el último? Creemos tener tiempo. Y luego, de repente, ya está, nos ahogamos, fin del tiempo reglamentario. La muerte es la única cita que no está anotada en nuestra agenda PDA.

En mi libro (y ahora película) me llamo Octave (Octavio en español) y llevo ropa de APC. Soy publicista: eso es, contamino el universo. Soy el tío que os vende mierda. Que os hace soñar con esas cosas que nunca tendréis. Cielo eternamente azul, tías que nunca son feas, una felicidad perfecta, retocada con el PhotoShop. Imágenes relamidas, músicas pegadizas. Cuando, a fuerza de ahorrar, logréis comprar el coche de vuestros sueños, el que lancé en mi última campaña, yo ya habré conseguido que esté pasado de moda. Os llevo tres temporadas de ventaja, y siempre me las apaño para que os sintáis frustrados. El Glamour es el país al que nunca se consigue llegar. Os drogo con novedad, y la ventaja de lo nuevo es que nunca lo es durante mucho tiempo. Siempre hay una nueva novedad para lograr que la anterior envejezca. Hacer que se os caiga la baba, ése es mi sacerdocio. En mi profesión, nadie desea vuestra felicidad, porque la gente feliz no consume.

Vuestro sufrimiento estimula el comercio. En nuestra jerga, lo hemos bautizado "la depresión poscompra". Necesitáis urgentemente un producto pero, inmediatamente después de haberlo adquirido, necesitáis otro. El hedonismo no es una forma de humanismo: es un simple flujo de caja. ¿Su lema? "Gasto, luego existo." Para crear necesidades, sin embargo, resulta imprescindible fomentar la envidia, el dolor, la insaciabilidad: éstas son nuestras armas. Y vosotros sois mi blanco.

Me paso la vida contándoos mentiras y me lo pagan con creces. Gano 13.000 euros al mes (sin contar las dietas, el coche de empresa, las stocks-options y el blindaje contractual). El euro ha sido inventado para que los salarios de los ricos parezcan dieciséis veces menos indecentes.

Estoy En Todas Partes. No os libraréis de mí. Dondequiera que miréis reina mi publicidad. Os prohíbo que os aburráis. Os impido pensar. El terrorismo de la novedad me sirve para vender vacío. Preguntad a cualquier surfista: para mantenerse en pie resulta indispensable tener un espacio vacío debajo. Hacer surf consiste en deslizarse sobre un enorme agujero (los adictos a Internet lo saben tan bien como los campeones de surf de Lacanau). Yo decreto lo que es Auténtico, lo que es Hermoso, lo que está Bien. Elijo a las modelos que, dentro de seis meses, os la pondrán dura. A fuerza de verlas retratadas, las bautizáis como top-models; mis jovencitas traumatizarán a cualquier mujer que tenga más de catorce años. Idolatráis lo que yo elijo. Cuanto más juego con vuestro subconsciente, más me obedecéis. Si canto las excelencias de un yogur en las paredes de vuestra ciudad, os garantizo que acabaréis comprándolo. Creéis que gozáis de libre albedrío, pero el día menos pensado reconoceréis mi producto en la sección de un supermercado, y lo compraréis, así, sólo para probarlo, creedme, conozco mi trabajo.

Mmm, penetrar vuestro cerebro resulta de lo más agradable. Me corro en vuestro hemisferio derecho. Vuestro deseo ya no os pertenece: os impongo el mío. Os prohíbo que deseéis al azar. Vuestro deseo es el resultado de una inversión cuyo importe está cifrado en miles de millones de euros. Soy yo quien decide hoy lo que os gustará mañana.

¿No resulta espantoso comprobar hasta qué punto todo el mundo parece considerar normal esta situación? Me dais asco, insignificantes esclavos sometidos a mis más mínimos caprichos. ¿Por qué habéis permitido que me convierta en el Rey del Mundo? Me gustaría resolver este misterio: averiguar de qué modo, en el punto más álgido de una época cínica, la publicidad fue coronada Emperatriz. En dos mil años, nunca un cretino irresponsable como yo había logrado ser tan poderoso. Me gustaría dejarlo todo, largarme de aquí con mis ahorros, llevándome droga y unas putas a una mierda de isla desierta. ¿Qué le voy a hacer si la humanidad ha decidido reemplazar a Dios por productos de gran consumo?

Para someter la humanidad a la esclavitud, la publicidad ha elegido la discreción, la agilidad, la persuasión. Vivimos en el primer sistema de dominio del hombre por el hombre contra el cual incluso la libertad resulta impotente. Al contrario, su mayor logro consiste precisamente en apostar fuerte por la libertad. Cualquier crítica le da protagonismo, cualquier panfleto refuerza la ilusión de su dulzona tolerancia. Pero acaba sometiéndoos de todos modos. Todo está permitido, nadie te echa una bronca si alborotas el gallinero. El sistema ha alcanzado su objetivo: incluso la desobediencia se ha convertido en una forma de obediencia."

Me hizo pensar bastante la verdad...

lunes, abril 13, 2009

Revisando el congreso Web 2.0

No estuve allí, pero alguien me pasó todo el material de la conferencia. Así que me pegué una tarde leyendo pdfs, viendo presentaciones y nuevas aplicaciones. Evidentemente terminé saturado de tanta red social y tanto 2.0. Yo la verdad, espero que esto sea una moda, estoy por crear un moviento contracultural anti 2.0.

De lo que más me sorprendió: Twistori, Braintraffic, Coremedia y esta presentación de Whuffing:

miércoles, abril 08, 2009

Banners con 1 frame en Actionscript 3. Llamadas recursivas con TweenLite

Algo así:

Sin animación en línea de tiempo. Lo podeís ver aquí. Y descargarlo aquí.

El código:

import gs.TweenLite;

function infiniteMovement()
{
cuad_mc.x=0;
TweenLite.to(cuad_mc, 5, {x:250, onComplete:onFinishTween, onCompleteParams:[4,tracker_mc]});
}

function onFinishTween(parameter1:Number,parameter2:MovieClip)
{
infiniteMovement();
}

infiniteMovement();

stop();

tracker_mc es un moviclip fuera del escenario. Lo utilizo como referencia para que cuando termine la animación de cinco segundos volver a llamar a la función infiniteMovement()

Más sobre tweenlite en GreenSock

La verdad que antes pensaba que era mucho mejor hacer todo por código. Últimamente me pego bastante con la línea de tiempo, así que en mi opinión lo mejor es controlar ambos. De hecho los mejores trabajos yo creo que combinan línea de tiempo y Actionscript. AS3 me permite controlar mejor la interacción del usuario: Si el usuario es activo o pasivo puedo hacer tal o cual cosa a los x segundos. Algo así hicimos en una campaña para la Mutua.

Disqus for Actionscript & Comet