¿Así que quieres empezar a animar #HTML5?

Hace un tiempo creamos las fichas de referencia de HTML5, que tuvieron un gran éxito entre los desarrolladores web profesionales. Pero, ¿qué pasa con aquellos de nosotros que somos totalmente nuevos en HTML5 y queremos aprovechar sus potentes funciones sin tener conocimientos avanzados de programación?

He investigado y elaborado una lista de las 5 mejores suites de animación para que puedas empezar a crear gráficos impactantes para tus páginas web.

1./ Purple - Aplicación Mac OSX de 20 $ para animaciones HTML5 para iPhone, iPad y web

Hmmm, esta era la más barata de todas las aplicaciones, parece muy bien construida. Pero tiene grandes limitaciones, ya que sólo es para usuarios de Mac y no tiene funciones de ratón o animación de botones. Otro contratiempo desagradable fue navegar por su sitio de demostración, me encontré con un problema de incompatibilidad del navegador y los gráficos no se mostraban. Las demos de animación se veían bien en mi iPhone, pero no se escalaban y no se podía interactuar, así que aún hay margen de mejora.

"¿¡DI QUÉ!@#%^? - Creía que se suponía que nos íbamos a alejar de Flash y de todos sus inconvenientes".

Sí, actualmente, a menos que tu navegador sea compatible con las extensiones "WebKit", no podrás ver el trabajo en el que has puesto todo ese esfuerzo. Purple dice que en la próxima actualización de Firefox 5 se resolverá este problema de compatibilidad y, por tanto, sus animaciones HTML5 WebKit serán compatibles.

2./ Tumulto Hype - 50

La interfaz gráfica de usuario de esta suite parece especialmente bien pensada. Tienes todas las opciones de animación a tu disposición, tanto si intentas crear animaciones con el ratón, etc. Me encanta esta suite y a 50 Squids creo que han dado en el clavo con un precio asequible para mí. Ojalá tuviera un Mac. Hype sólo está disponible para Mac y no tienen planes de producir una versión para Windows.

3./ Hipopótamo - 30

Se han esforzado en crear unos tutoriales realmente fáciles de entender para su paquete de software. El precio es realmente atractivo: 30 $, aunque a veces la herramienta parece un poco torpe y con errores. Esto parece coincidir con los problemas de la plataforma Windows, a los que me he ido acostumbrando como usuario de PC. Las demostraciones de su galería muestran una gran variedad de capacidades, con animación del ratón y funciones de botón añadidas recientemente. Los desarrolladores que están detrás de esta herramienta están activos, lo que me da mucha confianza en que habrá más en el futuro con esta suite de animación, y su equipo de soporte parece realmente accesible. Definitivamente, un pulgar hacia arriba para los principiantes con HTML5, incluyendo a cualquiera que tenga miedo de la animación y las líneas de tiempo.

4./ Adobe Edge - $REVISIÓN

Adobe Edge está en versión beta preliminar, así que hazte con él mientras puedas. No tardé en sentirme decepcionado, al igual que Flash era conocido por su flujo de trabajo "poco amigable" para el usuario. Adobe Edge empieza pareciendo tener un diseño más intuitivo, pero parece carecer de muchas herramientas de edición. Estoy seguro de que se trata sólo de una limitación del uso de la versión Beta, pero me siento muy limitado a la hora de poder crear nuevos conceptos cuando quiero trazar rutas con formas diferentes, o recortar ventanas.

5./ Sencha Animator - $199

Vaya, esta suite lo tiene todo, pero el principiante puede asustarse o confundirse fácilmente con la disposición de las páginas de compra. Sencha es la que lleva más tiempo en el mercado y probablemente tenga la suite de edición más estable que existe. Dispone de una increíble variedad de herramientas de codificación, e incluso de un foro de soporte muy bien organizado. Pero la decepción es que actualmente es el más caro del mercado, y como principiante seguro que es el software más barato que Sencha ofrece, pero si miras hacia abajo en la lista o en las barras laterales, hay mucha navegación cruzada a herramientas de arquitecto desarrollador, paquetes de mayor precio, cursos de formación increíbles en diferentes softwares, y de repente te desconciertas en tu primer intento de codificar HTML5 y piensas: "¿quizás deberías acostumbrarte a una herramienta más sencilla antes de invertir 200 pavos?

Resumen de las herramientas de animación HTML5

En general, creo que Tumult Hype es el ganador para mí, por su facilidad de uso de la interfaz gráfica de usuario y su gama de funciones. Tanto es así que puede que tenga que comprar un Mac sólo para utilizar esta plataforma de edición. Mientras tanto, Hippo Animator me servirá siempre que pueda soportar sus fallos. ¡Ya se me ha estropeado 3 veces en una sesión!