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

コトバパレット

@ivoryworks

2011.02.12 Gunma.web #4

ーコトバパレットー

Profile

@ivoryworks

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

これからPython勉強する予定

ARと自然言語に興味ありマス


『コトバパレット』

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


PANTONE2011 COLOR OF THE YEAR

http://www.pantone.com/


トレンドな配色

#D65076

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

こ・れ・だ！


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


Google Web Search API

■Google画像検索

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

ところで、だるまの配色って、

赤、白、黒、金(黄)？


だるまヒストグラム


だるま減色


ヒューリスティック

（英: heuristic, 独: Heuristik）

必ず正しい答えが導けるわけではないが、ある程度のレベルで正解に近い解を得ることが出来る方法。

答えの精度は保障されないが、回答に至るまでの時間が少なくて済む。

ヒューリスティクス - Wikipedia

http://www.google.co.jp/search?num=20&hl=ja&newwindow=1&safe=off&q=%E3%83%92%E3%83%A5%E3%83%BC%E3%83%AA%E3%82%B9%E3%83%86%E3%82%A3%E3%83%83%E3%82%AF&btnG=%E6%A4%9C%E7%B4%A2


処理対象を選出したい


各画像を8色以下に減色する

RGBそれぞれを2値のみとする

R ... 0x00 or 0xFFG ... 0x00 or 0xFFB ... 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 1Group 2 0 0 0 0 0 0 1 0Group 3 0 0 0 0 0 0 1 1

: ：：：：：：：：: ：：：：：：：：: ：：：：：：：：

Group 253 1 1 1 1 1 1 0 1Group 254 1 1 1 1 1 1 1 0Group 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 コトバパレット

Documents

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