ホーム > タグ > ニコクラウド
ニコクラウド
FlashDevelopで作ってみた(3) actionscript3移植
前回のエントリで作ったものを、
actionscript2 から actionscript3 で書き直してみました。
これからas2のFlashをas3で書き直し始める場合の参考になれば幸いです。
↓flex2でコンパイルしたので、
FlashPlayerバージョン9以降しか表示できません。
as2コンパイラのMTASCと違って、
細かいWarningいっぱいだしてくれるので(出さないようにもできると思うけど)、
戻り値とか引数の型の定義とか、ちゃんとしましたw
- Comments: 0
- Trackbacks: 0
FlashDevelopで作ってみた(2) プロジェクトファイル
前のエントリで書いた、
ニコニコ風タグクラウドのFlashDevelopプロジェクトファイルです。
FlashDevelopによる開発については、
書いてるサイトいっぱいあるので、検索して探してみてください。
FlashDevelop メニュー Project から Open Project で
NicoCloud.as2proj を開けば、プロジェクトをインポートできると思います。
単純なコードなので、フォントカラーや、文字の流れる動作などは
簡単に変えられると思います。
簡単に解説すると、
メインの NicoCloudクラス と タグひとつ分の Tagクラスの二つのクラスでできています。
NicoCloudで対象XMLを読み込んで、
XMLのロードが完了したら、XMLに記述している分だけTagクラスのインスタンスを生成して、
流す! という感じです。
単純だし、とりあえず今から actionscript3 で書き直してみようと思う。
- Comments: 0
- Trackbacks: 0
FlashDevelopで作ってみた(1) ニコニコ風タグクラウド 配布
FlashDevelopだけでニコニコ風タグクラウド作ってみた。
…ので公開してみます。
お好きな画像の上にお好きなサイズで、表示することができます。
ちなみに millon.jp 用に作りました。
■ダウンロード
NicoCloud ダウンロード
■置き方
- <div style="position:relative;width:画像の縦サイズpx;height:画像の横サイズpx;">
- <img src="背景画像" width="画像の幅サイズ" height="画像の縦サイズ" />
- <div style="position:absolute;top:0;left:0;">
- <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="画像の横サイズ" height="画像の縦サイズ" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="id" value="NicoCloud" />
- <param name="wmode" value="transparent" />
- <param name="src" value="NicoCloud.swf?url=タグファイルXML&minSpeed=最低スピード&maxSpeed=最高スピード"/>
- <!-- FireFox用 -->
- <embed id="NicoCloud" type="application/x-shockwave-flash" width="画像の横サイズ" height="画像の縦サイズ" src="NicoCloud.swf?url=タグファイルXML&minSpeed=最低スピード&maxSpeed=最高スピード" wmode="transparent"></embed>
- </object>
- </div>
- </div>
画像のサイズや、画像ファイル名は該当する値に変えてください。
ダウンロードファイル内にサンプルあります。
値を省略した場合はそれぞれ、以下の値に置き換えられます。
url=tags.xml
minSpeed=5
maxSpeed=10
表示するタグは以下のようなXMLファイルで用意します。
- <?xml version="1.0" encoding="UTF-8" ?>
- <root>
- <item>
- <tag>ざわ…</tag>
- <size>10</size>
- <url>/dummy/1</url>
- </item>
- <item>
- <tag>ざわ…</tag>
- <size>10</size>
- </item>
- <item>
- <tag>ざわ…</tag>
- <size>12</size>
- </item>
- </root>
tagには タグの名前
sizeには タグのフォントサイズ
urlには、タグをクリックした際のジャンプ先のリンクを記述します。
urlが省略された場合、タグクリックでジャンプしません。
なお、スピードを大きくしたり、表示するタグの数が多いと、、、重くなりますw
引き続きエントリで、ソースコード公開しようと思います。
- Comments: 0
- Trackbacks: 0
Home > Tags > ニコクラウド



