前の記事 ≪：Google＋風の円形リストを作成できるjQueryプラグイン「CircleList」
次の記事 ≫：JSだけでここまで画像編集できちゃうのが分かるツール＆jQueryプラグイ...

HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル

2011年08月08日-はてなブックマーク

スポンサード リンク
[PR]　英単語を忘却曲線アプリを使って超効率よく記憶する方法
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine

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

ライブデモ




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

関連エントリ
関連の記事検索：HTML5, チュートリアル, JavaScript, canvas
スポンサード リンク

By.KJ : 2011年08月08日 08:59 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)