忍者ブログ
個人HP After Cider の管理人、 ほねっとのブログです。 なのはプロジェクトとか大好きです。 八神はやてが大好きな管理人です。 コメント歓迎です!
[205] [204] [203] [202] [201] [200] [199] [198] [197] [196] [195]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

情報の可視化、情報にあふれた社会において非常に重要なキーワードです。
自分のTwitterもfollowerが500を超え、ひたすらに情報があふれてます。

こんなにいっぱいの情報があるのならばやっぱり情報の整理・可視化を
やってみたくなるもので、ActionScriptとOpenCVの練習の意味も込めて、
いろいろ試してみています。

ということで、twitterのアイコンの画像情報からクラスタリングやマッピングを
工夫してみようと思いました。

手始めに昨日今日でいろいろやってみました。
やったことを紹介しますと、

1.Twilk(http://twilk.com/)で自分のフォロワーのアイコン画像を準備
2.その画像は全部つながってるので、分割するプログラムをOpenCVで書く
3.画像を分割
4.以下、Flash(ActionScript3.0)で、画像処理を行います。
5.画像を全部読みこみ(いっぺんに読み込むと数が多すぎてうまくいきません)、
それぞれの画像のRGB値の平均値と中央値を求める
6.RGB値の平均値と中央値をHSV値に変換する
7.RGBやHSVをXYZ軸にとり、papervision3Dでアイコン画像を3D配置
8.一定フレームごとにtweenを使って画像を回転
9.すると色情報に応じて配置されたアイコンがくるくる回る!


とまぁ、これだけなんですけども、自分のフォロワーのアイコンの傾向が一目でわかるので
なんだかおもしろいです。基本的に青い髪と茶色い髪のキャラクターアイコンが多く、
それ以外のアイコンはパラパラとある感じになってました。黄色が少なかったり。

papervision3Dの限界なのか、アイコンが150個超えたあたりから描画が追いつかないのが
もったいないですね^^;
スピード求めるならopenGLで書くべきですが、webで気軽に作れるといったらFlash!という
信条は捨てられませんでした。(単にGLで書きたくないからとはいえない)

レンタルサーバを取ったりしてそのうち公開するかもです^^


img_001.jpg










sshot.jpg











スクリーンショットはこんな感じです、動かないと立体に見えない!
ちなみに、
縦の回転軸が明度(上ほど明るい)
回転角度方向に色相(上から見ると虹色リング)
半径方向に彩度真ん中ほど白黒で外ほど鮮やか
になってます!

暇つぶしはこれくらいにして研究進めます^^;
PR

コメント
無題
全然分からない・・・(苦笑
でも、すごいってのは伝わってきます♪

突然で申し訳ないんですが
相互リンクの承認を頂けねいでしょうか?
【2009/11/10 18:53】 NAME[TEANA] WEBLINK[] EDIT[]
無題
見事に俺のアイコンがあったなww
きれいだねーってかよくこんなん思いつくな。
暇つぶしがこれってなんか趣味と研究の方向が合ってて(?)いいなーって思った。
【2009/11/10 19:55】 NAME[ix] WEBLINK[] EDIT[]
無題
∴TEANAさん
やってることは超単純で色順に並べてるだけです、大したことないです^^;
相互リンクというとブログの右に付け加えるので大丈夫ですか?
零細ブログなのでアクセス大したことないのですが^^;

∴ixさん
拡大してみるよりサムネイルで見たほうが綺麗なのがびっくりでした。
全然研究は別のものです^^;
研究は音ですからビジュアリゼーションとは真逆;;
【2009/11/10 21:15】 NAME[ほねっと] WEBLINK[URL] EDIT[]
無題
なるほどぉ~。

全然かまわないです。
相互リンク承認ありがとうございます♪
【2009/11/11 18:10】 NAME[TEANA] WEBLINK[] EDIT[]


コメントフォーム
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード
  Vodafone絵文字 i-mode絵文字 Ezweb絵文字


トラックバック
この記事にトラックバックする:


忍者ブログ [PR]
カレンダー
11 2018/12 01
S M T W T F S
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
フリーエリア
最新CM
プロフィール
HN:
ほねっと
性別:
非公開
自己紹介:
ついったーはこちらです!
http://twitter.com/aftercider
バーコード
ブログ内検索
カウンター
アクセス解析