Colorify.js - 画像を分析して写真に合わせた枠を表示
写真の見せ方は、一枚一枚ベストな方法があるはずです。杓子定規に枠に当てはめても様にならないかも知れません。しかしデジカメで撮影した数百枚の写真に対して個別の設定を適用するのは骨の折れる作業です。 そこで使ってみたいのがColorify.jsです。画像コンテンツを読み取り、それに合わせた枠などを表示してくれるソフトウェアです。
Colorify.jsの使い方
例えばこの画像のように3つの枠があります。
マウスオーバーすると写真が現れます。確かに赤系です。
別な写真は青系で。枠の色も合っています。
これも確かに緑系。
猫の写真。写真の色合いにあわせて枠の色が変わっています。
グラデーションを効かせた枠も生成できます。
JavaScriptを使えば画像コンテンツを読み込んでメインとなる色素を抽出できます。後はそれを使ってどんな描画をするかが問題でしょう。Colorify.jsは枠を表示しますが、他にも面白い表示方法があるかも知れません。
Colorify.jsはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。