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

Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。 関連エントリ CSS3を使った驚きのデモいろいろ２５種類 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript

[TakamoriTarou]

発注者のシャチョーさんは満足しそうだが利用者にとってはただうざいだけのサイトが大増産されそうで嫌だ。ようやく意味不明のエフェクト使ったサイトうざいと言う認識が定着してきた所でHTML5で同じ事をやるつもりか

[betelgeuse]

本を模す、という技術を見るたび「5インチFDの入れ替えを再現」「ボールマウスの綿ぼこり詰まりを再現」「キーボードに落ちたベビースターラーメンのカケラを再現」のような微妙な気分

[BURN]

rss

[udzura]

[for:@twitter]

[dal]

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

[o_hiroyuki]

ページめくりを実装する

[tomo0428]

RT: HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌 – B!

[maruta3262]

超リアルとはいかないが、おもしろいね！！

[Ray110]

ページめくり効果を実装するチュートリアル

[tobynebula119]

ページめくり

[l_u_l_u]

超ぺらぺらする！すごい！

[tyuke]

コレは将来的にも知っておきたいかもしれない

[lanius]

なめらか。

[adsty]

滑らかなページめくり効果を実装できる。

[kkeisuke]

めくる JS

[yocchi24]

もうアプリいらないじゃーん。

[youg0717]

すごっ！ / HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌

[entranslope]

へぇ．"Flashじゃなくてもできちゃうんですね。"

[dskhysh]

HTML5

[catprogram]

なぜページがめくれるｗ

[serio]

これをやるなら、ページ送り／戻しのボタンぐらいは下部に設置してくれ。マウスドラッグでページをめくるのは超絶に面倒くさい。

[tsuki-rs]

ページめくりが本当にリアル。強いていえば、右側のページの重なり枚数が一目でわかればもっといいかも。

[reachout]

すげーなめらか、後で作ってみよ

[kimidorikinoko]

web制作　book 本

[www_taca]

すごい

[kakky_kakky]

コメントを入力してください (省略可能)

[norip44]

マウスでの操作感は微妙かなと感じました。スワイプ前提でiPhone用とか、ピンポイントにやるならアリかも。それこそフラの代わりということで。

[haruna1221]

ペロペロしてみよ(｀・ω・´) RT: HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル -

[gadgetshop]

超リアルなページめくり効果。子供向けコンテンツとかにいいかも～。

[diveintounlimit]

HTML5のcanvas