前の記事 ≪: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でお願いします(クリック)