flashでタグクラウド作ってみたよ。

flash でタグクラウド作ってみたよ。実際に横で動いてるのがそれ。なかなかぐにゃぐにゃしてて良い感じ。

出来るだけブログパーツっぽく作りたかったので、 xmlを取りに行くurlや、背景、ボーダー部分は指定出来るようにしてみたよ。 flashVarsで渡してあげると、それぞれ反映されますです。

オプション	説明	デフォルト値
url	xmlを取りに行くurl	/tagcloud.xml
background-color	背景の色	0xFFFFFF
border-color	ボーダーの色	0xD8D8D8
min-font-size	フォントの最小値	12
max-font-size	フォントの最大値	72

url以外は指定しなくてもちゃんと動く（ハズ）なので、後はお好みで変えてみてくださいまし。実際使うときは SWFObject 使うと楽で良いと思われます。

var so = new SWFObject('tagcloud.swf', 'tagcloudId', '400', '400', '9', '0xFFFFFF');
//  オプションを指定。
so.addVariable('url', '/path/to/xml');
...
so.write('replaceId');

最大の欠点は日本語の表示が出来ません！埋め込んでいるフォントの兼ね合いなのですが、日本語フォントはどれもちょっと...。なので、対応予定もございません。

モノ自体はココにあるので、万が一使っても良いよ。って方は気軽に持って行ってくださいまし。

ps. kishi-r 氏、お待たせ致しました！

追記

xmlの形式書くの忘れてました。こんな形式のxmlを受け取るようになっております。

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<cloudset>
    <cloud>
        <label>タグの名前</label>
        <url>遷移するURL</url>
        <rank>タグのランク</rank>
    </cloud>
    <cloud>...</cloud>
    ...
</cloudset>

ランクは0〜24までの25段階になっております。計算方法はそれなりブログさんのタグクラウドのアルゴリズムが分かりやすくて参考になると思います。

Posted at:: 2008/01/12 03:17:13; 5 Comments; 1 TrackBack

Tags:: ActionScript; Flash

Trackback:: http://humming.via-kitchen.com/2008/01/12/make-tagcloud-on-flash/trackback/

TrackBacks

[Python][Mercurial][その他]巡回 - 常山日記

Python: [技術][思考]現バージョンのJythonの使いどころ [Dev-PyGTK]先日作ったPluginMgrを使ったアプリを作りました。 PyObjCでCoreAnimationのサンプルを動かす svnとhgのパーミッション維持(?) .hgignore others: もっと簡単にiPod touchにiPhoneの標準アプリをインスト

Created at:: 2008/01/12 03:46:21

Comments

kjirou

本当にすげー　オサレ

Created at:: 2008/01/12 04:41:57

nobu

嬉しすぎます！

Created at:: 2008/01/12 04:47:47

kishi-r

おぉ〜さすが仕事がお速い事で。
ありがとうございまぁ〜す。
体が復活したら、
速攻で使わせていただきます。

ってか前に見せてもらったものより、
ちゃんと出来てる。
フォーカスが当たると、
ちゃんと前に来て
色もはっきりするようにしたんですね。

素敵だなぁ〜♪

Created at:: 2008/01/12 12:35:00

berian

うおぉー！
ちょーかっこいい！！

選択されてるのがわかりやすくなってる！

いや～いい仕事してますねー！！

Created at:: 2008/01/12 13:40:30

nobu

>kishi-r
あなたの要望は全部実装したつもりです！
なので、まずは体を治してくださいまし。

>berian
ありがとうございます！
結構いい感じでしょ？

Created at:: 2008/01/12 14:40:43

Humming Via Kitchen