Tận dụng tính năng tăng tốc GPU trong canvas 2D

Ilmari Heikkinen

Canvas 2D trong Chrome đã được người dùng yêu thích tăng tốc phần cứng từ tháng 2. Việc tăng tốc giúp việc vẽ các sprite 2D rất nhanh, vì quá trình triển khai đang sử dụng GPU để thực hiện drawImage.

Bạn có thể xem ví dụ này để biết những tính năng mà tính năng tăng tốc cho phép. Bản minh hoạ đang vẽ 180 sprite được biến đổi 256x256 PNG trên canvas toàn cửa sổ và chạy mô phỏng N-body trên đó để làm cho các sprite hướng về nhau. Và tất cả đều chạy mượt mà ở tốc độ 30 đến 60 khung hình/giây trên máy tính xách tay công suất thấp.

Quá trình triển khai tăng tốc vẫn còn tồn đọng nên bạn có thể thấy hiệu suất giảm trong một số trường hợp sử dụng (vui lòng thông báo cho nhóm Chrome qua new.crbug.com để chúng tôi có thể khắc phục vấn đề đó!)