Memanfaatkan akselerasi GPU di kanvas 2D

Ilmari Heikkinen

Kanvas 2D di Chrome mendapatkan perhatian akselerasi hardware pada bulan Februari. Akselerasinya membuat proses menggambar sprite 2D menjadi sangat cepat, karena implementasinya menggunakan GPU untuk melakukan drawImage.

Anda dapat melihat contoh ini untuk hal-hal yang dimungkinkan oleh akselerasi. Demo ini menggambar 180 sprite PNG 256x256 yang diubah pada kanvas jendela penuh dan menjalankan simulasi N-tubuh padanya untuk membuat sprite tersebut tertarik satu sama lain. Dan semuanya berjalan lancar pada kecepatan 30 hingga 60 frame per detik di laptop bertenaga rendah.

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