Aproveitando a aceleração de GPU no canvas 2D

Ilmari Heikkinen

A tela 2D no Chrome recebeu um pouco de amor da aceleração de hardware em fevereiro. A aceleração torna o desenho de sprites 2D muito rápido, já que a implementação usa a GPU para fazer drawImage.

Confira este exemplo para saber quais tipos de coisas a aceleração permite. A demonstração está desenhando 180 sprites PNG de 256x256 transformados em uma tela de janela inteira e executando uma simulação de N corpos neles para fazer com que os sprites gravitem um em direção ao outro. E tudo funciona sem problemas a 30 a 60 frames por segundo em um laptop de baixa potência.

Ainda há alguns problemas na implementação da aceleração, então você pode notar uma degradação no desempenho em alguns casos de uso. Informe à equipe do Chrome pelo new.crbug.com para que possamos corrigir o problema.