Adobe Edge Animate dimostra che HTML5 non può sostituire Flash

L'animazione viene gestita tramite il pannello Timeline, specificando fotogrammi chiave basati sul tempo e modificando i valori delle proprietà. È molto diverso dall’approccio basato sui fotogrammi di Flash Professional e richiede un po’ di tempo per abituarsi, ma è sicuramente più moderno e, come mostrano programmi come After Effects, può essere altrettanto potente. Tuttavia, la potenza dell'animazione basata sulle proprietà dipende chiaramente dalle proprietà offerte, e queste sono deludenti.

Adobe Edge Animate dimostra che HTML5 non può sostituire Flash

Ci sono altre limitazioni. Senza fotogrammi non è possibile creare rapidamente animazioni sequenziali in stile flickbook, quei "video vettoriali" con cui Flash si è fatto un nome. Né puoi creare effetti avanzati come l'animazione lungo un percorso di movimento personalizzato, l'interpolazione basata sulla forma, le trasformazioni 3D, gli effetti speciali basati su filtri variabili o l'animazione basata sulle ossa. È tutto piuttosto statico per un pacchetto di animazione dedicato.

Le versioni precedenti di Internet Explorer offrono solo un supporto HTML5 discontinuo

E allora, che dire dell'interattività? Come ci si aspetterebbe, questo viene gestito tramite script. Per creare un pulsante, ad esempio, seleziona un elemento disegnato o posizionato, quindi Apri Azioni e seleziona un evento (ad esempio clic, passaggio del mouse o tocco), quindi inserisci il codice JavaScript desiderato. Per aiutare in questo Edge Animate dispone di una gamma di snippet prefabbricati per la gestione della timeline (come riproduzione, stop, playReverse), per gestire i tuoi simboli ed elementi (nascondi, mostra, setVariable) e per caricare un nuovo file pagina/URL. Metti insieme questi frammenti ed è relativamente semplice creare semplici interazioni.

Tuttavia, il confronto con l'ultimo Flash Professional è ancora una volta significativo. Edge Animate offre solo 16 frammenti mentre Flash Professional CS6 ne offre dozzine, ma la vera differenza diventa evidente quando si va oltre gli esempi preforniti. Con l'API ActionScript 3 di Flash Professional hai accesso completo a tutte le proprietà, i metodi e gli eventi di centinaia di classi che vanno da Accelerometer fino a XMLSocket, oltre al codice IntelliSense e al debug capacità. Con Edge Animate, sei limitato a controllare le funzionalità del browser tramite JavaScript, senza alcun supporto speciale per la codifica o il debug oltre alla colorazione della sintassi.

È ora di pubblicare

Ok, hai lottato e sei pronto per pubblicare. Utilizzando Flash è possibile generare un singolo file SWF, facile da distribuire ed estremamente efficiente, di dimensioni inferiori a 10 KB, contenente tutte le i vettori, le bitmap, il testo e il codice, pronti per la distribuzione in streaming su tutte le piattaforme e i browser supportati tramite Flash giocatore. Con Edge Animate il tuo output è un miscuglio di file HTML, CSS, JavaScript e di risorse separati e persino l'animazione più semplice richiede più di 200K di codice di supporto sotto forma di jQuery e del framework di animazione dedicato su cui Adobe ha costruito Esso.

Almeno Edge Animate offre il tipo di universalità che Flash non può più offrire e la tua animazione dovrebbe apparire come progettata su Android, Kindle, BlackBerry e l'importantissimo iOS. grazie alla dipendenza condivisa dal motore di layout WebKit utilizzato da Edge Animate (oltre agli attuali browser desktop più popolari, Chrome su Windows e Safari su Mac, sono anche Basato su WebKit). Ma ricorda che WebKit non è l’unico obiettivo, perché sul desktop ci sono Firefox, Opera e Internet Explorer, insieme alle loro sempre più importanti incarnazioni mobili. Per fortuna, l'ultima versione di ciascuno offre supporto avanzato per HTML5, quindi il tuo progetto dovrebbe essere visualizzato più o meno come previsto (ma solo più o meno).

Un problema più grande è che non tutti i visitatori del tuo sito utilizzeranno le versioni più recenti e, in particolare, le versioni precedenti di Internet Explorer offrono solo un supporto HTML5 discontinuo, mentre IE8 e versioni precedenti non possono eseguire il rendering di SVG su Tutto. Probabilmente esistono tanti browser desktop non HTML5 quanti browser mobili solo HTML5. Esiste una soluzione parziale grazie alla possibilità di potenziare le versioni precedenti di IE utilizzando Google Chrome0 Frame. Ciò consente quasi a Edge Animate di rivendicare l'universalità del web e conquistare la corona di Flash, ma chiedere ai visitatori di scaricare un plug-in per visualizzare contenuti aperti è sia imbarazzante che indesiderabile.