llops blog

Empecé a hacer mis primeros pinitos en Flash allá por el 2001, y hasta principios del 2004 el tema del framerate fue un factor completamente irrelevante para mí. Tanto que no fui consciente hasta mucho tiempo después, cuando recuperé las películas y vi que todas corrían a 12 fps (el valor por defecto del programa). Sólo una web cuyo esqueleto había iniciado un diseñador funcionaba a 20 fps.

En marzo de 2004 me sumé al proyecto Mahou en Herraiz&Soto, y la web corría a 15 fps. Nueve meses después lanzamos una nueva versión del site que lo hacía a 25 (supongo que los diseñadores y animadores meterían mucha presión).

Continuar leyendo »

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.

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í.

El título bien podría corresponder a una película de Disney, pero no. Balsamiq es el nombre de la empresa creada por Giamoco Peldi, y Mockups uno de sus productos. Dicha aplicación (que he descubierto a través de este artículo) sirve básicamente para crear wireframes.

Tras contactar con Peldi, me facilitó una licencia gratuita del programa, y después de probarlo durante un buen rato, lo menos que puedo hacer es escribir una review. Aunque antes de entrar en detalles sobre la aplicación, para aquellos que no estén familiarizados, voy a dedicar un apartado a explicar algunos conceptos relacionados con el mundillo de la “arquitectura web”.

Nota: Para los más puristas, me gustaría aclarar que éste no es un artículo exhaustivo sobre el tema. Los términos utilizados suelen ser muchos (wireframe, mockup, prototype, arquitectura web, blueprint, layouts… más las correspondientes traducciones al castellano) y en algún caso, el significado entre ellos es muy sutil. Así pues, para este post, daré por buenas mis definiciones “caseras”.

Continuar leyendo »

A pesar de tener poco cero tiempo para dedicarle al blog, no quería dejar de escribir este pequeño tip sobre como se recogen variables externas en AS3. No es que sea nada muy complejo (la verdad es que incluso en la ayuda se comenta), pero me resultó curioso cuando el otro día un compañero me preguntó si lo sabía y me di cuenta que en todo este tiempo tocando AS3 no había tenido necesidad de usarlo… Así que lo documento por si existe por ahí algún despistado como yo :)

Continuar leyendo »

Yugop. Siempre Yugop.

Mi proceso anímico frente a cada nueva pieza suya suele cumplir este orden: expectación, admiración y frustración (sana, pero frustrante al fin y al cabo). Igual que en el ajedrez, que cuanto más progresas más consciente eres de la inmensidad del juego, ponerte delante de una obra de Yugo Nakamura es como enfrentarte a un Gran Maestro: cuanto mejor seas más limitado te hará sentir.

Su última obra en cuestión es FontPark 2.0 para Morisawa, una compañía japonesa con más de 80 años de antigüedad cuyo negocio gira entorno a la tipografía. Y como no podía ser de otra manera, la tipografía juega el rol principal en esta micro: a partir de un alfabeto japonés puedes arrastrar letras al escenario y hacer tus propias composiciones, dibujando caras, paisajes o lo que se te ocurra.

Continuar leyendo »

Hace ya varios años, en una época en la que la web estaba poblada de páginas estáticas y todo el movimiento se reducía a los gif, un programa llamado FutureSplash consiguió sorprender a todos por su increíble capacidad para la animación.

Emulando el sistema de cinematografía, basado en proyectar fotogramas de forma rápida y sucesiva para lograr la sensación de movimiento, FutureSplash incorporaba una linea de tiempo en la que se podía dibujar frame a frame para reproducir luego la película.

Un año más tarde, ese revolucionario programa fue adquirido por Macromedia y nació Flash 1.0, para acabar evolucionando actualmente en Flash CS3, de la mano de Adobe. Y por sorprendente que parezca, nueve versiones después, la filosofía para generar animación se ha mantenido intacta.

Al margen de la animación tradicional en linea de tiempo, la otra forma de generar animación es mediante código, y en ActionScript sí que ha ido evolucionando el tema:

• En Flash 5 se introdujo el archiconocido enterFrame.
• En Flash MX nos obsequiaron con setInterval (lo recuerdo como una gran novedad).
• Y ya en AS3, se ha apostado por la clase Timer como sucesora de setInterval.

Así pues, en Flash 5, para animar mediante código se utilizaba enterFrame, pero con la introducción de setInterval la comunidad empezó a dividirse entre partidarios y detractores de uno y otro sistema. Es fácil encontrar discusiones en blogs, foros y listas sobre este tema, y personalmente he perdido la cuenta de cuantas veces he debatido sobre ello.

En este artículo vamos a estudiar la clase Timer (setInterval está desaconsejada, pero la lógica se puede aplicar igualmente) y el evento enterFrame, con la esperanza de poder definir cuándo es mejor usar una u otra.

Continuar leyendo »