iPhoneの多彩なカメラアプリの中でイイ感じに異彩を放つ「漫画カメラ」。同名アプリもありますが「二時間しか寝てねぇ」のSuperSoftwareさんリリースのほうです。
これをCanvas(HTML5)を使って再現しちゃいますお。
Manga FilterはHTML5 + JavaScriptによるエッジ検出を流用しています。
Canvasの扱いは特殊でどうも慣れないため、かなり冗長なコードになっていますが、今後は変換画像の保存や画像アップロード機能、テキスト入力(二時間も寝坊したぁ などｗｗｗ)を予定しています。
[Manga Filter]
http://podspod.it-creates.com/webapps/canvas/mangafilter/
<2013.01.22更新>
斜線のパターンをCSS(background)でごまかしていた箇所をcanvas処理にプチ改良。コードはさらに冗長に(^^;
jQueryプラグイン化も中途半端すぎて、同一ページで複数フィルタをかけるとNGだったり、Googleアドセンスと衝突していたりするので、ソースコードのダウンロードは、せめてこれらが解消してからにしますね。
もちろん、勝手にソースを流用するのはOKでやんす。
