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
最新のブログ記事(新着順)
- 画像をホバー時にJavaScriptなしでズームする
- スクロールしても項目が分かりやすいヘッダー固定「jquery.stickyTableHeader」
- SublimeText風のあいまい検索をブラウザ上で実現「fuzzysort」
- インタラクティブで面白いエフェクトを実装できる「Pts.js」
- 散布図やヒートマップなどデータのビジュアライズに使える「IVIS」
- テキストを文字数で自動省略できるjQueryプラグイン「limit-text」
- ゲームボーイ版のポケモンフォントが使える「pokemon-font」
- 軽量で依存性なしのレンガ状レイアウト実装JS「Macy.js」
- 複数選択が可能なドロップダウンリストが作れるjQueryプラグイン「Janking/dropdown」
- 国際的な電話番号のパースに使える「libphonenumber-js」
- 過去のエントリ
