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

Ilmari Heikkinen

En febrero, el lienzo 2D de Chrome recibió un poco de amor por la aceleración de hardware. La aceleración hace que el dibujo de sprites 2D sea muy rápido, ya que la implementación usa la GPU para dibujar.

Consulta este ejemplo para ver los tipos de funciones que habilita la aceleración. La demostración dibuja 180 sprites PNG de 256 × 256 transformados en un lienzo de ventana completa y ejecuta una simulación de N cuerpos en ellos para que los sprites graviten entre sí. Y todo funciona sin problemas a 30 a 60 fotogramas por segundo en una laptop de baja potencia.

Aún hay algunos problemas 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 (infórmalo al equipo de Chrome a través de new.crbug.com para que podamos solucionarlos).