20110212 gunma.web#4 コトバパレット
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 833 views

 

Statistics

Views

Total Views
833
Views on SlideShare
740
Embed Views
93

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 93

http://www.ivoryworks.com 93

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 1. コトバパレット@ivoryworks2011.02.12 Gunma.web #4
  • 2. Profile @ivoryworksWebじゃないところでプログラムを書いて生きています CとPHPをよく使います これからPython勉強する予定 ARと自然言語に興味ありマス ー コトバパレット ー
  • 3. 『コトバパレット』http://www.ivoryworks.com/plt/ ー コトバパレット ー
  • 4. PANTONE2011 COLOR OF THE YEAR http://www.pantone.com/ ー コトバパレット ー
  • 5. トレンドな配色 #D65076これをテーマカラーにしたコンテンツを作れば、2011年的にイカしたサイトになるハズ。 こ・れ・だ! ー コトバパレット ー
  • 6. でも配色ってむずかしいよね ー コトバパレット ー
  • 7. Google Web Search API ■Google画像検索 検出された画像からカ ラーパレット作れば楽 ちん。 ところで、だるまの配 色って、 赤、白、黒、金(黄)? ー コトバパレット ー
  • 8. だるまヒストグラム ー コトバパレット ー
  • 9. だるま減色ー コトバパレット ー
  • 10. ヒューリスティック (英: heuristic, 独: Heuristik)必ず正しい答えが導けるわけではないが、ある程度のレベルで正解に近い解を得ることが出来る方法。答えの精度は保障されないが、回答に至るまでの時間が少なくて済む。 ヒューリスティクス - Wikipedia ー コトバパレット ー
  • 11. 処理対象を選出したい ー コトバパレット ー
  • 12. 各画像を8色以下に減色するRGBそれぞれを2値のみとするR ... 0x00 or 0xFFG ... 0x00 or 0xFFB ... 0x00 or 0xFF2×2×2=8色(最大)#FFFFFF / #FFFF00 / #FF00FF / #FF0000 /#00FFFF / #00FF00 / #0000FF / #000000画像によっては、8色全て保有するものもあるし、3色しか持たないものもある。 ー コトバパレット ー
  • 13. 所持する色数でグループ分けするID #FFFFFF #FFFF00 #FF00FF #FF0000 #00FFFF #00FF00 #0000FF #000000Group 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 ー コトバパレット ー
  • 14. わりといいかんじ ー コトバパレット ー
  • 15. 赤と白と黒人間は背景を無視している ー コトバパレット ー
  • 16. ここいらないね多くの画像で対象は中心に存在する ー コトバパレット ー
  • 17. パレット作成までのステップ1. Google画像検索からトップ12枚のサムネイルを処理対象2.グルーピング(画像が1枚しかないグループは対象外)3.サーチランクが一番高い画像を含むグループを対象する4.画像の左右を少し切る5. 512色以下に減色6.グループ内、複数の画像に共通して存在する色7.色数(ピクセル数)の多い色8.上位8色を選択9. 8色の明度を上下させて合計24色にする ー コトバパレット ー
  • 18. 『コトバパレット』http://www.ivoryworks.com/plt/ ー コトバパレット ー
  • 19. 『沖縄』 ー コトバパレット ー
  • 20. ー コトバパレット ー
  • 21. 『青の洞窟』 ー コトバパレット ー
  • 22. ー コトバパレット ー
  • 23. 『青島刑事』 ー コトバパレット ー
  • 24. ー コトバパレット ー
  • 25. 『ぐんまちゃん』 ー コトバパレット ー
  • 26. ー コトバパレット ー
  • 27. まとめヒューリスティック楽しかったデバッグの時カラフルで癒えた人の名前は苦手ローカル環境からサーバに移したら動かなくて泣いたGoogle画像検索を用いているので、生成されるパレットは永続的なものではない(なまもの)結局、『ハニーサックル』は緑しか出ない ー コトバパレット ー
  • 28. おまけー コトバパレット ー