3 ms·

Very nice! I changed it a little bit to optimise rendering just in case you don't know about 'requestAnimationFrame()' (https://developer.mozilla.org/en-US/doc

Very nice! I changed it a little bit to optimise rendering just in case you don't know about 'requestAnimationFrame()' (https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame https://developer.mozilla.org/en-US/docs/Web/API/window/requ...): https://jsfiddle.net/65q7c5to/ https://jsfiddle.net/65q7c5to/

reacweb 9y ago
Works fine on chrome, but it seems too fast on firefox.
hanoz 9y ago
What do all the context transformation lines do in this example? It seems to work just as well with clearRect on its own.
- ygra 9y ago
  There's only one such line. In general it's a good idea to reset the transform before clearing as the (0, 0, w, h) rectangle may not cover the whole canvas anymore. In this toy example there obviously isn't another transform so it's without function.
  - deleted 9y ago
    [deleted]
DiThi 9y ago
It's using setInterval on purpose, because with requestAnimationFrame the effect is a bit too fast.