ほねっとのブログです。プロジェクトとか大好きです。八神はやてが大好きな管理人です。ないブログに表示されています。新しい記事を書く事で広告が消えます。】CATEGORY[]Twitterアイコン展開!情報の可視化、情報にあふれた社会において非常に重要なキーワードです。自分の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!という信条は捨てられませんでした。見事に俺のアイコンがあったなwwきれいだねーってかよくこんなん思いつくな。暇つぶしがこれってなんか趣味と研究の方向が合ってて(?)いいなーって思った。∴TEANAさんやってることは超単純で色順に並べてるだけです、大したことないです^^;相互リンクというとブログの右に付け加えるので大丈夫ですか?零細ブログなのでアクセス大したことないのですが^^;∴ixさん拡大してみるよりサムネイルで見たほうが綺麗なのがびっくりでした。