iPadで「妄撮」 ↓iPadで下の画像を指でこすってください(PCはドラッグしてください)
iPadで「妄撮」をやってみました。
HTML5 Canvas と JavaScript 作成しました。そのため、canvas非対応ブラウザ(IE等)では動きません。
紙が破れたような演出を追加しました。(2011.09.10) - special thanks @Akiyah
・会社のエンジニアブログのネタにしました
・動作動画(YouTube)
・ダウンロード jskeshi00.zip
・ダウンロード jskeshi01.zip (紙が破れたような演出Ver)
【iPad妄撮の作り方】
(1)ダウンロード後「sample.html」をエディタで開き10行目と13行目の画像名を自分で用意した画像名に変更する(ちなみにiPadの横幅は768px)
(2)81行目の canvas タグの縦横サイズを用意した画像の縦横サイズに合わせる
(3)どこかのWEBサーバに編集したHTMLと画像をアップする
※本JavaScriptプログラムは自己の責任の上でご自由にお使いください。
TOPへ戻る