julio 23, 2013

Adobe Edge, primera impresión

Actualmente los sitios que usan HTML5 están acaparando gran parte de los sitios animados e interactivos que visitamos día a día. Adobe esta tratando de no quedase atrás con sus IDEs y a lanzado una serie de programas destinados a llenar este espacio que tenían sus paquetes de diseño. Últimamente me di a la tarea de revisar su herramienta llamada "Adobe Edge animate CC" En esencia es un intento de crear un híbrido de flash para HTML5. Ha sido un buen intento pero la herramienta, al momento de escribir este post, tiene que ser calificada como muy rudimentaria.

No se le puede pedir mucho ya que tiene que trabajar en base a los estándares de HTML5 actuales. Si los usuarios están esperando ver un flash html5 desde ya hay que advertir: saldrán decepcionados. Edge no es eso. Cumple su función de ir llenando el espacio vacío que tiene Adobe, pero hay que admitir que le hacen falta funciones y herramientas comunes a cualquier programa de este tipo.
La curva de aprendizaje, si vienen de un entorno flash, no será mucha, pero tampoco es sencilla. Al final la forma de lograr las cosas es una mezcla de código + animación en linea de tiempo, una práctica que muchos tratamos de no usar en estos días en productos hechos con flash, pero es la forma en que trabaja Edge en estos momentos.
Usando elementos del nuevo sistema operativo para móviles de Firefox, este es un pequeño experimento que trate de crear usando Edge: [demo link] Los principales elementos que trate de probar eran las herramientas de animación básicas de Edge, como trabajar la entronización de eventos, ajuste dinámico de elementos según tamaño de ventana y animación con sprite sheet. No era mucho que explorar, pero Edge no tiene mucha información de referencia en estos momentos y muchas cosas que solía hacer fácilmente en flash se hacen de forma diferente en Edge. Un ejemplo sencillo de esto es: como cargar un plugin extra en nuestro archivo? uno pensaría en un simple import pero en edge hay que dar más de dos vueltas a la cuadra para hacerlo, la actual respuesta que use es esta: http://chrisgannon.wordpress.com/2012/09/01/loading-external-javascript-in-adobe-edge-animate-the-easy-way/ De momento no se si sea la más sencilla, adecuada o eficiente pero es la que funciono.
También hay que acostumbrarse a usar muchos de los elementos que Jquery nos ofrece, ya que Edge y el se llevan muy bien.
Mas adelante estaré colocando algunos trucos que he aprendido con este pequeño ejercicio.

0 comentarios:

Publicar un comentario