El nuevo motor de animaciones web en Blink genera transiciones y animaciones CSS.

Alex Danilo

Los usuarios esperan animaciones fluidas de 60 fps en las IU modernas para varios dispositivos. Lograr ese nivel de rendimiento con las primitivas de animación actuales de la Web puede ser difícil. Afortunadamente, estamos trabajando en una nueva implementación de animación de Blink que acaba de lanzarse en Chrome Canary.

Lo interesante de esto es que simplifica los elementos internos de Blink y sienta las bases para la inclusión de nuevas funciones de la API de la especificación de animaciones web 1.0.

Hasta ahora, las animaciones y transiciones de CSS eran implementaciones independientes, escritas de forma independiente, que no necesariamente funcionaban bien en conjunto. En los últimos años, los implementadores de navegadores han estado trabajando juntos en un modelo de animación de nueva generación con compatibilidad con elementos como la sincronización, la encadenación de animaciones para que se ejecuten en secuencia, la búsqueda de puntos arbitrarios en el tiempo de animación, lo que permite que las animaciones cambien de velocidad, se inviertan y mucho más.] El esfuerzo llevó a la formación de la especificación Animaciones web 1.0 del W3C.

El primer paso que dio el equipo de Blink para lanzar las animaciones web fue reemplazar la implementación existente de C++ de animaciones/transiciones de CSS de Blink por el motor de animaciones web. Ahora que alcanzamos ese hito, nos gustaría que tantos desarrolladores como sea posible verifiquen que no haya errores y, lo que es más importante, que supervisen el esfuerzo de implementación y nos envíen comentarios sobre lo que está bien o mal, o lo que podría necesitar cambios.

A continuación, implementaremos una API que te permitirá crear, modificar y consultar animaciones desde JavaScript. La API está diseñada para permitir que las animaciones se ejecuten de manera eficiente (mediante el uso de semántica declarativa para que JavaScript administre la creación de animaciones, pero le entregue el control al navegador) y, al mismo tiempo, exponer el control total de la animación al desarrollador de JavaScript.

Estamos buscando comentarios activos sobre la API propuesta para asegurarnos de no haber omitido ninguna función necesaria para un control de animación potente. Al igual que con cualquier función nueva, la especificación seguirá cambiando, por lo que ahora es el momento de hacer escuchar tu voz. Lo ideal es que te suscribas a la lista de distribución public-fx@w3.org y que contribuyas a ella (y que escribas [Animaciones web] en el asunto para que se note).

Prueba el nuevo motor que ya alimenta las animaciones y transiciones de CSS ahora y publica cualquier anomalía en el seguimiento de errores de Chromium para que podamos enterarnos.

Nos complace ofrecer capacidades de animación de nueva generación a Blink y esperamos trabajar con otros desarrolladores de navegadores, como WebKit y Mozilla, que también se comprometieron a implementar el nuevo modelo.