HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。 関連エントリ CSS3を使った驚きのデモいろいろ２５種類 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript
HTML5でページをめくるエフェクトのチュートリアル「Page Flip Effect from 20thingsilearned.com」｜BLACKFLAG
以前、jQueryを使ってページをめくるような演出をつけるプラグイン 「ページをめくる様な演出を実装できるjQueryプラグイン「Viewbook」」を紹介しましたが、 HTML5の＜canvas＞で同じようにページをめくる演出を付けるチュートリアル 「Page Flip Effect from 20thingsilearned.com」の動きが綺麗だったのでご紹介。 HTML5 Rocks – Case Study: Page Flip Effect from 20thingsilearned.com ≫HTML5 Rocks – Case Study: Page Flip Effect from 20thingsilearned.com ≫デモページはこちら：Page Flip Effect Demo HTML5で構成されたサイト「20 Things I Learned About B
Implementing iBooks page curling using a conical deformation algorithm
One of iPad's most talked about apps is Apple's own iBooks e-reader. Perhaps its most eye-catching but completely superfluous feature is the beautiful, dynamic page curling effect that follows your finger naturally as you drag to turn pages. Unlike cheap implementations using simple masks and gradients, iBook's page curling is very realistic, with content that bleeds through and deforms accurately
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
