Come posso ottenere callback vsync su canvas HTML5?

Question

Come è possibile effettuare il callback vsync su tela HTML5 ?

Answer 1

Non esiste una cosa del genere. Il browser dovrebbe prendersi cura di fare le sincronizzazioni appropriate, e si può farne a meno utilizzando requestAnimationFrame() - vedi, ad esempio, http://paulirish.com/2011/requestanimationframe-for-smart-animating/ e http://webstuff.nfshost.com/anim-timing/Overview.html#dfn-sample-all-animations

Answer 2

* NEW 2017 risposta *

Anche se questo è un vecchio 2011 Risposta e preciso per il suo tempo, la vecchia risposta di "Non esiste una cosa del genere" è alquanto obsoleta ora.

Attualmente, a partire dal 2017, requestAnimationFrame() è ora ampiamente in uso per essere sincronizzati con i cicli di aggiornamento, quindi è diventato di fatto il callback VSYNC.

Dispone di 120 callback al secondo su monitor di gioco a 120 Hz ogni volta che le prestazioni del browser non sono limitate (ad esempio, desktop veloci), quindi viene ridimensionato per monitorare le frequenze di aggiornamento in tutti i browser Web (con alcune eccezioni, come Microsoft IE/Edge Limite di 105 Hz).

In Chrome, il parametro tempo di requestAnimationFrame() è il tempo VSYNC, e secondo www.vsynctester.com moderne implementazioni di requestAnimationFrame() è ora diventata la de facto VSYNC callback - è in genere richiamato subito dopo il precedente VSYNC page flip, per eseguire il rendering di un frame per il prossimo ciclo di aggiornamento (o per il gestore di Windows Compositing).

P.S. Ora sono un esperto invitato nel gruppo di lavoro della piattaforma Web W3C e attualmente ho un impegno nella modifica di HTML 5.2 DRAFT 8 per chiarire la sincronizzazione di rAF() ai cicli di aggiornamento. Inoltre, c'è un articolo che ho scritto per migliorare un'API VSYNC ulteriormente per HTML 5.2 o successivo: http://www.blurbusters.com/blur-busters-working-on-changes-to-html-5-2/