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へ戻る