Adobe Edge Animate dimostra che HTML5 non può sostituire Flash

C’è anche un altro problema. Far apparire il tuo progetto è una cosa, ma le prestazioni sono un'altra. Nessuno affermerebbe che Flash fosse perfetto, ma sia il player che il formato SWF sono stati progettati da zero con un unico obiettivo: garantire una consegna coerente e una riproduzione fluida sul web. Con la distribuzione basata su standard aperti, sia le implementazioni del renderer che di JavaScript sono fuori dal controllo di Adobe e dipendono da implementazioni di browser molto diverse. Questo avvertimento nelle domande frequenti su Edge Animate è significativo: "Si prega di notare che le prestazioni delle animazioni lo sono in base a una serie di fattori, quindi è possibile creare contenuti con un valore non ottimale prestazione."

Questo è più di un semplice problema occasionale. Ho caricato Vetrina Edge Animate di Adobe esempio nelle versioni recenti di Chrome, Firefox e Internet Explorer e ho scoperto un layout incoerente (ad esempio, lo slogan principale trabocca su due sotto Chrome), tempi di caricamento lunghi, problemi occasionali di esecuzione (in un'occasione Firefox si bloccava) e riproduzione generalmente a scatti, soprattutto di quelli più complessi animazioni. Sorprendentemente, IE9 sembrava offrire le migliori prestazioni, ma anche questo non è stato così fluido come mi sarei aspettato con Flash.

Questo mondo nuovo e coraggioso promesso da Steve Jobs è in realtà un passo indietro di 15 anni

Facciamo il punto. Rispetto a Flash, gli strumenti di disegno, le opzioni creative, le capacità di animazione, la programmabilità, l'implementazione e le prestazioni di Edge Animate sono scomodi, sottodimensionato e inefficiente – e questo ignora le capacità extra di Flash per video, sviluppo di applicazioni Internet ricche, 3D di qualità console e Presto. Le prestazioni di Edge non solo sono imbarazzanti rispetto a quelle all'avanguardia, ma offrono incredibilmente meno potere creativo rispetto alla primissima versione di Flash. Questo mondo nuovo e coraggioso promesso da Steve Jobs è in realtà un passo indietro di 15 anni.

Allora cosa sta succedendo? Molti accuseranno Adobe di non essere all'altezza, addirittura di sabotare per far sembrare Flash bello, ma il problema risiede nella tecnologia su cui è costruito Edge Animate. L'HTML è stato progettato come linguaggio di markup per strutturare il contenuto ipertestuale, evitando deliberatamente tutti i problemi di presentazione. I CSS hanno migliorato enormemente le capacità di progettazione dell'HTML, ma non sono ancora PostScript. Inoltre, qualsiasi utilizzo dei CSS, come di SVG, dipende non solo dalle diverse implementazioni degli sviluppatori del browser, ma dal minimo comune denominatore della peggiore implementazione attuale. Se tutto ciò con cui devi giocare come piattaforma di progettazione universale è l’elemento div e alcuni CSS di base, non sorprende che finirai per mescolare disperatamente PNG in giro.

Ci sono però ragioni per restare positivi. Almeno ora è del tutto chiaro che la battaglia è stata definitivamente persa: Flash e Silverlight vengono eliminati dai browser, quindi è urgentemente necessaria un’alternativa web standard aperta. Questo è esattamente ciò che offre Edge Animate. Due anni e mezzo dopo la bomba di Steve Jobs, finalmente abbiamo un’alternativa a standard aperto ancora di più o meno funziona, più o meno universalmente, e più o meno consente all'HTML di iniziare a spostarsi in Flash territorio.

Sì, siamo al punto zero della grafica con HTML5, ma questo significa che l'unico modo è salire. Le cose dovrebbero iniziare a sembrare più brillanti presto, poiché IE8 e versioni precedenti vengono eliminati dal sistema e diventa sicuro sia per Adobe che per i suoi progettisti iniziare a distribuire SVG e funzionalità CSS3 più avanzate. Con il supporto di vettori, caratteri web, formattazione e transizioni più ricche, l'HTML migliorerà radicalmente come piattaforma creativa. Presumibilmente Edge Animate ne trarrà vantaggio e le bitmap PNG assumeranno un ruolo di supporto piuttosto che da protagonista.

HTML e Edge Animate dovrebbero finalmente mettersi al passo con ciò che Flash 4 poteva offrire alla fine degli anni '90, ma non sarà la fine. Insieme al lancio dei suoi strumenti Edge (inclusi Code e Reflow, che intendo esaminare in un prossimo articolo), Adobe ha anche annunciato iniziative a standard aperto volte a superare cinque limiti dell'attuale web design: l'incapacità di fornire un flusso in stile rivista layout; isole di testo di forma irregolare; effetti della modalità di fusione; trasformazioni geometriche nello spazio 2D e 3D; ed effetti cinematografici come sfocature e trasformazioni di colore. Per colmare queste lacune sta promuovendo nuovi moduli W3C chiamati Regioni CSS, Esclusioni CSS, CSS Trasformazioni, composizione CSS e filtri personalizzati CSS e collaborazione con i produttori di browser implementarli.

Ma non è tutto. Visita Sito dimostrativo di Adobe e il video esplicativoe vedrai che l'azienda ha una tabella di marcia per ricostruire le capacità grafiche del web a partire dall'elemento div principale dell'HTML. CSS e SVG sono chiaramente cruciali per questo, ma alla fine lo sarà anche Canvas.

Questo elemento HTML5 consente a un browser di scrivere pixel direttamente sullo schermo come indicato da JavaScript. Utilizzando librerie dedicate come WebGL è anche possibile eseguire il rendering degli shader 3D tramite la GPU, ancora una volta qualcosa che Edge Animate dovrebbe essere in grado di trarne vantaggio in futuro, insieme a video e audio, una volta che il supporto del browser diventerà universale e stabile.

Fino a che punto può arrivare tutto questo? Con vettori web, caratteri, pixel, elementi multimediali e prestazioni JavaScript in continuo miglioramento e framework di supporto, possiamo semplicemente ricreare Flash Player utilizzando solo questi standard aperti? Ne dubito. Con Flash e Silverlight, Adobe e Microsoft sono stati in grado di creare da zero funzionalità dedicate di progettazione, applicazione e prestazioni, rivolgendosi a singoli operatori strettamente controllati. Cercare di innestare una potenza simile su un linguaggio di markup che non era destinato alla progettazione grafica, in modo robusto, affidabile ed efficiente attraverso diverse implementazioni di browser, è chiedere troppo. Potrebbe essere possibile alzare il tetto per HTML5, ma non superarlo.

La perdita di Flash e Silverlight ha posto un limite alle capacità della piattaforma web, con il risultato che le esperienze più ricche vengono spinte fuori dal browser e negli app store. Questa non è necessariamente una brutta notizia per gli sviluppatori Flash e Silverlight, che sono nella posizione migliore per produrre tali app, ma all’interno del browser l’unico futuro è l’HTML. La buona notizia per i web designer è che, anche se per ora dobbiamo lavorare con una piattaforma inferiore, la sua qualità sembra destinata a migliorare in tempi relativamente brevi.

Non lasciarti scoraggiare dalle limitazioni di questa prima versione di Adobe Edge Animate, perché il Web basato su standard è sta per trasformarsi in una piattaforma molto più ricca ed espressiva, con la quale i designer saranno ancora in grado di produrre risultati sorprendenti lavoro.