Làm cách nào để nhận được cuộc gọi lại trên canvas HTML5?

Question

Làm cách nào tôi có thể vsync gọi lại trên canvas HTML5?

Answer 1

Không có thứ gì như vậy. Trình duyệt nên chăm sóc làm đồng bộ hóa thích hợp, và bạn có thể giúp nó bằng cách sử dụng requestAnimationFrame() - xem, ví dụ, http://paulirish.com/2011/requestanimationframe-for-smart-animating/ và http://webstuff.nfshost.com/anim-timing/Overview.html#dfn-sample-all-animations

Answer 2

* NEW 2017 câu trả lời *

Mặc dù đây là một 2011 câu trả lời cũ , và chính xác cho thời gian của nó, câu trả lời cũ của "Không có điều đó" là hơi lỗi thời bây giờ.

Hiện tại, vào năm 2017, requestAnimationFrame() hiện đang được sử dụng rộng rãi để được đồng bộ hóa với các chu kỳ làm mới, vì vậy hiện tại, defacto đã trở thành cuộc gọi lại VSYNC.

Nó có 120 cuộc gọi mỗi giây trên màn hình chơi trò chơi 120Hz bất cứ khi nào hiệu năng trình duyệt không bị hạn chế (ví dụ: máy tính để bàn nhanh), vì vậy hiện tại quy mô để theo dõi tỷ lệ làm mới trong tất cả các trình duyệt web (với một vài ngoại lệ, chẳng hạn như Microsoft IE/Edge's Giới hạn 105Hz).

Trong Chrome, tham số thời gian của requestAnimationFrame() là thời gian VSYNC và theo www.vsynctester.com hiện thực hiện tại requestAnimationFrame() hiện đã trở thành cuộc gọi lại VSYNC defacto - nó thường được gọi lại ngay sau VSYNC trước đó lật trang, để hiển thị khung cho chu kỳ làm mới tiếp theo (hoặc trình quản lý tổng hợp cửa sổ, cho vấn đề đó).

P.S. Tôi bây giờ là một chuyên gia được mời trong Nhóm làm việc nền tảng Web W3C và hiện có một cam kết sửa đổi HTML 5.2 DRAFT 8 để làm rõ đồng bộ hóa rAF() cho các chu kỳ làm mới. Ngoài ra, có một bài viết tôi đã viết để cải thiện thêm API VSYNC cho HTML 5.2 trở lên: http://www.blurbusters.com/blur-busters-working-on-changes-to-html-5-2/