Think About it

引越し

2008-03-11T17:00:00.001+09:00

少し趣向を変えて、こちらに引っ越しました。

http://www.mrlittlebig.com/blog/ - trace

Flashのみではなく雑談も増えましたが、
引き続き、よろしくお願いします。

USK

Flash Lite1.1

2008-02-27T13:15:00.005+09:00

取り急ぎのメモ。

Flash Lite1.1における階層のパスの取り方がかなり違う。

PC用のASだと、たとえば、MovieClip A_mcから、同じタイムライン上にある、
B_mcを参照したいとすると、
_parent.B_mc
で、事足りる。

しかし、Flash Liteだと、.(ドットシンタックス)が使えない。
代わりに、/(スラッシュ)を使用する。
ディレクトリのパスの参照と似ている。

これで上記のパスを書き直すと、
../B_mc
と、なる。
../が_parentの代わり。
ちなみに、_rootは、頭に/のみで書く。
間を繋ぐ.(ドット)は、/で書く。

さらに、上記の用に、../B_mcと書くと、B_mcはムービークリップに限定される。
変数を参照した場合はどうすればいいかというと、
../:bNum
のように、/のあとに、:(コロン)をつける。これで、一階層上のbNumという変数にアクセスした事になる。

ケータイFlash　ラボ!! - http://mobilef.jugem.jp/?cid=4

あと、違ったのが、onEnterFrameがない。

これは、タイムラインを二つ使って、入ったりきたりさせることで解決。

教えて！goo - Flash Lite1.1ではonClipEvent(enterFrame)が使えません。ではどうすれば？

それと、functionがない。

これは、再生されないタイムラインのヘッド上に、参照したいスクリプトを書き、
そのヘッドにフレーム名、たとえば、testとつける。
そして、そのスクリプトを呼び出すには、call()を使う。
call("test");
のようにしてやれば、testと、ラベルのつけられたフレームのスクリプトを、
そのフレームにいかずに実行してくれます。

あと、もう一つ。
onEnterFrame()がない、ということなので、
たぶん、onClipEvent()もない。
（たぶん、on()しかない）
なので、onClipEvent(load)として、ロードした時になにかの処理をさせてやれない。
そうするにはタイムラインから書くしかない。

そこで登場するのが、tellTarget()。
これを使うと、指定されたムービークリップにスクリプトがかかれたことと同じになる。
たとえば、test_mcというムービークリップがあったとして、
そいつにスクリプトを適用させるには、
tellTarget(test_mc){ 実行させたい処理 }
と、書いてやるとよい。
※処理の中かからメインのタイムラインを参照したい時は、一階層上なので、../としないといけない。

これで、実行させたいムービークリップがあるタイムライン上に、
処理を書いてやれば、onClipEvent(load)と同じ効果が得られる（はず）。

参考：Adobe デベロッパーセンター - iモード用 Flash 開発講座

==追記==（疑問）
gotoAndStop、gotoAndPlayなどは、ムービークリップ内に書いていても、
tellTarget内に書いていても、メインのタイムラインが参照される？
（分けたい時はシーンで分ける？）
gotoAndStop("label");のように、ラベル名で指定すると、
ルートのタイムライン上のものはきちんと動作するけど、
ムービークリップ内など、ルートのタイムライン上以外のものは動かない。
Flash Lite1.1では、直接フレーム数で指定する方が無難。
（マニュアルにもラベル指定は書かれていない。
Flash Lite2以降の説明には書かれている。）

Flash + HTML(2)

2008-01-25T17:58:00.001+09:00

HTML側からFlashに変数を渡す場合、
以前に書いたように、
swfを読み込んでいる部分に&をつけることで簡単に処理できます。

それと似たような処理で、表示しているHTMLのURLから変数を渡してみます。
（javaScriptがメインとなります）

考え方としてはswfのURLに直接変数を書き込む方法と同じで、
HTMLのURLの末尾に変数を付加し、
それをJavaScriptで読み込み、
それをswfに渡す、という方法になります。

具体例。

swfを読み込む側のHTMLに以下のJavaScriptを記述。

var str = location.search;
str = str.substring(1,str.length);

このページへのリンクを以下のように記述。

<a href="xxxx.html?1">Link</a>

これで、読み込み側のHTMLの変数、strに、「1」が入ります。
※location.searchで、URLの?からを取得できます。
この例では、「?1」となります。
なのでそこから1だけを、substringで取り出しています。

あとは、この変数をswfに入れてやるだけです。

これは、swfを読み込んでいる部分をJavaScriptで吐き出すように書いてやり、
swfのURLの後ろに、&=strといれてやるだけです。

・param

document.write('<param name="movie"
    value="xxxx.swf?flag='+str+'">\n');

・embed

document.write('<embed src="top.swf?flag='+str+'" quality="high"
  bgcolor="#ffffff"  width="750" height="214"
  align="" type="application/x-shockwave-flash"
  pluginspage="http://www.macromedia.com/go/getflashplayer">\n');

※swfのURLを読み込むところのみ記述。
どっちも一行です。

これを、FlashVarsを用いて、変数を渡してやることもできます。

document.write("<param name=\"FlashVars\" value=\"flag="+str+"\" />");

・embedは割愛。

さらに、これをswfObjectを使用するとさらに簡単になります。
記述部分に、以下のパラメータを足してやるだけです。

so.addVariable("flag", str);

詳しくはこちら。

FLASH-JP.COM フォーラム - リンクされたURLの引数を変数として受け取る。

参考：
A LOT - JavaScriptで変数受け取りの巻

function(1)

2008-01-15T17:39:00.000+09:00

ボタン等の処理をフレームアクションで書く場合。

今まではそのまま書いてました。

例：
押したボタンの番号を表示させる。

表示させる部分の関数は以下。（この部分は後ほども使い回します）

function testTxt(num){
 test_txt.text = num;
}

本体は以下。

btn0.onPress = function(){ testTxt(0);}
btn1.onPress = function(){ testTxt(1);}
btn2.onPress = function(){ testTxt(2);}
btn3.onPress = function(){ testTxt(3);}
btn4.onPress = function(){ testTxt(4);}
btn5.onPress = function(){ testTxt(5);}
btn6.onPress = function(){ testTxt(6);}
btn7.onPress = function(){ testTxt(7);}
btn8.onPress = function(){ testTxt(8);}
btn9.onPress = function(){ testTxt(9);}

こんな感じで、列記していました。

これをもうちょっとスマートに、まとめて書けないものかと。
（これだと、増やしたり減らしたりするのにめんどう）

で、for文で単純に回してみました。

function setBtn(){
 for( i = 0; i < 10; i++){
  this["btn"+i].onPress = function(){ testTxt(i);}
 }
}
setBtn();

で、結果を見ていただければわかる通り、おかしい、です。
どのボタンを押しても、「１０」が表示されます。

色々試してみた結果、どうやら以下のようです（あくまで推測です）。
一度for文が回り終わってから、ボタンを押すことになります。
なので、ボタンが押されたときには、関数に渡しているiの値は、
for文が回ってからの値、すなわち、10（i=10になったら抜けるようになっているので）となり、
常に10が関数に渡されている、という事のようです。

なら、これはどうでしょうか。

function setBtn(){
 for( i = 0; i < 10; i++){
  this["btn"+i].onPress = function(){ mc_txt.text = this;}
 }
}
setBtn();

これでは、押されたボタンのインスタンス名（レベルも含まれてます）が、表示されるようにしています。
これだと、for文で回しているにも関わらず、きちんと表示されています。

これは、先ほどの推測の通り、iを参照すると、for文が回ってしまった後のためおかしくなりますが、
thisだと、不変なため、正しく表示できているようです。

このことから、少しややこしい事をしている気もしますが、
以下のようにしてみます。

function setNum(mc){
 var mcLength:Number = mc._name.length;
 var mcNum:Number = mc._name.charAt(mcLength - 1);
 testTxt(mcNum);
}
function setBtn(){
 for( i = 0; i < 10; i++){
  this["btn"+i].onPress = function(){ setNum(this);}
 }
}
setBtn();

これは、インスタンス名は正しく取得できているところから、
そのインスタンス名の一番最後の文字から、ボタンの番号を抜き出してき、
それを関数に与えている、ということをしています。
これでとりあえず上手くいきました。

こうしてfor文で回すことによって、管理がしやすくなります。
以下のようにボタンを減らすことも容易です。

var max:Number = 5;
function setNum(mc){
 var mcLength:Number = mc._name.length;
 var mcNum:Number = mc._name.charAt(mcLength - 1);
 testTxt(mcNum);
}
function setBtn(){
 for( i = 0; i < max+1; i++){
  this["btn"+i].onPress = function(){ setNum(this);}
 }
}
setBtn();

ただし、付け焼刃的な対処のため、問題があります。

・ボタンのインスタンス名は、最後に連番となる数字をつけなければならない。
（今回のサンプルの場合だと、btn0 ～ btn9、となっています）
・数字は一桁までしか対応していない。
（10以上ボタンがある場合は対応できていません。少し改造すれば出来るようになるはずです。）

その他、諸所問題あると思います。

もっと簡単に出来るような気もしているんですけど、、、。
クラスとか使えば出来るんでしょうか。

リンケージ設定

2008-01-08T19:56:00.000+09:00

Flash IDE上において、ステージにライブラリにあるシンボル等をスクリプトで配置する場合、
あらかじめ、そのシンボルにリンケージ設定をしてやる必要があります。

方法は、ライブラリ上にあるシンボルを右クリックして、
リンケージプロパティを開き、ActionScriptに書き出し、にチェックを入れてやり、
識別子の名前をつけてやるだけです。

ただし、ここで気をつけなければならないのが、
リンケージ設定では、デフォルトで、
「最初のフレームに書き出し」
にチェックが入っているところです。

小規模なフラッシュや、スクリプトで書き出すシンボル等が少しなのであれば、
特に気にする必要はないのですが、
多くのシンボル、サウンドをこの方法で書き出すとなると注意が必要です。

というのも、swfのファイルサイズが大きくなると、必然的にローディングバー等のローディング処理が必要になります。
ですが、スクリプトで最初のフレームに書き出し処理をさせていると、
このローディングバー自体をロードする前に、これらのシンボルやサウンドの読み込み処理を開始してしまいますので、
ローディングバーが表示された段階では、すでに全体の何パーセントかが読み込まれてしまっていますので、
途中からのローディング処理に見えてしまうわけです。
（ローディングバーが表示されるまでは何も起こってないように見える）

では、どうすればいいのか、といいますと、
ローディングバーを１フレーム目に置いているのであれば、それ以降（２フレーム目以降）に書き出すようにしてやる必要があります。

まず、リンケージプロパティで、「最初のフレームに書き出し」のチェックをはずしてやります。
しかし、何フレーム目に書き出すかの設定はそのプロパティ内にはありません。
これは、設定で書くのではなくて、実際に書き出したいフレームのステージ上に、
そのシンボルを配置してしまえばいいのです。
こうすることによって、その配置したフレームに書き出しが行われます。
（当然、スクリプトで読み込み処理を行っているフレームよりも後ろに書き出してはいけません）
シンボルの場合はこれで完了ですが、サウンドの場合はそのフレームに来た時に、
誤って鳴ってしまわないように、フレームのプロパティの「同期」を、「停止」にしておきましょう。

参考サイト -
Macromedia Flash非公式テクニカルノート - コンポーネントとActionScript 2.0クラスの書出しフレームを変更する
教えて！goo - しばらく真っ白な画面になってしまいます。
Flash CS3 ドキュメンテーション - ステージへのムービークリップシンボルの割り当て

CrossDomain(1)

2008-01-08T19:07:00.000+09:00

フラッシュで、異なるドメイン間の通信を行う場合、
クロスドメンの処理が必要になります。

Macromedia-デベロッパセンター - Macromedia Flash Player 7 におけるセキュリティの変更について
（中段くらいにある、「ポリシーファイルの基本」を参照）
Macromedia Flash非公式テクニカルノート - MovieClip.loadVariables

要するに、通信される側のサーバの最上層に、crossdomain.xml を設置する必要がある、とのことです。

実際にcrossdomain.xmlの中身は以下のようなもの。

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM
   "http://www.macromedia.com/xml/dtds/
        cross-domain-policy.dtd">
<!-- Policy file for http://www.mysite.com -->
<cross-domain-policy>
   <allow-access-from domain="*.mysite.com" />
   <allow-access-from domain="www.myothersite.com" />
</cross-domain-policy>

このようなファイルが置いてあるサーバであれば、他のサーバからアクセスが出来るようになります。

※ただし、このファイルを設置することにより、セキュリティ上の問題が発生することがあるようです。
gihyo.jp - ここが危ない！Web2.0のセキュリティ第4回　Flash，JSONでのクロスドメインアクセス

このことを意識するのは、ほとんどの場合、APIなどの他社のサービスを使うときだと思います。

以前、とあるサイトのブログパーツを作ったときに、
先方のサーバにこのポリシーファイルを設置しなければならないのかと危惧しましたが、
結果的に必要ありませんでした。
その時の構成は、貼ってもらうブログには、指定のjavascriptを貼ってもらい、
そこからswfを読み込み、そのswf内から、データ通信を行うものでした。
なので、swfが置いてあるドメインと、データ通信を行うドメインは、同じ、ということで、
クロスドメインの問題は起こらなかった、という感じでした。
（たとえHTMLに貼っていても、swfから見た階層、となるようです）

FlickrのAPIを使用して、プライベートでコンテンツを作成した時に、
この問題に行き当たりました。

Flickrにはcrossdomain.xmlは設置されています。
http://api.flickr.com/crossdomain.xml

ただし、ここで注意しなければいけないのが、
api.flickr.com
にはあるのであって、
www.flickr.com
にはcrossdomainファイルはない、ということです。
（セキュリティ上の問題かと思います。）

なので、flickrのAPIからデータを読み込む時には、このドメインに合わせないといけない、という事です。
ここで上手いこといかなくて、かなり悩みました、、。
（この両者のドメインによるデータ等の違いは、、わかりません）

どうしても、www.flickr.comを使いたい（アップロードさせる、など）などの、
crossdomain.xmlが設置されていないAPIなどのサービスをFlashで使用したい場合は、
間にPHPなどのプログラムを挟むことによって解決できるようです。
DEV.CONVEXSTYLE.NET - Flickr の新着 RSS 読み込み時の crossdomain 問題回避方法

PHPも要勉強、です。

Flickr APIを利用して作成した自作コンテンツにもリンクを貼っておきます。
Mr.littleBIG - 年賀状ジェネレータ

TextField(1)

2008-01-07T18:51:00.000+09:00

TextFieldについて。

入力テキストフィールドで入力された数字をそのまま足してしまうと、
数字として認識されず、文字列として認識されてしまいます。

なので、その場合は一度、数字に変換してやってから、
足すなどの計算をしてやる必要があります。

例)
1.数字に変換をしなかった場合。

2.数字への変換を行った場合。

ソース
1.数字に変換をしなかった場合

a_txt.maxChars = 1;
b_txt.maxChars = 2;

a_txt.restrict = "1-9";
b_txt.restrict = "0-9";

function calculation(){
 a = a_txt.text;
 b = b_txt.text;
 var sum:Number = a+b;
 sum_txt.text = sum;
}

sum_btn.onPress = function(){
 calculation();
}

2.数字への変換を行った場合

a_txt.maxChars = 1;
b_txt.maxChars = 2;

a_txt.restrict = "1-9";
b_txt.restrict = "0-9";

function calculation(){
 var a:Number = Number(a_txt.text);
 var b:Number = Number(b_txt.text);
 var sum:Number = a+b;
 sum_txt.text = sum;
}

sum_btn.onPress = function(){
 calculation();
}

変更している箇所は太字の部分のみ、です。

ようするに、数字であれば、
Number(～)
で、数字に変換できる、というわけです。

教えて!goo - アクションスクリプトで、足し算、引き算をするには？

ちなみに、この例では、数字のみを、入力、
更に、左の入力ボックスでは1桁、右では2桁、のみの入力しかできないようにしています。

この箇所です。

a_txt.maxChars = 1;
b_txt.maxChars = 2;

a_txt.restrict = "1-9";
b_txt.restrict = "0-9";

maxCharsで、入力文字数を制限、
（文字数なので、半角でも全角でも１文字、と判定する、、と思います。※未実証）
restrictで、入力文字を制限しています。

flair4 blog - Flashのテキストフィールドで文字入力を制限する

※ただし、背景色を透明にしてしまうと、WinのIEでは日本語入力が効かなくなるそうです。
fl0260 - wmode を transparent に設定した際の注意点
Flash-JP.COM - テキスト入力textfieldにIE6で日本語入力は×ですか？

これらの応用、とまではいきませんが、とある案件で、
とある日付までの日数のカウントダウン、
を作ったので、それをちょっと改造して、
入力された日付までの日数を表示するものを作ってみました。
（今年（2008年）は閏年なので、今年限定です、、。
さらに、今の日付よりも前の日付を入力すると、0日、と表示されるようにしました。）

ソースを書いておきます。

//現在の日にちを取得
var dateObj:Object = new Date;
var mm:Number = dateObj.getMonth() + 1;
var dd:Number = dateObj.getDate();

//日にちのセット
var m:Array = [31,29,31,30,31,30,31,31,30,31,30,31];

//トータル日にち用
var totalDay:Number = 0;

function calculation(){
 //入力された日にちを数字に変換
 var month:Number = Number(month_txt.text);
 var day:Number = Number(day_txt.text);
 //12月分ループ
 for ( i = 0 ; i < 12 ; i++){
  if ( month < mm){ //入力月が前月
   totalDay = 0;
  } else if ( month == mm){ //入力月が今月
   if ( day <= dd){ //入力日が前日もしくは当日
    totalDay = 0;
   } else { //入力日までの日数を入れる
    totalDay = day-dd;
   }
  } else{
   if ( (i+1) < mm){ //i+1の値が今月より前の月
   
   } else if( (i+1) == mm){//i+1の値が今月
    totalDay += ( m[i] - dd);
   } else{//i+1の値が今月以降
    if ( (i+1) < month){
     totalDay += m[i];
    } else if ( (i+1) == month){
     totalDay += day;
    } else{
    }
   }
  }
 }
 total_txt.text = totalDay;
}

sum_btn.onPress = function(){
 totalDay = 0;
 calculation();
}

もっと簡単に作れるかと思いきや、作ってみると思ったより長くなりました、、。

forループで、１～１２月までまわして、それぞれの条件に合った日数を、
totalDayに足していっているのですが、
その条件分岐がちょっとややこしくなってます。

解説してみます。
（入力された月→month
入力された日→day
現在の月→mm
現在の日→dd
ループ中のi+1→I
と、します。）
１．monthがmm以前
２．monthがmmと同一
３．monthがmm以降
３の時のみ、Iを使った判定を行う。以下は、３の中の処理。
４．Iがmm以前
５．Iがmmと同一
６．Iがmm以降
６の中で、さらに以下を判定
７．Iがmonth以前
８．Iがmonthと同一
９．Iがmonth以降

と、なります。（書いてて自分でも混乱しそう、、）

それぞれの時にtotalDayに何を足していくかと言うと、、
１．０日とします。
２．日付の処理を行う。
３．－
４．何もしない
５．monthからmmを引いた値（今月の残り日数）を足す
６．－
７．それぞれの月の日数を足す
８．ddを足す
９．何もしない

２の日付の処理とは、月でやった、１～３の処理と同じ事を、
日付で行います。

これによって、入力された日付までの日数が表示される、はず、です。
（バグがあっても保障は致しません、、）

ちなみに、これに、年、を付加しようとなると、万年カレンダーの考え方が必要になります。

ですが、これは結構やっかいそうなので、
（昔からあるプログラムの練習問題みたいな感じのようですが、、）
参考リンクだけ、、。

参考:
Programのプ - 万年カレンダー解説
The page 31. - 論文：万年カレンダーを作る（上）

たぶん、日数計算だけなら、ユリウス通日、とか言うものの考え方を使えば簡単そう、、。

また万年カレンダーを作ったらここに解説します。

Sound

2007-11-13T20:33:00.001+09:00

サウンドを読み込む時。
（※loadSoundや、attachSound()での読み込み時のみ。
タイムライン上のサウンドは別）

読み込む時には、シンボルに割り当てる事が推奨されている。

同時に複数のサウンドを読み込み、
それぞれのボリュームや、再生停止を制御したい場合、
別々のシンボルに割り当てていないと、
全てのサウンドに設定が適用されてしまいます。

soundA = new Sound(mcA); //mcAに関連付け
soundB = new Sound(mcB); //mcBに関連付け
soundA.attachSound("SoundA");
soundB.attachSound("SoundB");
soundA.setVolume(30); //soundAとsoundBで別々に
soundB.setVolume(70); //ボリュームを制御できる
soundA.start();
soundB.start();

参考：なぜにGAC - ASにて複数Soundの制御方法--volume

このように別々のシンボルに割り当てることによって、
それぞれの制御が可能となります。

参考資料：
FumioNonaka.com Macromedia Flash非公式テクニカルノート -
ボリューム0でSound.loadSound()すると100に戻しても音が聴こえない

Flash + HTML

2007-11-07T11:55:00.000+09:00

HTML側から変数をFlashへ渡す方法。

まず、HTML側。

swfを呼び出す記述の中のURLに、

071107.swf?flag=red

と、ファイル名の後に、
?＜変数名＞=＜変数＞と、する。

これにより、指定した変数名に、指定した変数が代入された状態で、
フラッシュの再生が始まる。
今の場合だと、flagに、redという（文字列）が入った状態。

いたってシンプルです。
そのまま入ります。

複数個、続ける場合は＆でつなげる。

071107.swf?flag=red&s=11

では、実際に、例。

フラッシュを上にあった記述で貼り付けてみる。

071107.swf?flag=red

btn横のテキストには、与えられた変数を表示するようにしている。
今の場合は、「red」。
そして、ボタンを押すと、赤くなる。

では、ここに違うものをいれてみる。

071107.swf?flag=blue

あらかじめ、「blue」だったら青くなるようにしてあるので、
btnを押すと青に変わります。
テキストは「blue」。

ちなみに、HTMLから与えられた変数は「_root」階層になります。

cacheAsBitmap(2)

2007-10-16T14:44:00.000+09:00

マスクは便利な機能ですが、通常の使い方ではフィルタが
かかっていたり透明のマスクなどは効果が切れてしまいます。

■マスクをかける前

■マスクをかけた後（通常どおり）

■フィルタ「ぼかし」をかけたMCをマスクに

しかしそれも、cacheAsBitmapを使えば実現できます。

※要FlashPlayer8以上

マスクのかけてやり方はフレームにマスクレイヤーを作るのではなくて、
スクリプト、setMask()でかけてやります。
（でないと出来ません）

test_mc.setMask(mask_mc);

test_mc.cacheAsBitmap = true;
mask_mc.cacheAsBitmap = true;

この様に、双方をビットマップに変換してやると、ぼかし等のフィルタがかかっていたりしてもマスクをかける事ができます。

そのマスクを動かしてやっても問題ありません。

この事はヘルプにも書いてあるそうです。
（ちょっと感嘆の声を上げました）

アルファチャンネルマスクについて
アルファチャンネルマスクは、マスクとマスクされたムービークリップの両方でビットマップキャッシュが使用されている場合にサポートされます。

ちなみに、

フィルタ、キャッシュおよび MovieClip クラスの操作
ムービークリップに少なくとも 1 つのフィルタが適用されていれば、cacheAsBitmap プロパティが true となり、実行時にムービークリップがビットマップとしてキャッシュされます。

だ、そうです。

なら、フィルタをかけている方にはcacheAsBitmapをかけてやらなくても大丈夫という事でしょうか。

結果、こうなりました。

大丈夫、という事ですね。

参考：グラデーション・マスク - にゃあプロジェクトウェブログ

onMouseMove(1)

2007-10-12T17:20:00.000+09:00

フラッシュ全体がボタンになっているものがあるとします。

その上に違うボタンを配置します。
そのボタンは普段は非表示ですが、そのフラッシュ上にマウスをもっていくと現れます。
そして離してからしばらくすると消えます。
（ムービーのタイムラインを制御してるバー（シークバー）を考えるとわかりやすい。
ずっと出てると邪魔だ、とか）

まず、始めに思ったのが、全体のボタンにロールオーバーした時ボタンを表示、
ロールアウトすると非表示、というものです。

しかし、これには問題がありました。

ボタンの上にボタンをおいてしまうと、片一方のボタンしか動作しないのです。
（当たり前ですが。）

実験：

Btn1にロールオーバーでball_mcが動き、Btn2にロールオーバーでball2_mcが動く。
どちらもロールアウトで止まる。
（ボールの動きは、各mc内でタイムラインで制御）

では、このボタンを重ねてみます。（Btn2が上）

結果はごらんのとおり。
Btn1の上にあるBtn2にロールオーバーすると、ball2_mcしか動きませんん。
その下にあるBtn1には反応しません。
さらに、ball_mcは止まっています。
要するに、Btn1からはロールアウトした、と判定されてしまうのです。

これでは問題です。

冒頭の動きをこの方法で再現しようとすると、中にあるボタンを押そうと、ロールオーバーした瞬間に、全体のボタンからロールアウトした、と判定してしまい、ボタンが消えてしまいます。
（そのままでも押すことは出来ますが。）

で。

次に考えた方法が、hitTestを使用した方法です。

これについては前回のエントリーで書きましたが、サンプルのみ載せてみます。

まず、先ほどのサンプルを改良し、
Btn1の上にマウスが乗ると、ball_mcが動くようにします。

これでは「画面全体」に反応はしてくれませんので、このBtn1を画面全体に配置します。

すると、「上に乗った時」反応はしてくれますが、「外に出たとき」は反応してくれません。
（ball_mc内のタイムラインで外れるまでループする設定にしていますので、止まりません。）
※ずっと動いているのがうっとおしいと思ったら一度ページをリロードして下さい。）

これは、フラッシュの領域（swfの範囲）からマウスが外れても、
フラッシュ内ではマウスの位置は画面内に停止したままになる為です。

ではどうすれば実装できるでしょうか？

それで、考えたのが、onMouseMoveです。
マウスが動いている時は表示、止まっている時（フラッシュ領域外に出たときも止まっている判定）は非表示、にすればいいのではないのでしょうか。

ここで一つ問題があります。
フラッシュには、onMouseMove、という、「マウスが動いたら」という関数はありますが、
「マウスが止まったら（動いてなかったら）」という関数はありません。

そこで、色々調べてみると、以下に参考になる（というか正に、な感じ）サイト（フォーラムですが）がありました。

FLASH-JP.COM - マウスポインタが一定時間動かなかったらWebに飛ぶというものをつくりたいのですが、

そこでは、onMouseMove、onEnterFrame、あと、setIntervalを使用し、
「マウスが止まったら」の判定を実現しています。

そこでさっそく、その内容を冒頭の動きに近くなるように改良。

結果がこれです。

始めは中心にある円は表示されていますが、一度でもフラッシュエリア内にマウスが入れば、判定が始まります。

以下、長いですが、コードです。

var speed:Number = 0.5;
var A:Number = 100;

//enterFrame用の空のムービークリップ
_root.createEmptyMovieClip("IDa",1);
_root.createEmptyMovieClip("IDb",2);

//中心の円が徐々に消える
function transMc(){
 test_mc._alpha += ( A - test_mc._alpha)*speed;
 if ( test_mc._alpha < 1){
  test_mc._alpha = 0;
  IDa.onEnterFrame = null;
  IDb.onEnterFrame = null;
 }
 if ( test_mc._alpha > 98){
  test_mc._alpha = 100;
  IDa.onEnterFrame = null;
  IDb.onEnterFrame = null;
 }
}

//ここがsetIntervalによって呼び出され、上記transMcが繰り返される
function setTrans(){
 A = 0;
 IDa.onEnterFrame = transMc;
}

//マウスが動く度に読み出される
this.onMouseMove = function(){
 clearInterval(setID);
 delete setID;
 A = 100;
 IDa.onEnterFrame = transMc;
 IDb.onEnterFrame = setEnterframe;
}

//マウスが動いているか止まっているかの判定の核
function setEnterframe(){
 if( !setID){
  setID = setInterval(setTrans,4000);
 }
}

EnterFrame処理を何もしていない時も実行しているのが嫌だったため、
それを使用しないように、一段階ややこしくなってます。
（FLASH-JPの方が簡単なサンプルが載ってます）

簡単に解説すると、
マウスが動いている間は、setIDが消され続けます。
さらに、setEnterframeが、呼び出されます。
この、setEnterframeの中では、setIDがもしなかったら、setIDを作れ、
と、命令しています。
ですが、マウスを動かしている間はsetIDは消され続けるのでここでイタチごっこが行われます。
さらに、setIDにはsetIntervalを割り当て、ここでは4秒に一回、setTransを実行するよう命令しています。

要するに、setIDが作られてから、4秒経つと、setTransが実行されるのです。

しかし、マウスを動かしている間は、
setIDを消去→setIDを作成→setIDを消去→4秒経つ前に再びsetIDを作成（タイマーがリセットされる）
を繰り返しているので、いつまでたってもsetTransが実行されません。

しかし、マウスを動かすのをやめると、setIDが作成された後、消去されません。
（次にマウスを動かすまでsetIDが作られることはない。）
なので、無事、setTransが（4秒後に）実行される事となるのです。

あとは、setTransから円が消えるように指示を出してやればいいのです。
（もう一段階踏んでますが、今趣旨とは無関係なので割愛）

cacheAsBitmap(1)

2007-10-11T13:14:00.000+09:00

setMaskを使うとスクリプトでマスクをかけることが出来ます。

test_mc.setMask(mask_mc);

test_mcをmask_mcでマスクして表示。
mask_mcの円の形にtest_mcがくりぬかれます。

この、mask_mcは今、描画オブジェクトで書かれていて、線はなし、塗りのみ、となってます。

では、逆に線だけ、でマスクをかけることは出来るのでしょうか？
とりあえす、mask_mcを線だけにしてみます。

結果はごらんの通り。何も表示されません。

要するに、描画オブジェクト（ベクターオブジェクト）の場合は塗りのみマスクが適用されるようです。

では、描画オブジェクトではなく、ビットマップに変えてしまえばいいのでないか、となります。

それが、cacheAsBitmapプロパティです。

acheAsBitmap (MovieClip.cacheAsBitmap プロパティ) - Flashドキュメンテーション

これを使用するとベクターオブジェクトをビットマップオブジェクトに変換できます。

引用

ビットマップがキャッシュされているムービークリップのベクターデータはすべて、メインステージでなくビットマップに描画されます。

このようにします。

test_mc.setMask(mask_mc);
test_mc.cacheAsBitmap = true;
mask_mc.cacheAsBitmap = true;

結果、みごとに線にマスクをかけることが出来ました。

参考 - 線でマスク：にゃあプロジェクト

hitTest(1)

2007-10-10T12:58:00.000+09:00

hitTest関数によって、マウスポインタがムービークリップと重なっているかどうか
（そのエリアにマウスがいるかどうか）
が、検出できます。
以下のようにすれば、hit Areaにマウスがある時とない時で、別々のイベントが発生させれる。
（マウスオーバーのような効果）

function test1(){
    test_mc._alpha --;
}
function test2(){
    test_mc._alpha ++;
}

_root.onMouseMove = function(){
    var Flag = hit_mc.hitTest(_root._xmouse,_root._ymouse,true);
    if ( Flag){
        onEnterFrame = test1;
    } else{
        onEnterFrame = test2;
    }
}

では、この範囲をFlashのサイズギリギリいっぱいまで広げてみるとどうなるのでしょうか？

ご覧のとおり、外に出たときは反応しません。
あくまでもFlash内でのみ判定可能、ということでした。

背景色

2007-10-10T11:53:00.000+09:00

Flashでの背景色の指定は、Flaファイル上で、
背景の色を単純に変えてやり、パブリッシュすれば変更できる。
（htmlを書き出さないと出来ない）

だが、いちいちFlashを立ち上げるのはめんどくさい、もしくは、
Flashのソフト（または.flaファイル）を持ってないときもある。

そんな時、あとから背景色を変えるにはどうしたらいいんでしょう？

答えは簡単。HTMLファイルをいじって、色を変更するだけ。

直接貼り付けの場合、
<param name="bgcolor" value="#ffffff" />
<embed ～ bgcolor="#ffffff" ～ />
と、なっているところの、色を変更してやるだけ。

ちなみに、この箇所を、
<param name="wmode" value="transparent">
<embed ～ wmode=”transparent” ～ />
に、変更してやると、背景が透明なフラッシュが出来上がります。

onEnterFrame(1)

2007-10-09T20:26:00.000+09:00

onEnterFrameについて。

スクリプトでムービークリップ内に、
onClipEvent(enterframe)と、書くのではなくて、
タイムライン内に、
onEnterFrame = function(){ 内容 }
と、書く方法があります。

これのさらに発展形(？)で、
function XXX (){ 内容 }と、functionで関数を設定し、
それを、OnEnterFrameにする、という方法があります。

例：

function Test(){
test_mc._x ++;
}
this.onEnterFrame = Test;

と、書くと、Test関数がEnterFrameとして繰り返され、test_mcがx方向に1づつ進むこととなります。
こうする利点として、EntterFrame処理がいらなくなったときに、消すことが出来ます。
（たぶん、しなくても消せると思いますが、、）

例：

function Test(){
test_mc._x ++;
}
test_btn.onPress = function(){
this.onEnterFrame = Test;
};
test_btn.onRelease = function(){
this.onEnterFrame = null;
}

こうすると、test_btnを、押したとき(Press）test_mcが動き、
離したとき（Release）EnterFrameにnullが与えられ（要するに、処理を消す）test_mcは止まります。

色々参考サイトを見てみて、この方法があることを知ったのですが、
見た限りでは、
this.onEnterFrame = ～;
と、書いてあります。

では、複数のEnterFrame処理を同時に発生させ、一方だけを消す、という時はどうするのでしょうか？
試してみます。

例：

function Test1(){
test_mc._x ++;
}
function Test2(){
test_mc._y ++;
}
test_btn.onPress = function(){
this.onEnterFrame = Test1;
this.onEnterFrame = Test2;
};
test_btn.onRelease = function(){
this.onEnterFrame = null;
}

結果を見ればお分かりの通り、test_mcはy方向（下)にしか動きません。
そして、ボタンを離すと止まります。
やはり、this.～と同じにしてるのがいけないようです。

なので、次を書いてみます。
例：

function Test1(){
test_mc._x ++;
}
function Test2(){
test_mc._y ++;
}
test_btn.onPress = function(){
onEnterFrame = Test1;
this.onEnterFrame = Test2;
};
test_btn.onRelease = function(){
this.onEnterFrame = null;
}

一つ目から、this.を取り除いてみました。
結果、ボタンを押すと、斜めに（EnterFrameが同時に働いている）、離すと、x方向（横）に動き続けます。

これはどうやら、どれにEnterFrame関数を当てるか、で変わってくるようです。
Test2は、thisに当てていますので、this.onEnterFrame = null;で、処理を取り消すことが出来ます。
しかし、Test1はとくに当てられていませんので、取り消しにはなりません。
違いが出てきました。
（では、何も書かない場合はどこに当てられてるんでしょう、、？）

なので、それぞれの処理をそれぞれ別のムービークリップなりなんなりに割り当ててやれば管理しやすそうです。
そこで、それぞれのためにわざわざ新規にムービークリップを作るのも手間なので、createEmptyMovieClipで、それ用のムービークリップを作ってやる事にします。

例：

_root.createEmptyMovieClip("one",1);
_root.createEmptyMovieClip("two",2);
function Test1(){
test_mc._x ++;
}
function Test2(){
test_mc._y ++;
}
test_btn.onPress = function(){
one.onEnterFrame = Test1;
two.onEnterFrame = Test2;
};
test1_btn.onRelease = function(){
one.onEnterFrame = null;
}
test2_btn.onRelease = function(){
two.onEnterFrame = null;
}

これで、メインのボタンをクリックすると、斜めに動き（同時に働く）、
ボタン1をクリックで、横方向の動きが止まり、
ボタン2をクリックで、縦方向の動きが止まるようになりました。