Sep 29, 2009

Palabras

Desde que empecé a programar, cada vez que veía una composición tipográfica, un collage de palabras o una letra imposible, me quedaba pensando qué básico y limitado es el texto en la web. Incluso en Flash, siempre un par de pasos por delante en cuanto a gráficos se refiere, estamos sometidos a una caja de texto. Por más que le daba vueltas nunca se me ocurría una manera diferente de generar texto. Al menos hasta que Flash 8 introdujo la clase Bitmap, y ahí empecé a imaginarme un posible camino.

Básicamente lo que quería conseguir era que partiendo de cualquier tipografía y utilizando cualquier motivo, se pudiera representar cualquier texto de forma legible (y obviamente, de forma dinámica, que sino ya está photoshop). Y aquí está una demostración:

Palabras: Ripple

Los motivos que he escogido para este experimento son corazones, hojas, trazos y manchas de sangre; y las fuentes Supernova, Eras Demi, Kristen y Saginaw.

Nota: una vez elegido un motivo y el idioma, la única forma de volver a la home es clicar en “Recargar” o refrescar la página. Me daba muuucha pereza tener que limpiar todos los recursos para dejar el experimento en el inicio :p

Puedes ver el experimento aquí

Mar 26, 2009

La Planta de Viento

En el post anterior hablaba de las plantas de IKEA. Pues bien, aquí está la primera: La Planta de Viento.

Como ya comenté, la original es una aplicación AIR, pero como de momento no puedo poner el .air para descargar he decidido adaptarla para navegador. Así se pierden algunas opciones y la gracia de tenerla en el escritorio, pero el resto es básicamente igual.

La Planta de Viento - Inicializando...

Continuar leyendo »

Oct 23, 2008

Gomets

Sin darme cuenta han pasado 7 meses desde que publiqué la última pieza del Lab, todo un mundo teniendo en cuenta que uno de los objetivos de este blog era precisamente dar salida a estos pequeños proyectos. Podría echarle la culpa a la falta de tiempo (que no es que sea mentira tampoco), pero hay otro factor que influye mucho, y es el de la búsqueda del “siempre más difícil”, con lo que varios experimentos se quedan a medias por no pasar el filtro.

Suerte que de vez en cuando hago algo como Gomets que me recuerda que el nivel de la idea siempre prevalece sobre el nivel técnico. Una pieza puede ser atractiva, plástica o entrañable sin necesidad de código muy complejo.

Gomets es un experiencia no interactiva donde pequeñas redondas de colores (de ahí el nombre) se mueven, fusionan, repelen… formando diferentes efectos visuales. Todo el código se centra básicamente en movimientos elípticos jugando con parámetros como el ángulo, la velocidad o el radio.

Gomets

También cuenta con un panel de opciones para configurar los comportamientos. Si se le dedica 5 minutos a investigar cómo funcionan se pueden encontrar combinaciones muy gustosas.

Y he de darle las gracias a mi mejor betatester, por sus consejos, por la paleta de colores, por el naming… media aplicación vaya! ;)

Puedes ver la pieza aquí.

Mar 5, 2008

Punteros

Hace poco tuve que programar un banner en el que 20 punteros se movían aleatoriamente.

Partiendo de esta base, he pulido un poco más el movimiento, los he dotado de interactividad y he añadido un centenar. El resultado es una nueva pieza para el Lab:

Continuar leyendo »

Jan 10, 2008

Ilustraciones – Serie Sin City

¿Qué se puede hacer con un canvas negro y miles de píxeles blancos?
Dejarlos fluir y esperar. Quizá se coloquen en el lugar adecuado…

Serie dedicada a uno de los comics de culto: Sin City, de Frank Miller.

Dec 13, 2007

Luz

Hay dos tipos de cuerpos visibles: los que emiten luz por sí mismos y los que la reflejan. La luz se compone de minúsculas partículas denominadas fotones, y el color de estos fotones viene determinado por su energía y su frecuencia.

Las partículas aisladas son imperceptibles para el ojo humano, pero si actúan en conjunto crean una corriente de fotones. Así nace luz.

Dec 1, 2007

Elástica

Siempre me han gustado esas piezas que transforman el mouse en un pincel y el escenario en un lienzo. Si están bien realizadas y tienen ese toque “gustosillo” se me pasan los minutos jugando sin darme cuenta.

Aquí una versión en la que gradualmente se borra lo pintado. La idea detrás de esto es redibujar continuamente los vectores sobre un bitmap y manipularlo con filtros para conseguir los fundidos.

Con cada click se modifican los valores de elasticidad y velocidad.

Dec 1, 2007

Barrido ondulatorio

Mientras programaba Ventisca de píxels, fui haciendo diferentes versiones siguiendo el mismo camino: composición de imágenes mediante píxels en movimiento.

Aquí pongo otra pieza que me gustó bastante:

Dec 1, 2007

Ventisca de píxels

La idea surge de un experimento que hizo un excompañero de Herraiz&Soto, que jugaba con la manipulación de píxels para formar imágenes. Lo programó a principio del 2005 en Java, pero no llegó a ver la luz.

Con la salida de AS3 me decidí a hacer mi propia versión (realmente lo podía haber hecho a partir de Flash 8, que permitía manipulación a nivel de píxel, pero ni hablar de la diferencia de rendimiento…).

Con esta primera pieza queda inaugurado el Lab :)

Nota para los que conocéis mi manejo del photoshop: aunque no os lo creáis, la composición es mía ¬¬