Cómo aprovechar la aceleración de GPU en el lienzo 2D

Ilmari Heikkinen

El lienzo 2D de Chrome tuvo amor por la aceleración de hardware en febrero. La aceleración hace que dibujar objetos en 2D sea muy rápido, ya que la implementación usa la GPU para dibujar una imagen.

Puedes consultar este ejemplo para conocer los tipos de elementos que habilita la aceleración. La demostración está dibujando 180 objetos PNG de 256 x 256 transformados en un lienzo de ventana completa y ejecutando en ellos una simulación de cuerpo N para hacer que los objetos se guíen entre sí. Y todo funciona a la perfección a una velocidad de 30 a 60 fotogramas por segundo en una laptop de baja potencia.

Aún quedan algunas imprecisiones en la implementación de la aceleración, por lo que es posible que veas una degradación del rendimiento en algunos casos de uso (comunícate con el equipo de Chrome a través de new.crbug.com para que podamos solucionarlos).