Cargando

Español  English

Blog

Por Enrique González

De Flash a HTML5 para el iPad

Después de muchos años animando y programando en Flash, parece que esta herramienta va a desaparecer de la web en favor del HTML5 (sólo de la web, porque se seguirá usando para aplicaciones de escritorio y demás). Una de las razones es la negativa de Apple de dar soporte a Flash en sus dispositivos móviles, y dado que estos dispositivos se usan cada vez más para navegar, habrá que pasar por el aro.
De manera que para hacer animaciones que se vean en el iPhone / iPad, no queda otra que hacerlas en HTML5.
Ahora mismo hay varias formas de convertir los Flash en HTML5:

wallabyAdobe Wallaby

Esta herramienta aun en fase beta de la propia Adobe importa directamente los fuentes "fla" y los convierte en HTML5 (genera varios ficheros, incluidos los gráficos en formato SVG).

El problema es que es muy limitada, al menos en esta fase beta. Solo permite hacer animación muy básica: No permite alfas, botones, actionscript (bueno, el stop() sí funciona) y muchas cosas más, por lo que por ahora vale para muy poco.

swiffy_150x150Google Swiffy

Esta herramienta de Google es toda una sorpresa, partiendo del "swf" (ha de ser generado con compatibilidad Flash Player 8 - Actionscript 2) genera HTML5 con bastantes posibilidades. Al contrario que el Wallaby, sí permite botones, alfas, actionscript básico y bastantes cosas más.
El swf es convertido en 2 ficheros, un html y un runtime.js.
Swiffy crea una representación en JSON de la animación, que es interpretada mediante Javascript.
Todas las pruebas que he hecho han ido bien, se ven perfectamente en el iPad tanto en el Safari como en una app con una uiwebview. De hecho la galería de ejemplos que aporta Swiffy está muy bien, a ver que futuro nos depara el tema.

Mientras los editores HTML5 sigan tan verdes (veremos que pasa con el Adobe Edge), habrá que seguir convirtiendo Flash a HTML5.

  • Fecha16-10-2011
  • 2

    comentarios

  • Avatar
    Super fácil! pensé que las animaciones morirían. Gracias por tu artículo, me fue de mucha ayuda =)
    05-12-2013 03:45
  • Avatar
    Saludos, tienes información sobre la manera correcta para pasar un archivo HTML5 al iPad, hay algún truco o algo o solo arrastro el HTML5 al IPAD¿??¿¡'.
    17-01-2014 15:50
  • +

    Deja un comentario