Flash に関する記事

ブログパーツを作らせていただきました。
ファミ通.comさんの「みんなのクロスレビュー」のブログパーツです。
みんなのクロスレビューというのは、様々なゲームの評点を集約してまとめたサービスです。
作らせていただいたブログパーツは、指定したゲームの点数やニュースを表示するというものです。
例えば、こんな感じです。


作る際に考えたのは「どうすれば使ってもらえるか？」ということでした。
ブログパーツというのは自分のブログに貼るものですから、まずブログの執筆者に気に入ってもらわなくてはいけない。
ブログの執筆者が気に入る理由というのは色々あると思いますが、「訪問者が面白がってくれそう」ならば貼ってもらえると考えました。
そこで、今回ブログパーツを作る際に気を使ったのはユーザーインターフェースと動きの部分です。
ブログパーツ上でボタンを押したりマウスを動かすことで、気持ちいい動きをするようなUIを目指しました。
その上で情報を分かりやすいように配置しています。
このブログパーツの制作中にiPhoneを買ったのですが、ちょっと影響を受けたかもしれません(笑)

「みんなのクロスレビュー」というプロジェクトについてですが、こちらは非常にユニークな試みです。
今までゲームの評価というものは、各メディア毎にバラバラにおこなわれていました。
amazonや楽天のレビューがそうですし、専門サイトとしてはmk2や4gamerといったものがあります。
もちろんファミ通も、編集者や、自社メディアでの一般ユーザーによる評点でゲームに評価をつけてきました。
「みんなのクロスレビュー」は、そういった様々のメディアのデータを集約し、集合知としての点数を付けようという試みです。
ちなみに海外ではmetacriticというサイトが取り組んでおり、ここで付けられた点数はユーザーにとって信頼度の高いものとなっています。
「みんなのクロスレビュー」で現在利用されているものは4メディアのデータですが、今後増えていくことになる予定らしいので、業界標準になれたら面白いな思ってます。

というわけで、技術的にも内容的にも充実したお仕事でした。

Tweenerではオプション的に普段アクセス出来ない特殊なプロパティを扱う方法がある。
表題の件は、以下のような宣言をすることで使えるようになる。

AS3

import caurina.transitions.Tweener;
import caurina.transitions.properties.TextShortcuts;

TextShortcutsのリストをインポートしたら初期化

AS3

TextShortcuts.init();

これで、以下のようにTextFiledの値を変化させることができる。

AS3

Tweener.addTween(my_textFiled, { _text_color:0x00ffcc,_text_size:16,_text_leftMargin:50, time:1, transition:"linear" });

参考：http://www.tonpoo.com/tweener/properties/TextShortcuts.html

久しぶりに使ったら忘れていてハマったのでメモ
crossdomain.xmlの中身

XML

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
    <site-control permitted-cross-domain-policies="all" />
    <allow-access-from domain="*" />
</cross-domain-policy>

crossdomain.xmlを設置するだけじゃなくて、ポリシーファイルを使うって宣言しないといけない。

AS3

var myLoader= new Loader();
var myContext:LoaderContext = new LoaderContext(true);
myLoader.load(myUrl,myContext);

これでOK。

MovieClipに色々とaddChildしたものをボタンにした時、buttonMode=trueにしても子要素の上にマウスカーソルを合わせた時にカーソルが変わらない時がある。
こんなときはmouseChildren=falseを追加すればOK。

AS3

mc.buttonMode = true;
mc.mouseChildren = false;

AS3

while(mc.numChildren > 0){
	mc.removeChildAt(0);
}

これだけ！

最近更新してなかったので、メモがてら更新していきたいと思う今日この頃。

11月18日発売のWeb Designing12月号で記事を執筆させて頂きました。

Web Designing (ウェブデザイニング) 2009年 12月号 [雑誌]

今月のWeb Designingの特集は、「バナー＆ブログパーツの設計図」なのですが、
その中の「Twitter APIのデータを利用したブログパーツ」という項(72ぺージ)です。
見開き1ページでtwitterのデータをブログパーツで使う方法を掲載しています。

以前『twiPhone』というiPhone風のtwitterブログパーツを作ったのですが、
その解説を中心に記事にしています。

そのほかの特集では様々なバナーやブログパーツを扱っていて、
いずれも業界を代表するトップクリエーターの方々が記事を書いていらっしゃるので、
僕なんかが混ざっていいのかなと恐縮してしています。

よかったら読んでみてください。

Flashもやっと使えるようになってきたので、そろそろ３Dに挑戦してみる。
ライブラリparpervision3Dを使って、とりあえず表示するところまで。
んでせっかくの３Dなのでtweenerで動かしてみた。

ってかリファレンスとかがないとさっぱりだ。
次は文字を動かしたりテクスチャを貼ったりするのに挑戦する予定。

あと、この本にparpervision3Dのことが載っているらしいので、amazonで注文。

どうもこんばんは。

ちょっとお仕事の話。
ファミ通.comのブログパーツを作成させてもらいました！

ファミ通.comで配信しているゲームソフト売り上げランキングと、ニュースが表示できちゃう優れモノです！
さらに、amazonのアフィリエイトIDを持っていればアフィリエイトもできちゃいます！

こちらからタグが取得できるので、是非使ってみてください！

http://www.famitsu.com/blogparts/

twitterでの発言最新5件を表示するブログパーツを作った。
twiPhoneと名付けた。
Flash楽しいかもしれない。

あなたのtwitterID：

テキストエリアに自分のtwitterIDを入れてから下のソースをコピペすれば使えると思いますのでよかったらどうぞ。
<embed height="303" align="middle" width="160" type="application/x-shockwave-flash" salign="" allowfullscreen="false" menu="true" name="twiphone" bgcolor="#ffffff" devicefont="false" mode="window" scale="showall" loop="true" play="true" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://script.sj6.org/twiphone/twiphone.swf?sayjiro"/>

※追記
・背景色が白でない場合はタグ内の「bgcolor="#ffffff"」部分を変更することで対応できるはず。
・たくさんの方が利用してくださっているみたいです。ありがとうございます！
・09/11/16 twitterからのアクセス制限により表示されなくなる問題に対応しました。
・このブログパーツについてWeb Designing2009年12月号に記事を執筆しました。

すごくはまった。
けれどここを見て解決。

AS3でNameSpace XMLをパース

まだAS3というかFlash自体色々勉強中の身です。
リファレンス以外にもしっかりとした本を買っておこうと思い、amazonで購入。

あとこれも便利そうなので購入。

新しいことを勉強するのは楽しいです。