Thanks! I don't think you really need to do that on desktop devices, but that definitely helps on mobile. There's a lot of things I could have mentioned but I was focusing on beginners.
It may be worth following up this article with another one that includes techniques like this.
Re:Making Sprite-based Games with Canvas
by sunnynagra on Tuesday March 19, 2013 @08:00PM
(#5404559)
Do you know of any good resources that talk about using multiple canvases as layers? I have tried searching for some good examples, but I have been coming up empty.
Thanks
I don't think there'd really be any trick to it -- you just have multiple canvases, and render different stuff on each one. The most trivial example would be to have a single background canvas that has stuff that'll never be redrawn.
Remember that each canvas element is still part of the DOM, so you can put one on top of another just like you could with ordinary HTML.
These tricks matter because redrawing the entire screen every frame is usually an expensive operation; this is not noticable on small examples but it can become an issue on larger, more complex games.
Great article otherwise.