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

Ilmari Heikkinen

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

Puedes consultar este ejemplo para conocer los tipos de elementos que habilita la aceleración. La demostración dibuja objetos PNG transformados de 256 x 256 en un lienzo de ventana completa y ejecuta una simulación de N-cuerpo en ellos para que se gravitan entre sí. Todo funciona a la perfección a una velocidad de 30 a 60 fotogramas por segundo en una laptop de baja potencia.

Todavía hay imperfecciones en la implementación de la aceleración, por lo que es posible que observes una degradación del rendimiento en algunos casos de uso (comunícaselo al equipo de Chrome a través de new.crbug.com para que podamos solucionarlos).