Memanfaatkan akselerasi GPU di kanvas 2D

Ilmari Heikkinen

Kanvas 2D di Chrome mendapatkan beberapa dukungan akselerasi hardware pada bulan Februari. Akselerasi membuat gambar sprite 2D sangat cepat, karena implementasinya menggunakan GPU untuk melakukan drawImage.

Anda dapat melihat contoh ini untuk mengetahui jenis hal yang diaktifkan oleh akselerasi. Demo ini menggambar 180 sprite PNG 256x256 yang ditransformasi di kanvas jendela penuh dan menjalankan simulasi N-body pada sprite tersebut untuk membuat sprite saling tertarik. Semuanya berjalan lancar dengan kecepatan 30 hingga 60 frame per detik di laptop dengan daya rendah.

Masih ada beberapa kekurangan dalam penerapan akselerasi, sehingga Anda mungkin melihat penurunan performa dalam beberapa kasus penggunaan (harap beri tahu tim Chrome melalui new.crbug.com agar kami dapat memperbaikinya).