Create a page flip effect with HTML5 canvas | Tutorial | .net magazine

HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。
canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。
Flashじゃなくてもできちゃうんですね。

ライブデモ




実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。

関連エントリ

• CSS3を使った驚きのデモいろいろ２５種類
• 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」
• iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript