Click here to view the embedded video.

Después del anuncio de la renuncia de Adobe a continuar con el plugin Flash para los navegadores móviles, la carrera (ya en marcha: habíamos tocado el tema hace poco más de un año) por desarrollar las herramientas equivalentes a Flash para un mundo HTML se vuelve cada vez más importante.

Si bien opino que Adobe aún cuenta con bastante ventaja sobre la competencia (por ‘know how’ y, sobre todo, por presencia en el mercado), resulta un poco decepcionante comprobar que su estrategia apenas ha cambiado en doce meses. Siguen teniendo dos caballos en la carrera de las películas (por seguir usando terminología Flash) hechas con divs, CSS y jQuery (o bibliotecas JavaScript similares): un exportador para Flash (que genera HTML, CSS y JavaScript, que no HTML5; dudo bastante que hayan cambiado mucho en seis meses) y Edge, aún en beta, pero que, básicamente, parece competencia para Adobe fabricada por Adobe… Y, mientras tanto, ningún caballo en la carrera que a mí, al menos, me parece verdaderamente interesante: desarrollar algo que sea verdaderamente HTML5 (esto es, muy probablemente, tirando de canvas) y que nos ahorre los problemas de Flash, más que hacerlos perdurar en un entorno diferente… Pero, si la cosa sigue igual, comienzo a temer que Adobe pueda permitirse el lujo de patinar y aún así conservar la corona por incomparecencia de aspirantes al título. Esperemos que no sea así.

Si queréis ver un ejemplo de lo que hace, podéis ver un original en Flash y su transformación a HTML (encontrados ambos vía Andy Baio en enwire.dk). Las cosas que sorprenden:

• Si habéis abierto la versión HTML con Firefox, Opera o IE… no habéis visto la animación. Porque ahora mismo solo funciona bajo navegadores Webkit (esto es, básicamente Safari y Chrome). Eso era razonable cuando hicieron la primera demo (a finales de octubre). Pero ya han pasado cuatro meses desde entonces…
• Si abrís el código fuente veréis que no hay un canvas de por medio: el código muestra una colección de piezas en svg en divs anidados y animados en JavaScript usando jQuery y las herramientas de animación en JavaScript propias de WebKit.

Sus motivos deben tener, pero, por un lado, cuatro meses para lanzar algo a los Labs sin que funcione más que en navegadores (hasta ahora, al menos) minoritarios no me parece una gran idea. Uno podría sospechar que la idea es hacer algo que funcione óptimamente en la implementación de Webkit de Safari Mobile pero, entre nosotros, acabo de abrir la página en un iPhone y funcionar, funciona, pero… se arrastra. Y, por otro, si tenemos que imaginar que los desarrolladores de Webkit (y de Firefox Mobile, y de Opera Mini y Mobile) van a optimizar algo en sus motores, votaría por Canvas mucho antes que por cualquier otra cosa.

Vaya, que no dudo de la brillantez de los estrategas y desarrolladores de Adobe, pero no salgo de mi asombro…

[Adobe sigue posicionando Flash como plataforma para múltiples aplicaciones. El vídeo en la web (vinculado a un 'media server', con ancho de banda adaptable y/o DRM) sigue siendo una propuesta de valor a considerar. También apuntan al 3D en el navegador: parece que, finalmente, el próximo Flash tendrá 3D nativo, aunque podrían llegar tarde para competir con las bibliotecas de 3D para JavaScript que llevan ya una temporada dando vueltas. Y siguen insistiendo en posicionarse como una alternativa a los entornos de desarrollo de Microsoft que sale hacia la web (donde Silverlight no parece una amenaza seria) por un lado y hacia el escritorio, dispositivos móviles y hasta televisores, por otro, de la mano de Adobe Air 2.5. Todo ello en un ecosistema con herramientas especializadas como Flash Catalyst o Flex Builder y una buena integración con la 'estrella' de la casa para los diseñadores, Photoshop —la integración es mejor aún con Fireworks, que parece mejor herramienta para diseñar interfaces para interactivos pero que, diría, aún no tiene la cuota de mercado que creo que merece.]

En cualquier caso, aún dando por supuesto (no parece nada descabellado) que Flash va a ceder el campo de ‘animación interactiva para la web’, seguimos necesitando una herramienta de autor comparable. Y el problema, ahora mismo, es que parece que vamos a pasar de ninguna a demasiadas opciones en un suspiro…

• Por un lado, Microsoft, sorprendiendo a propios y extraños, sacó (sin mucha promoción) hace unas semanas Ai->Canvas, un plug-in para Illustrator (sí, de Adobe, de ahí la sorpresa) que ‘escupe’ Canvas+JavaScript de forma al menos aceptable. Y que, además, ahora mismo, es lo único que lo hace con pinta de ‘herramienta de autor’.
• No contentos con esto, también tienen Glimmer, que sin ser un prodigio de usabilidad, ahorra mucho trabajo a la hora de usar algunos de los efectos más habituales de jQuery para manipular el DOM del navegador.
• Por otro lado, anteayer, la propia Adobe anunció el prototipo de una herramienta nueva y especializada, Edge (vídeo de demo), que iría por la vía de jQuery. No sé si para sorpresa de propios y extraños, pero sí para la mía, que habría apostado por un exportador para Flash y me había quedado tan ancho…
• Y cuando uno ya vivía ‘feliz’ con la promesa de una nueva herramienta, me encuentro con que Mike Chambers (el principal product manager for the Flash Platform at Adobe) tuitea que están enseñando el exportador de Flash a HTML5… Que ya era lo que yo anticipaba, efectivamente, posicionando a Adobe en los dos campos: jQuery y Canvas. [Ups: ver el segundo 'PS' al pie de la entrada]

Todo esto a la espera de que otros se lancen (o no) al ruedo: Microsoft también debería poderle hacer un exportador a todo lo que ahora vaya hacia Silverlight y no depender de Adobe e Illustrator, mientras que Apple podría crear sin demasiados problemas un “Flash killer” y seguir haciendo un poco la puñeta a Adobe.

Todo parece indicar que quien quiera dejar de usar Flash en la web va a tener que apuntarse a las dos opciones: para los típicos efectos ‘rollover’ y similares, jQuery o alguna de sus alternativas y, para animaciones ‘de verdad’, Canvas con sus correspondientes herramientas de autor/kits de desarrollo. Dado el nivel de mejora en el rendimiento de JavaScript de los navegadores, saltarse a Flash Player parece una buena decisión (parece que hasta Adobe vota por ello, con sus demos y anuncios), pero antes de tomarla hay que ser consciente de diversos aspectos. Hay cosas como empaquetar todos los objetos en un único .swf que parecen cómodas, y también hay que pensar en el montoncito de usuarios que siguen anclados en IE7 y 8, que no son despreciables en muchos ‘targets’ y cuyo rendimiento de JavaScript va a seguir siendo patético durante una temporada (en el caso de los “resistentes de XP”, jamás saltarán a IE9, además).

En cualquier caso, a buena parte de los desarrolladores de ActionScript les conviene ponerse las pilas y comenzar a ver cómo funcionan tanto jQuery como Canvas…

PS 20101028 Obviamente, 24 horas después de escribir el post, me encuentro con información adicional de dos que se lanzan al campo de la animación HTML5: Sencha Animator y AdVine (estos últimos dedicados en exclusiva al mundo de la publicidad, parece). Ambos, vía TechCrunch.

PS20101028 Se ha ‘filtrado’ vídeo de la demo del exportador de Flash a “HTML5″ y no se trata de Canvas+JavaScript, sino de HTML, CSS3 y JavaScript. Aún estoy más perdido…

Los nuevos estándares abiertos creados en la era móvil, como HTML5, ganarán en los dispositivos móviles (y también en los PCs). quizá Adobe debería centrarse más en crear grandes herramientas HTML5 para el futuro, y menos en criticar a Apple por dejar el pasado atrás.

Sabias palabras de Steve Jobs. Permítanme jugarme un euro a que, además, son proféticas: en Flash CS5 ya hay una rudimentaria (o no tanto) exportación a Canvas. Muy estúpidos tendrían que ser en Adobe para que CS6 (o como se llame) no exporte básicamente todo lo que sea capaz de producir Flash a HTML5, Canvas y JavaScript¹. Y entonces descubriremos que el “sabio” uso de las etiquetas <audio> y <video> es capaz de producir las mismas aberraciones a que ha dado lugar el mal uso de Flash a lo largo de los diez últimos años (que son innumerables).

¹ Una de las cosas que más me extraña de la carrera hacia Canvas+JavaScript es que todavía no he oído de nadie que se esté preocupando de crear herramientas de autor (no necesariamente un Flash, quizás más algo en la línea de Authorware, del jurásico AmigaVision o del silúrico HyperCard). Me da a mí que ahí hay una gran oportunidad de negocio. Adobe tardará entre año y medio y dos años en poner en marcha CS6 y aún van a ser los primeros en llegar al mercado…

No, la beta de Flash CS5 aún no está disponible. Lo estará “antes de fin de año” en los Adobe Labs.

Sí, ya hay aplicaciones Flash disponibles para iPhone. Hasta media docena, de momento (detalles).

¿Con permiso de Apple? Buena pregunta. Puede que sí, puede que no. Uno tiende a pensar que Apple no habría dado su autorización para algo así, pero la probabilidad de colarle un gol de este tamaño a “tito Estif” y sus huestes es baja, muy baja… Adobe indica que hay que registrarse en el programa de desarrolladores de Apple y tener el certificado de desarrollador iPhone. Insisten, además, sobre el hecho de que no hay runtime de Flash Player, que todo es código nativo (y que, por tanto, no se podrán ejecutar swf’s en el cacharrito de la manzana). Aunque por otro lado se dice que se podrán cargar dinámicamente SWFs con ActrionScipt 3…

En fin. Seguiremos informando…

Desde luego, falta el iPhone: la compañía de la manzanita y Adobe andan a la greña desde hace tiempo y, a pesar de que los rumores indican que Adobe tendría el Flash Player para iPhone acabado desde hace tiempo, la cosa no progresa adecuadamente…

Los más curiosos ya os podéis lanzar a la correspondiente página de Adobe Labs.

Tonto el último en montar una App Store. Parece el grito de guerra universal, ahora mismo. Y a fe que, efectivamente, medio universo está en ello: Apple, Google y Palm tienen la suya para sus dispositivos, Vodafone y el resto de operadoras van a ello sobre sus redes (el último movimiento en esa línea es Vodafone 360 (ver entrada anterior))… y ahora se apunta, finalmente, Adobe con Flash Platform Services: Distribution.

Como corresponde a algo desarrollado en el ecosistema Flash, las plataformas son por un lado las grandes propiedades web, en forma de ‘widget’ (por lo que se ve en el vídeo, parece ser que eso significará tanto Facebook como iGoogle, MySpace, Yahoo, Blogger…) y por el otro los escritorios Windows, Mac y Linux a través del empaquetado de Air (que, sin tardar mucho, debería dar acceso a todas las plataformas de smartphones que no lleven una manzanita). Estamos hablando, por tanto, potencialmente de la ‘app store’ con más cobertura del planeta (con el permiso la oposición de Steve Jobs, desde luego)

El servicio, que pretende ser realmente completo, incluirá también mecanismos de promoción y de monetización (incluyendo tanto la venta de aplicaciones como la monetización a través de la publicidad).

Habrá que ver cómo evoluciona la cosa…

Vía

La oferta está disponible en SitePoint : The Bushfire Relief Sale. Mis cinco son:

• The Flash Anthology: Cool Effects & Practical ActionScript (© 2004, última edición 2005, 473 páginas; autor: Steven Grosvenor, revisor técnico: Óscar Trelles).
• The Principles of Beautiful Web Design (© 2007; 184 páginas; autor: Jason Beaird, revisor técnico: Andy Rutledge).
• The Art & Science Of CSS (© 2007; 225 páginas; autores: Jonathan Snook, Steve Smith, Jina Bolton, Cameron Adams y David Johnson, revisado por Dan Rubin y Jared Christensen).
• Build Your Own Database Driven Website Using PHP & MySQL (© 2004, última edición 2006; 381 páginas; autor: Kevin Yank).
• Everything You Know About CSS Is Wrong! (© 2008; 132 páginas; autores Rachel Andrew y Kevin Yank).

Y hay más… Ya tardáis.

• Por un lado, el Adobe Mobile Packager, una aplicación de escritorio (aún en prerelease) que permite empaquetar archivos SWF, un comprobador de versiones de Flash Player, un icono y metadatos para dispositivos con sistemas operativos Symbian o Windows Mobile, de manera que el proceso de instalación de aplicaciones sea el ‘de toda la vida’ para esas plataformas.
• Por el otro, el Flash Lite 3.1 Distributable Player que es, precisamente, eso: un ‘runtime’ redistribuible que podemos empaquetar con nuestras aplicaciones de forma que podemos obviar la necesidad de que el móvil del cliente tenga instalado Flash Player, pagando el cada vez menor precio de aumentar el peso del paquete a distribuir e instalar.

El objetivo, obvio, comprensible y previsible, de Adobe, es disponer de una plataforma equivalente a Air, pero para móviles: toda la autoría y programación con herramientas de Adobe y un proceso de ‘write once, package many times’. Esto hace cada vez más atractiva la ‘plataforma Flash’ (esto es, Flash y Flex y aditamentos como el futuro Flash Catalyst (el artista anteriormente conocido como Thermo)) para el desarrollo de aplicaciones conectadas y/o sincronizables y ricas en contenido multimedia, generado, cómo no, con las otras herramientas de la casa: Photoshop, Premiere, After Effects…

No es seguro que la apuesta funcione, por múltiples motivos…

• El primero, que hay que convencer a los desarrolladores “clásicos” que las herramientas de Adobe son válidas. Flex ya lleva unas cuantas iteraciones y cosas como el uso de Eclipse como entorno de desarrollo deberían ayudar, pero hay una mucha inercia contra la que luchar.
• La competencia no es manca: cierto es que Silverlight de momento no es más que una mota de polvo en la pantalla del radar, pero obviar los esfuerzos de Microsoft en un campo tan jugoso equivaldría al suicidio. Los de Redmond, además, aunque ‘no existen’ en el campo, cuentan con la inercia de una masa innumerable de desarrolladores muy acostumbrados a sus herramientas, a los que Microsoft seguirá tratando con el esmero habitual de la casa.
• En los dispositivos móviles, les falta la joya de la corona, el iPhone. De momento el ‘pique’ de Apple contra Adobe y la no inclusión de un Flash Player en el smartphone que ha roto todas las barreras de adopción tiene que estar doliendo mucho por San Francisco. De todas formas, parece que Adobe ya tiene desarrolladísimo su Flash Player para iPhone y eso significa, con los nuevos anuncios, que solo necesitan añadir un empaquetador que escupa código para iPhone (y iPod Touch) y colar unas cuantas aplicaciones (esto último igual les cuesta más…) para ser también una herramienta viable en el mundo de ‘tito Estif’.

Si les sale, puede ser la carambola de la década, al menos: una única suite capaz de producir todos los recursos y escupirlos para, a todos los efectos prácticos, todas las plataformas del mercado: Windows, Mac, Linux, la web, Symbian, Windows Mobile y iPhones y familia…

Más información para desarrolladores. Vía.

Pacman en el emulador Flash fMAME

Impresionante. Espectacular. ¿Qué no cabrá dentro de la ventana de un navegador capaz de ejecutar Flash? Lo último (visto MAME (el emulador de máquinas arcade clásicas), bajo el nombre de fMAME (“made in Korea”, algún detalle más). Como avisa el desarrollador, aún no hay sonido. Además, de momento “solo” hay un par de docenas de juegos disponibles (además de PacMan, tenemos el 1943, Commando, Donkey Kong, Green Beret, Mario Bros…) y los “framerates” que se pueden alcanzar no son óptimos para una buena parte de ellos (Galaga entre ellos). ¡Pero es que estamos emulando una máquina dentro de la máquina virtual de Flash dentro de un navegador! Simplemente alucinante…