HTML5 canvas page turn effect tutorial

When I started this site I made a policy of banning page turn effects. Surely it’s been done and done, right? Starting in Flash a few years ago, then it appeared in iBooks, and now of course it’s popping up in HTML5 canvas.

But the truth is, despite my grumpiness, a decent page turn is damn hard to achieve. So when I found this perfectly executed example along with a tutorial from CreativeJS team member Hakim, how could I resist?

It’s based on the effect he created for Google project 20 Things I Learned while he was working at the Stockholm office of Fi.

So fine, you win! Create a page flip effect with HTML5 canvas on .net magazine. And here’s the Google project : 20 Things I Learned. Just don’t say I didn’t warn you. :)