Os usuários esperam animações suaves de 60 fps em interfaces modernas para vários dispositivos. Pode ser difícil alcançar esse nível de desempenho com as primitivas de animação atuais da Web. Felizmente, estamos trabalhando em uma nova implementação de animação do Blink que acabou de ser lançada no Chrome Canary.
O legal disso é que ele simplifica os elementos internos do Blink e prepara o terreno para a inclusão de novos recursos da API da especificação 1.0 de animações da Web.
Até agora, as animações e transições do CSS eram implementações separadas, escritas de forma independente, que não necessariamente funcionavam bem juntas. Nos últimos anos, os implementadores de navegadores têm trabalhado juntos em um modelo de animação de última geração com suporte para coisas como sincronização, encadeamento de animações para execução em sequência, busca de pontos arbitrários no tempo de animação, permitindo que as animações mudem de velocidade, sejam invertidas e muito mais.] O esforço levou à formação da especificação Web Animations 1.0 do W3C.
A primeira etapa da equipe do Blink para lançar as animações da Web é substituir a implementação de animações/transições do CSS do Blink em C++ pelo mecanismo de animações da Web. Agora que alcançamos esse marco, queremos que o maior número possível de desenvolvedores verifique se nada está quebrado e, mais importante, que acompanhe o esforço de implementação e nos dê feedback sobre o que é bom/ruim ou precisa ser mudado.
A próxima etapa será a implementação de uma API que permite criar, modificar e interrogar animações do JavaScript. A API foi projetada para permitir que as animações sejam executadas de maneira eficiente (usando semânticas declarativas para que o JavaScript gerencie a criação de animações, mas entregue o controle ao navegador), além de expor o controle completo de animação ao desenvolvedor de JavaScript.
Estamos buscando feedback ativo sobre a API proposta para garantir que não perdemos nenhum recurso necessário para um controle de animação eficiente. Como acontece com qualquer novo recurso, a especificação vai continuar mudando. Por isso, agora é a hora de dar sua opinião, principalmente se você se inscrever e contribuir com a lista de e-mails public-fx@w3.org (e colocar [Web Animations] no assunto para que ela seja notada).
Teste o novo mecanismo que já está ativando animações e transições CSS e publique qualquer problema no rastreador de bugs do Chromium para que possamos saber sobre ele.
Estamos animados em trazer os recursos de animação de última geração para o Blink e esperamos trabalhar com outros desenvolvedores de navegadores, como o WebKit e o Mozilla, que também se comprometeram a implementar o novo modelo.