20110212 gunma.web#4 コトバパレット

コトバパレット

@ivoryworks

2011.02.12 Gunma.web #4

Profile

@ivoryworks

Webじゃないところでプログラムを書いて生きています
CとPHPをよく使います

これからPython勉強する予定

ARと自然言語に興味ありマス
ーコトバパレットー

『コトバパレット』

http://www.ivoryworks.com/plt/


PANTONE
2011 COLOR OF THE YEAR

http://www.pantone.com/

トレンドな配色

#D65076

これをテーマカラーにしたコンテンツを作れば、
2011年的にイカしたサイトになるハズ。

こ・れ・だ！


でも配色ってむずかしいよね


Google Web Search API

■Google画像検索
検出された画像からカ
ラーパレット作れば楽
ちん。

ところで、だるまの配
色って、
赤、白、黒、金(黄)？

だるまヒストグラム


だるま減色


ヒューリスティック
（英: heuristic, 独: Heuristik）

必ず正しい答えが導けるわけではないが、ある程度
のレベルで正解に近い解を得ることが出来る方法。
答えの精度は保障されないが、回答に至るまでの時
間が少なくて済む。

ヒューリスティクス - Wikipedia


処理対象を選出したい


各画像を8色以下に減色する
RGBそれぞれを2値のみとする

R ... 0x00 or 0xFF
G ... 0x00 or 0xFF
B ... 0x00 or 0xFF

２×２×２＝８色（最大）
#FFFFFF / #FFFF00 / #FF00FF / #FF0000 /
#00FFFF / #00FF00 / #0000FF / #000000

画像によっては、8色全て保有するものもあるし、3色しか持たな
いものもある。


所持する色数でグループ分けする
ID #FFFFFF #FFFF00 #FF00FF #FF0000 #00FFFF #00FF00 #0000FF #000000
Group 0 0 0 0 0 0 0 0 1
Group 2 0 0 0 0 0 0 1 0
Group 3 0 0 0 0 0 0 1 1
: ：：：：：：：：
: ：：：：：：：：
: ：：：：：：：：
Group 253 1 1 1 1 1 1 0 1
Group 254 1 1 1 1 1 1 1 0
Group 255 1 1 1 1 1 1 1 1

最大8色なので『画像のパレット』は、8bitで表現できる
（使用割合が5%以下の色は対象外とする）。

・黒(#000000）一色の画像はGroup 0
・黒(#000000）と青（#0000FF）を持つ画像はGroup 3
：
・全ての色（8色）を持つ画像はGroup 255

わりといいかんじ


赤と白と黒

人間は背景を無視している

ここいらないね

多くの画像で対象は中心に存在する

パレット作成までのステップ
1. Google画像検索からトップ12枚のサムネイルを処理対象
2.グルーピング（画像が1枚しかないグループは対象外）
3.サーチランクが一番高い画像を含むグループを対象する
4.画像の左右を少し切る
5. 512色以下に減色
6.グループ内、複数の画像に共通して存在する色
7.色数（ピクセル数）の多い色
8.上位8色を選択
9. 8色の明度を上下させて合計24色にする


『コトバパレット』

http://www.ivoryworks.com/plt/

『沖縄』


『青の洞窟』


『青島刑事』


『ぐんまちゃん』


まとめ

ヒューリスティック楽しかった
デバッグの時カラフルで癒えた
人の名前は苦手
ローカル環境からサーバに移したら動かなくて
泣いた
Google画像検索を用いているので、生成される
パレットは永続的なものではない（なまもの）
結局、『ハニーサックル』は緑しか出ない

おまけ


20110212 gunma.web#4 コトバパレット

Recomendados

Recomendados

Mais conteúdo relacionado

Mais de ivoryworks .

Mais de ivoryworks . (8)

20110212 gunma.web#4 コトバパレット