Il nuovo motore per le animazioni web in blink ottimizza le animazioni e le transizioni CSS

Alex Danilo

Gli utenti si aspettano animazioni fluide a 60 f/s nelle moderne interfacce utente multi-dispositivo. Raggiungere questo livello di prestazioni con le attuali primitive di animazione del web può essere difficile. Fortunatamente stiamo lavorando a una nuova implementazione dell'animazione Blink appena implementata in Chrome Canary.

L'aspetto più entusiasmante è che semplifica gli elementi interni di Blink e getta le basi per l'inclusione di nuove funzionalità dell'API dalla specifica Web Animations 1.0.

Finora, le animazioni CSS e le transizioni CSS erano implementazioni separate, scritte in modo indipendente, che non funzionavano necessariamente insieme. Negli ultimi anni, gli utenti che implementano i browser hanno lavorato insieme a un modello di animazione di nuova generazione supportando funzioni come la sincronizzazione, il concatenamento delle animazioni da eseguire in sequenza, la ricerca di punti arbitrari nel tempo di animazione e la possibilità di modificare la velocità, invertire il comportamento delle animazioni e altro ancora.] Lo sforzo ha portato alla definizione della specifica W3C Web Animations 1.0.

Il primo passo del team di Blink per rendere disponibili al mondo le animazioni web è sostituire l'implementazione C++ esistente di animazioni/transizioni CSS Blink con il motore Web Animations. Avendo raggiunto questo traguardo ora, vorremmo che il maggior numero possibile di sviluppatori verificasse che non si sia verificato alcun problema e, soprattutto, tenga d'occhio lo sforzo di implementazione e ci forniscano un feedback sugli aspetti positivi o negativi o che potrebbero richiedere una modifica.

A seguire, vedremo l'implementazione di un'API che consente di creare, modificare e interrogare animazioni da JavaScript. L'API è progettata per consentire l'esecuzione efficiente delle animazioni (utilizzando la semantica dichiarativa in modo che JavaScript gestisca la creazione di animazioni, ma il controllo manuale al browser), pur continuando a esporre il controllo completo dell'animazione allo sviluppatore JavaScript.

Siamo lieti di ricevere un feedback attivo in merito all'API proposta per assicurarci di non aver perso alcuna funzionalità necessaria per un potente controllo delle animazioni. Come per ogni nuova funzionalità, le specifiche continueranno a cambiare, quindi è il momento di far sentire la tua voce, idealmente iscrivendoti e dando il tuo contributo alla mailing list pubblici-fx@w3.org (e inserisci [Animazioni web] nella riga dell'oggetto in modo che venga notato).

Prova subito il nuovo motore che sta già supportando le animazioni e le transizioni CSS e pubblica eventuali anomalie nel tracker dei bug di Chromium, in modo da essere saputo.

Siamo lieti di introdurre le funzionalità di animazione di nuova generazione su Blink e stiamo lavorando con altri sviluppatori di browser, come WebKit e Mozilla, che si sono impegnati a implementare il nuovo modello.