Palentino Blog - Alternativas y herramientas para la creación de animaciones HTML5 al estilo Flash

Alternativas y herramientas para la creación de animaciones HTML5 al estilo Flash

Publicado en 17 julio, 2013, por oscardelacuesta en html, Multimedia, Software, Varios, Web.

En esta entrada voy a exponeros las herramientas que he encontrado para crear animaciones al estilo Flash, pero generando HTML5.

Como sabréis, la desventaja principal del empleo de películas Flash es la no inclusión ni soporte por parte de Apple, en dispositivos como iPad e IPhone. Poco a poco el gigante informático de Apple ha ido desbancando al programa Flash con un potente competidor, el HTML5.

Por otro lado, aquellos que conozcan la filosofía de funcionamiento de estas herramientas no encontrarán grandes problemas para usarlas.

Uno de los principales «inconvenientes» de emplear HTML5 es su incompatibilidad al 100% con los navegadores web. En este sentido Internet Explorer es el que más problemas ofrece. Aún así, con el tiempo, este pequeño inconveniente desaparecerá, y se podrá apreciar las ventajas que conlleva usar HTML5.

Se ha demostrado que se puede realizar juegos bastante profesionales en HTML5 junto con otras tecnologías.

Los inconvenientes de emplear la tecnología Flash son varios, entre ellos destacan el elevado consumo abusivo que hace de la CPU. Aunque en sus últimas actualizaciones están haciendo un notable esfuerzo para solucionar este problema, aún queda algo lejos el poder compararse con HTML5 en este aspecto.

También hay que tener en cuenta que Flash es una tecnología, que aunque sea gratuita para que los usuarios puedan visualizar contenido web, para poder realizar este contenido se requiere pagar y obtener una licencia de la aplicación necesaria para crearlo, lo que supone un gasto extra.

Del mismo modo, para poder visualizar el contenido realizado con Flash se requiere de un plugin externo. Con HTML5 esto no ocurre, se puede visualizar cualquier contenido hecho en HTML5 sin ninguna aplicación externa, siempre que el navegador lo soporte.

Las herramientas que me han gustado.

1º – HYPE de http://tumult.com/

Sólo es para Mac, pero su filosofía de funcionamiento es similar a flash, admite programación. El precio es muy asequible. Me ha parecido excelente. Ver vídeos de funcionamiento.

2º- A5 Animator, http://www.a5-animator.com/

Existen una versión gratuita, pero ojo, si no la compras cuando generas el resultado, te sale una marca de agua. Además existen unas pequeñas limitaciones, es necesario comprar la PRO que vale 168 euros. No obstante es la segunda opción que más me ha gustado.

El A5 HTML5 Animador PRO es una solución completa de software para la creación de modernas animaciones web basadas en los nuevos estándares web HTML5. Este software permite crear contenido interactivo para la web, sin necesidad de conocimientos de programación. El software incluye un editor WYSIWYG perfecto para una creación sencilla y posicionamiento de objetos (por ejemplo, textos, imágenes, vídeos) mediante la técnica Drag-Drop (arrastrar y soltar). La creación de animaciones se realiza con la ayuda de fotogramas clave, ya sea introducida manualmente o automáticamente en la línea de tiempo. El software es una herramienta innovadora para la creación de modernas y grandes animaciones HTML5 sin el uso de Flash. Todas las animaciones creadas con el A5 HTML5 Animator PRO se muestran en todos los dispositivos móviles, como iPhone y iPad, al igual que en un PC o un portátil.

Estas otras herramientas tampoco están mal:

http://www.sencha.com/products/animator

http://maqetta.org/ (open socurce)

http://www.purpleanimator.com/ ->Esta herramienta es para Mac, tiene buena pinta.

Adobe se ha dado cuenta que necesita crear un producto similar a Fash para crear animaciones HTML5 y ha desarrollado Edge, pero es un servicio en la nube, de alquiler o pago mensual. Ver tarifas.

http://html.adobe.com/edge/animate/

Otra herramienta online.

http://editor.mixeek.com/v2/

Con Adobe Flash Professional CS6 ahora se puede hacer una transición fácil de HTML5 usando Flash Professional Toolkit para CreateJS.

Existe una extensión de google para convertir flash en html5,
Swiffy Extension for Flash Professional de google.