ドラゲナイザー
ブラウザだけで、選んだ画像中の顔の近くに無線機の画像を重ね合わせます(セカイノオワリのDragon Night風)。処理はお手元の機器の中で行われ、
サーバに送信しません。
(おことわり)顔の認識精度は、あまり高くなさそうです。個人的なテストでは
うまくいくのが半分くらい
です。
1.歌詞をカスタマイズ(お好みで)
2.画像を選ぶ
画像を選びます。1-(a)または1-(b)の方法が使えます。
2-(a)MacかPCでファイルを選ぶか、iOS/Androidでファイルを選ぶ/カメラ撮影する場合はこちらのボタンを押してください。
2-(b)MacかPCで、ファイルをドラッグ&ドロップするにはこちら。
MacやPCを使っている場合は、Finderやエクスプローラから画像を1つ選んでドラッグ、ここにドロップしてください。
3.画像を保存する(お好みで)
ブラウザにChromeを使っているときには、ボタンを押すとそのままダウンロードされます。
iOSでSafariを使っている時には、ボタンを押すと別のタブで画像が開かれるので、そこで画像を長押しして「画像を保存」を選んでください。
出来上がりの画像がここに表示されます。
お世話になったライブラリ
×
お世話になったライブラリ
ドラゲナイザーは、以下のライブラリを使用しています。
ライブラリ名
サイト
ライセンス
目的
liuliu/ccv
https://github.com/liuliu/ccv
BSD 3 & Creaative Commons 4.0
顔画像検出に使用
eligrey/canvas-toBlob.js
https://github.com/eligrey/canvas-toBlob.js/
MIT/X11
Canvasをblobにする。Fifefox以外のブラウザのために使用
eligrey/FileSaver.js
https://github.com/eligrey/FileSaver.js
独自
ファイル保存に使用
JQuery2.1.3
http://jquery.com/
MIT
各種制御に使用
BootStrap 3.3.2
http://getbootstrap.com/
MIT
画面を整形するために使用
無線機の画像(@nakagawa_hoさん)
Twitterの投稿
?
重ね合わせ画像に使用