in

Edge: Herramienta de animación en HTML5

Para muchos la llegada de HTML5, significa la muerte de Flash. Pero eso no quiere decir que Adobe piense quedarse con los brazos cruzados mientras le arrebatan una de sus marcas más relevantes. No, señor. Ahora, la respuesta a las especulaciones llegó en la forma de un prototipo llamado Edge. Esta nueva herramienta ayudará a los diseñadores y desarrolladores web a crear animaciones para sus sitios, haciendo más simple la manera en que se crea la “coreografía” de los elementos en pantalla.

Si te decimos que Adobe piensa lanzar una nueva herramienta de animación, seguramente pensarás que estamos locos. ¿Para qué necesitaría de otra, si actualiza constantemente Flash y  es probablemente el software más utilizado de su tipo? Pues  esta nueva herramienta es la respuesta al muy pronosticado advenimiento de HTML5, cuya llegada siempre estuvo relacionada a la muerte del Flash. Y para resguardarse de cualquier eventualidad, Adobe está trabajando en lo que hasta ahora se conoce como Edge, una herramienta de animación simple de usar para desarrolladores web y diseñadores.

El objetivo principal de esta aplicación, será la posibilidad de crear animaciones y transiciones sin la necesidad de escribir varias líneas de código, pero ese es solo el comienzo. La demostración se llevó a cabo en la Adobe Max 2010 y quedó bastante claro que se trata de una herramienta en desarrollo, pero de todos modos se ve la idea básica. Según explican, una de las cosas más complicadas en cuanto a animaciones en HTML5 es la “coreografía”, hacer que cada cosa haga lo que quieres en el momento adecuado. Y para eso están creando Edge, para que los objetos se muevan y transformen de la manera que quieres sin contratiempos.

Una de las similitudes más cercanas a Flash, es la interfaz. Tienes la pantalla principal donde ocurre toda la acción y una línea de tiempo en la parte inferior, que deja ver todas las modificaciones que le ocurren a los objetos a lo largo del tiempo. A la derecha se posa un panel con las capas, donde puedes ver sus propiedades y cambiarlas a gusto. Pero no todo es idéntico a Flash, ya que ofrece novedades, como el soporte para las nuevas transformaciones de CSS de 2D a 3D. Es decir que la base es prácticamente la misma, pero tratando de hacerla un poco más amigable y poderosa a la vez.

Finalmente, también parecería tomar algunas pautas del libro de Dreamweaver, como utilizar WebKit como motor para previsualizar las animaciones y una opción para editar el código fuente, dedicado únicamente a usuarios avanzados que pueden entenderlo y editarlo. Aunque algunos pueden tomar la existencia de Edge como una manera de aceptar la muerte de Flash, más que nada parecería una garantía, para que Adobe tenga una herramienta competitiva en todos los frentes. Y si hacen los cambios necesarios, la apuesta podría salirles bastante bien.

Reportar

¿Qué te pareció?

Escrito por Tomás Garcia

8 Comments

Leave a Reply
  1. Es un "Hagamoslo como si fuera flash, pero que al final de cuentas sea HTML5 ", aunque se que es solo un arranazo de lo sera, personalmente no me gusto, siento que es mas facil manejarlo directamente con el codigo, se tiene mas control ademas que el codigo autogenerado no siempre es el mas optimo, pero si de animaciones se trata, mis respetos para Adobe (Macromedia) ademas se le aplaude su adaptacion a los cambios, si fuera una empresa diferente quizas estarian oponiendose, diciendo que flash es siempre superior a html5

  2. Adobe parece que está moviendose bastante en todos los frentes y creo que Flash está lejos de morir en cambio está siendo optimizado y mejorado constantemente, por ej:

    Soporte total para SOs de 64bit:
    http://blogs.adobe.com/flashplayer/2010/09/flash-player-square.html

    El proyecto Molehill que daría a Flash capacidad 3D avanzada:
    http://labs.adobe.com/technologies/flash/molehill/

    Es bueno destacar que el mayor problema que Flash enfrenta es la negativa de Apple por permitir instalarlo en iPhone e iPad, estoy casi seguro que con la invasion de moviles con sistemas operativos como Android 2.2 y otros que permitan instalar el plug-in Apple deberá también ceder en este sentido para no perder mercado. Podemos recordar tambien que los moviles apple no soportan Java, Silverligth ni nada que no pertenezca a la jaula con la manzanita.

    Finalmente, me gustaría señalar como siempre lo hago, que Flash es muchisimo mas que una herramienta para ver animaciones y ese tipo de pavadas. Su lenguaje ActionScript 3 es muchisimo más maduro y robusto por lejos que Javascript y permite hacer cosas que de otro modo son imposibles o muy engorrosas de implementar. Eso sin contar la capacidad de ser cross browser y multi plataforma.

    Querer solucionar todo con HTML5, Javascript y abogar por el fin de la diversidad opciones para la implementacion de aplicaciones es cosa de estúpidos e ignorantes (Es como querer estar bajo una dictadura). Las mejores cosas ocurren cuando uno puede disponer de varias alternativas y ELEGIR de estas la mejor para realizar el trabajo.

    saludos.

  3. De todas formas, Flash puede tardar muy mucho en morir, la cantidad de integraciones es descomunal y las migraciones son lentas, luego Adobe juega con la baza de ofrecer una alternativa de fácil uso y aunque habrá muchos usuarios de les guste tocar las tripas del código, a la mayoría seguro tiran por el camino de lo fácil y enlatado.

  4. Últimamente se confunde mucho lo que es HTML5 con CSS3 y AJAX, las animaciones y transformaciones se hacen con CSS y javascript, el HTML5 únicamente da una estructura y si en algo se pueden hacer unas animaciones ahí es con CANVAS(no es el caso de edge). Si ven en el video los encabezados nisiquiera usan HTML5 sino XHTML transitional.

  5. Describing himself as a living replica gucci jewellery deity, Jani said that when miumiu bags he was 11 years old, tag heuer mercedes benz a goddess touched his tongue gucci tie to rid him of the rolex replica watches need for food and water.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Actroid-F: La enfermera robótica (vídeo)

PlayStation Phone: ¿El PlayStation Phone en imágenes?