Memanfaatkan akselerasi GPU di kanvas 2D
bookmark_borderbookmark
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
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).
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2012-07-04 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2012-07-04 UTC."],[],[]]