HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル
2011年08月08日-
スポンサード リンク
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine
HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。
canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。
Flashじゃなくてもできちゃうんですね。
ライブデモ
実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。
関連エントリ
HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。
canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。
Flashじゃなくてもできちゃうんですね。
ライブデモ
実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。
関連エントリ
スポンサード リンク
By.KJ : 2011年08月08日 08:59 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
オススメサイト
SITE PROFILE
最新のブログ記事(新着順)
- シンプルだけどモダンなradioボタンを実装できる「Simple button radios」
- 美しい背景アニメーション集「Ambient Canvas Backgrounds」
- ターミナル上にグラフを描画できる「Ervy」
- ホバーでかっこよくイメージをプレビューする「Image Reveal Hover Effects」
- カスタマイズ可能でモダンなWYSIWYGエディタ実装「slate」
- 右クリックで円形メニューを実装
- 軽量ページの翻訳機能を実現する「Translator.js」
- JSでUUIDみたいなユニークなIDを生成する「Nano ID」
- Vanillaベースのオートコンプリート実装「autoComplete.js」
- ソースコードをタイピングアニメーションと共にプレビューできる「Glorious」
- 過去のエントリ
