Revolucion movil

Convertir animaciones Flash en HTML5 para móviles con Wallaby

Adobe acaba de lanzar el proyecto Wallaby una tecnología experimental que permite convertir animaciones hechas con flash en documentos html compatibles con equipos de escritorio y smartphones. El wallaby es una especie de canguro pequeño y aparentemente, este cangurito viene a igualar las cosas entre HTML5 y Flash.

Como funciona?

Simplemente debes seleccionar un archivo .FLA ( creado en Flash CS5 o superior ), elegir una carpeta para almacenar los archivos y convertir la animación. Wallaby automáticamente convertirá todas las imágenes, vectores y animaciones a formato html. Esta conversión es especialmente interesante porque las animaciones que hacia flash se pasan a SVG que es un formato  standard de la W3C.

Que archivos produce?

Al final de la conversión obtendrás una carpeta con un archivo HTML, los respectivos javascripts y hojas de estilos. En una carpeta de recursos encontraras los archivos propios de tu archivo .FLA en formato, .PNG (imágenes) y .SVG (animaciones y vectores).

La gran ventaja del SVG es que es un formato standard soportado en algunos equipos móviles incluyendo los iPads y iPhones lo que permite visualizar sin ningún problema animaciones vectoriales en el navegador.

 

 

Aplicaciones prácticas

Definitivamente los mas beneficiados con esta tecnología son las empresas  que usan contenidos Rich Media y necesitan distribuirlos en dispositivos móviles, con Wallaby ya no van a tener que re-hacer trabajo adaptando sus archivos flash a formato html, ahora simplemente pueden crear contenidos en un .FLA y exportar tanto en HTML como en SWF.

También nos permite mostrar contenido alternativo para usuarios de equipos móviles con solo hacer un par de clics y ahorrarse la tediosa tarea de  hacer 2 veces la misma tarea en dos diferentes tecnologías.

Restricciones

De momento el servicio esta en forma experimental y aun tiene varias restricciones, por ejemplo no tiene ningún soporte para cualquier acción de actionscript, tampoco soporta audio ni vídeos aunque en el futuro creo que puede incluir un soporte básico de estas características. Cuando se convierte un flash con una característica que no es soportada, sencillamente se ignora y no se incluye en el HTML final.  Wallaby esta diseñado especificamente para ser compatible con navegadores basados en webkit.

Probando Wallaby en  equipos móviles

Me tomó un par de minutos crear esta página prueba , el proceso de conversión no puede ser mas sencillo. Wallaby aun esta en modo experimental y eso se nota en especial en la pobre validacion del código. Sin embargo, hay que reconocer que sin hacer mayor ajuste la prueba se mostró aceptablemente bien en los principales smartphones:

Android 3 (Honey Comb)

adobe wallaby honeycomb test

En versiones anteriores a Android 3 no se muestra correctamente, posiblemente debido a que no tienen soporte SVG

Ipad 1

wallaby test ipad

Iphone 4

wallaby iphone test

Blackberry Torch

wallaby blackberry torch test

 

Conclusión

Sin duda una herramienta aun inmadura pero muy prometedora. Especialmente útil para ofrecer contenido consistente a nuestros usuarios sin tener que hacer dos veces el trabajo. Este software es una joya para las empresas de publicidad online que ahora solo tendrán que adaptar y convertir el material que ya tienen ahorrando mucho tiempo y dinero.

Me parece especialmente importante destacar el mensaje que esta enviando Adobe con este tipo de iniciativas adaptándose a las nuevas condiciones del mercado, apostando cada vez mas fuerte por los móviles. Cada día se confirma mas que estamos en una era móvil y que las grandes empresas no están dispuestas a perderse un pedazo de este enorme pastel.

Carlos Solis

Mobile Developer & Author at Revolucion.mobi
Adobe Community Professional, Blackberry Elite Developer y speaker en diversos eventos en América Latina. Certificado W3C en buenas prácticas móviles, docente universitario y fundador del proyecto revolucion.mobi. Es autor del "Manual del guerrero móvil" y un firme creyente del potencial de los desarrolladores latinoamericanos.

Latest posts by Carlos Solis (see all)