ADD CHILD = AS3 » button

ボタンに連動してムービークリップの表示を変える[2-7]

admin — Thu, 01 Oct 2009 07:44:31 +0000

配列を利用して複数のボタンにリンクを付けてる

ムービークリップのボタンに飛び先となるURLを指定するのに配列を利用します。
配列にあらかじめ飛び先となるURLを格納して、添字を利用してループ処理を行うような感じになります。

//配列
var url:Array = new Array();
url[1] = "http://www.yahoo.co.jp";
url[2] = "http://www.google.co.jp";
url[3] = "http://www.addchild.net";

ここでは添字を1から始めてますが、本来なら配列は0からはじまることが定められてます。
しかしムービークリップのインスタンス名の数字と合わせる為に、このような手法を取っています。

配列の準備が出来れば、マウスダウンした時の処理をループさせます。

for(var i:int = 1; i < 4; i++){
	if(btn == this["btn_mc"+i]){
		var link:URLRequest = new URLRequest(url[i]);
		var target:String = "_self";
		navigateToURL(link,target);
	}
}

switchを利用することも出来ますが、今回はforを使ってプログラム処理を簡略化しています。
下記はswitchのプログラムです。

switch(btn){
	//1
	case btn_mc1:
	var google:URLRequest = new URLRequest("http://www.google.co.jp");
    var target:String = "_self";
	navigateToURL(google,target);
	break;
	//2
	case btn_mc2:
	var yahoo:URLRequest = new URLRequest("http://www.yahoo.co.jp");
    var target:String = "_self";
	navigateToURL(yahoo,target);
	//3
	case btn_mc3:
	var addchild:URLRequest = new URLRequest("http://www.addchild.net");
    var target:String = "_self";
	navigateToURL(addchild,target);
}

素人感覚でみるとswitchの方が理解しやすいかもしれませんが、プログラムを簡略させる為にforを使いました。

これで飛び先となるURLの指定は完了しましたので、[2-6]で使用したアクションスクリプトにマウスダウンの処理を付け加えます。

//ループを使う
for(var i:int = 1; i < 4; i++){
	//イベントリスナー登録
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OVER,Over);
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OUT,Out);
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_DOWN,Down);

	//ボタンモード
	this["btn_mc"+i].buttonMode = true;
	//イメージムービークリップを非表示
	this["img_mc"+i].alpha = 0;
}
//初期状態
img_mc1.alpha = 1;

//マウスオーバー
function Over(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 0.7;
	//条件に合わしてイベントリスナー登録
	for(var i:int = 1; i < 4; i++){
    	if(btn == this["btn_mc"+i]){
        	this["img_mc"+i].addEventListener(Event.ENTER_FRAME,imgAlpha);
    	}
	}
}
//アルファプログラム関数
function imgAlpha(event:Event){
	//ムービークリップのチェック
	var img:MovieClip = event.target as MovieClip;
	for(var i:int = 1; i < 4; i++){
		var imgNo:MovieClip = this["img_mc"+i] as MovieClip;
		imgNo.alpha = 0;
		img.alpha = 1;
		img.removeEventListener(Event.ENTER_FRAME,imgAlpha);
	}
}

//マウスアウト
function Out(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 1;
	//条件に合わしてイベントリスナー登録
	for(var i:int = 1; i < 4; i++){
    	if(btn == this["btn_mc"+i]){
        	this["img_mc"+i].addEventListener(Event.ENTER_FRAME,zero);
    	}
	}
}
//リセットプログラム関数
function zero(event:Event):void{
	var img:MovieClip = event.target as MovieClip;
	img.alpha = 1;
	img.removeEventListener(Event.ENTER_FRAME,imgAlpha);
	img.removeEventListener(Event.ENTER_FRAME,zero);
}

//マウスダウン
function Down(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	//配列
	var url:Array = new Array();
	url[1] = "http://www.yahoo.co.jp";
	url[2] = "http://www.google.co.jp";
	url[3] = "http://www.addchild.net";

	for(var i:int = 1; i < 4; i++){
		if(btn == this["btn_mc"+i]){
			var link:URLRequest = new URLRequest(url[i]);
			var target:String = "_self";
			navigateToURL(link,target);
		}
	}
}

配列を利用して複数のボタンにリンクを付けてる

ボタンに連動してムービークリップの表示を変える[2-6]

admin — Tue, 29 Sep 2009 08:43:54 +0000

ボタンごとにマウスオーバー（オンマウス）のムービークリップを指定する – for編

[2-5]で使用したムービークリップのボタンとイメージムービークリップを連動さるアクションスクリプトをもっと簡略化した条件分岐（今回はfor）でプログラム処理をします。

マウスオーバー、マウスアウトした時の処理を[2-5]ではswitchを使って条件分岐をしていましたが、今回はforを使って条件分岐を行います。
forを使うことで、アクションスクリプトの簡略化にもつながります。

//マウスオーバー
function Over(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 0.7;
	//条件に合わしてイベントリスナー登録
	for(var i:int = 1; i < 4; i++){
    	if(btn == this["btn_mc"+i]){
        	this["img_mc"+i].addEventListener(Event.ENTER_FRAME,imgAlpha);
    	}
	}
}
//マウスアウト
function Out(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 1;
	//条件に合わしてイベントリスナー登録
	for(var i:int = 1; i < 4; i++){
    	if(btn == this["btn_mc"+i]){
        	this["img_mc"+i].addEventListener(Event.ENTER_FRAME,zero);
    	}
	}
}

オンマウス、マウスアウトした時に走るイベントリスナーをforを使ってループさせます。

まず、forで変数iの条件を設定し、ボタンのムービークリップ（btn_mc）を条件が終わるまで+1づつ足していく処理なので、btn_mc1～btn_mc3までを示しすことになります。さらに変数btnはターゲットになっているボタンのムービークリップとなるので、”btn_mc”+iの条件と同じ時、つまりはbtn_mc1～btn_mc3でのイベントリスナーが走ります。
リスナー関数も同様に、”img_mc”+iとなっているのでimg_mc1～img_mc3がインスタンス名になります。

続いてプログラムリスナー関数の条件分岐もforに変更します。

//アルファプログラム関数
function imgAlpha(event:Event){
	//ムービークリップのチェック
	var img:MovieClip = event.target as MovieClip;
	for(var i:int = 1; i < 4; i++){
		var imgNo:MovieClip = this["img_mc"+i] as MovieClip;
		imgNo.alpha = 0;
		img.alpha = 1;
		img.removeEventListener(Event.ENTER_FRAME,imgAlpha);
	}
}
//リセットプログラム関数
function zero(event:Event):void{
	var img:MovieClip = event.target as MovieClip;
	img.alpha = 1;
	img.removeEventListener(Event.ENTER_FRAME,imgAlpha);
	img.removeEventListener(Event.ENTER_FRAME,zero);
}

アルファプログラム関数（オンマウス時に走るイベントリスナー）
上記アクションスクリプト同様にforで変数iの条件を設定します。
さらに変数imgNoを宣言し、”img_mc”+iでループさせることで、img_mc1～img_mc3までを変数imgNoに置き換えますので、すべてのimg_mcの透明度が0になり非表示になります。
しかしターゲットになっているムービークリップをimgに置き換えて透明度を1していますにで、ターゲットになっているムービークリップだけが表示となるカラクリです。

リセットプログラム関数（マウスアウト時に走るイベントリスナー）では、簡潔にターゲットになっているムービークリップの透明度が1、つまり表示になったらリスナー関数の登録の削除を行うカラクリです。

//ループを使い
for(var i:int = 1; i < 4; i++){
	//イベントリスナー登録
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OVER,Over);
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OUT,Out);

	//ボタンモード
	this["btn_mc"+i].buttonMode = true;
	//イメージムービークリップを非表示
	this["img_mc"+i].alpha = 0;
}
//初期表示設定
img_mc1.alpha = 1;

//マウスオーバー
function Over(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 0.7;
	//条件に合わしてイベントリスナー登録
	for(var i:int = 1; i < 4; i++){
    	if(btn == this["btn_mc"+i]){
        	this["img_mc"+i].addEventListener(Event.ENTER_FRAME,imgAlpha);
    	}
	}
}
//アルファプログラム関数
function imgAlpha(event:Event){
	//ムービークリップのチェック
	var img:MovieClip = event.target as MovieClip;
	for(var i:int = 1; i < 4; i++){
		var imgNo:MovieClip = this["img_mc"+i] as MovieClip;
		imgNo.alpha = 0;
		img.alpha = 1;
		img.removeEventListener(Event.ENTER_FRAME,imgAlpha);
	}
}

//マウスアウト
function Out(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 1;
	//条件に合わしてイベントリスナー登録
	for(var i:int = 1; i < 4; i++){
    	if(btn == this["btn_mc"+i]){
        	this["img_mc"+i].addEventListener(Event.ENTER_FRAME,zero);
    	}
	}
}
//リセットプログラム関数
function zero(event:Event):void{
	var img:MovieClip = event.target as MovieClip;
	img.alpha = 1;
	img.removeEventListener(Event.ENTER_FRAME,imgAlpha);
	img.removeEventListener(Event.ENTER_FRAME,zero);
}

ボタンごとにマウスオーバー（オンマウス）のムービークリップを指定する – for

ボタンに連動してムービークリップの表示を変える[2-5]

admin — Thu, 17 Sep 2009 08:34:07 +0000

ボタンごとにマウスオーバー（オンマウス）のムービークリップを指定する – switch編

複数のムービークリップのボタンと複数のイメージムービークリップを連動させ、条件分岐（今回はswitch）でプログラム処理を変えます。
複数のボタンの登録は[2-2]で使用したfor文を使い、ボタンとなるムービークリップのアクションスクリプトを書きます。
さらにステージ上にマウスオーバー時に動かすムービークリップを用意します。
今回は[1-8]で使用したムービークリップを使い、そのムービークリップの色違いを複数用意しステージに配置してインスタンス名を付けます。（今回はimg_mc1.img_mc2にしました）
インスタンス名を付ける時に[2-2]のようにインスタンス名の最後に1からの数字を付けます。

マウスオーバー時の処理とマウスアウト時の処理を変更していきます。
[2-2]で使用したアクションスクリプトのマウスオーバーとマウスアウトのプログラムにイメージムービークリップを表示させるプログラムを追加します。

//マウスオーバー
function Over(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 0.7;
	switch(btn){
		//1
		case btn_mc1:
		//マウスオーバーされたらイベントリスナー登録
		img_mc1.addEventListener(Event.ENTER_FRAME,imgAlpha);
		break;
		//2
		case btn_mc2:
		//マウスオーバーされたらイベントリスナー登録
		img_mc2.addEventListener(Event.ENTER_FRAME,imgAlpha);
		break;
	}
}
//マウスアウト
function Out(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 1;
	switch(btn){
		//1
		case btn_mc1:
		img_mc1.addEventListener(Event.ENTER_FRAME,zero);
		break;
		//2
		case btn_mc2:
		img_mc2.addEventListener(Event.ENTER_FRAME,zero);
		break;
	}
}

event.targetをbtnに置き換え、そのbtnをswitch文でcaseに該当するイベントリスナーを走らせる感じになります。
この時にcaseなのでbreakを入れないと次の処理までしてしまいますので注意して下さい。

次にマウスオーバーした時とマウスアウトした時に動くプログラム関数（リスナー関数）のプログラムを書きます。
今回はプログラム関数でもswitchを使いターゲット別にムービークリップの処理を変えています。
例えば、img_mc1のイベントリスナーが登録されたら、imgAlphaが走りだし、img_mc1を表示させ、img_mc2を非表示にし、さらにイベントリスナーの登録解除させます。
マウスアウト時も同様です。

//アルファプログラム関数
function imgAlpha(event:Event){
	//ムービークリップのチェック
	var img:MovieClip = event.target as MovieClip;
	switch(img){
		//1
		case img_mc1:
		img_mc1.alpha = 1;
		img_mc2.alpha = 0;
		img.removeEventListener(Event.ENTER_FRAME,imgAlpha);
		break;
		//2
		case img_mc2:
		img_mc1.alpha = 0;
		img_mc2.alpha = 1;
		img.removeEventListener(Event.ENTER_FRAME,imgAlpha);
		break;
	}
}
//リセットプログラム関数
function zero(event:Event):void{
	var img = event.target;
	switch(img){
		//1
		case img_mc1:
		img_mc1.alpha = 1;
		img_mc1.removeEventListener(Event.ENTER_FRAME,imgAlpha);
		img_mc1.removeEventListener(Event.ENTER_FRAME,zero);
		break;
		//2
		case img_mc2:
		img_mc2.alpha = 1;
		img_mc2.removeEventListener(Event.ENTER_FRAME,imgAlpha);
		img_mc2.removeEventListener(Event.ENTER_FRAME,zero);
		break;
	}
}

どのムービークリップのボタンがマウスオーバーやマウスアウトになり、どのイベントリスナーを動かすのかを条件分岐（switch）させて該当するケースでプログラムが動き出すカラクリです。

//ループを使い
for(var i:int = 1; i < 3; i++){
	//イベントリスナー登録
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OVER,Over);
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OUT,Out);

	//ボタンモード
	this["btn_mc"+i].buttonMode = true;
	//イメージムービークリップを非表示
	this["img_mc"+i].alpha = 0;
}

//初期表示設定
img_mc1.alpha = 1;

//マウスオーバー
function Over(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 0.7;
	switch(btn){
		//1
		case btn_mc1:
		//マウスオーバーされたらイベントリスナー登録
		img_mc1.addEventListener(Event.ENTER_FRAME,imgAlpha);
		break;
		//2
		case btn_mc2:
		//マウスオーバーされたらイベントリスナー登録
		img_mc2.addEventListener(Event.ENTER_FRAME,imgAlpha);
		break;
	}
}
//アルファプログラム関数
function imgAlpha(event:Event){
	//ムービークリップのチェック
	var img:MovieClip = event.target as MovieClip;
	trace(event.target.name);
	switch(img){
		//1
		case img_mc1:
		img_mc1.alpha = 1;
		img_mc2.alpha = 0;
		img.removeEventListener(Event.ENTER_FRAME,imgAlpha);
		break;
		//2
		case img_mc2:
		img_mc1.alpha = 0;
		img_mc2.alpha = 1;
		img.removeEventListener(Event.ENTER_FRAME,imgAlpha);
		break;
	}
}

//マウスアウト
function Out(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 1;
	switch(btn){
		//1
		case btn_mc1:
		img_mc1.addEventListener(Event.ENTER_FRAME,zero);
		break;
		//2
		case btn_mc2:
		img_mc2.addEventListener(Event.ENTER_FRAME,zero);
		break;
	}
}
function zero(event:Event):void{
	var img = event.target;
	switch(img){
		//1
		case img_mc1:
		img_mc1.alpha = 1;
		img_mc1.removeEventListener(Event.ENTER_FRAME,imgAlpha);
		img_mc1.removeEventListener(Event.ENTER_FRAME,zero);
		break;
		//2
		case img_mc2:
		img_mc2.alpha = 1;
		img_mc2.removeEventListener(Event.ENTER_FRAME,imgAlpha);
		img_mc2.removeEventListener(Event.ENTER_FRAME,zero);
		break;
	}
}

ボタンごとにマウスオーバー（オンマウス）のムービークリップを指定する – switch

ムービークリップをボタンとして使う[2-4]

admin — Sun, 13 Sep 2009 08:10:49 +0000

複数のムービークリップのボタン別にリンクを付ける

[2-3]で使用したアクションスクリプトでは、複数のムービークリップに対して一つのリンク先を付けてましが、今回は押されたムービークリップのボタンごとに、別々のリンク先を用意して、条件分岐でリンク先を変更させます。

[2-3]で使用したアクションスクリプトのクリック時、またはマウスダウン時のリスナー関数に条件分岐のプログラムを追加します。
今回使う条件分岐はswitchで、ターゲットのムービークリップごとに振り分けて、別々のリンク先を指定するような感じなります。

//押されたムービークリップで条件分岐
	switch(btn){
		//1
		case btn_mc1:
		var google:URLRequest = new URLRequest("http://www.google.co.jp");
		navigateToURL(google);
		break;
		//2
		case btn_mc2:
		var yahoo:URLRequest = new URLRequest("http://www.yahoo.co.jp");
		navigateToURL(yahoo);
	}

クリック時もしくはマウスダウン時のムービークリップのイベントターゲットがbtn_mc1のやbtn_mc2か、どのケースに該当するか判定させています。
イベントターゲットを変数btnに置き換え、そのbtnのターゲットがそのケースに当てはまるかを条件分岐しています。

//ループを使い
for(var i:int = 1; i < 3; i++){
	//イベントリスナー登録
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OVER,Over);
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_DOWN,Down);
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OUT,Out);

	//ボタンモード
	this["btn_mc"+i].buttonMode = true;
}
//マウスオーバー
function Over(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 0.7;
}
//マウスアウト
function Out(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 1;
}
//マウスダウン
function Down(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
    var target:String = "_self";

	//押されたムービークリップで条件分岐
	switch(btn){
		//1
		case btn_mc1:
		var google:URLRequest = new URLRequest("http://www.google.co.jp");
		var target:String = "_self";
		navigateToURL(google,target);
		break;
		//2
		case btn_mc2:
		var yahoo:URLRequest = new URLRequest("http://www.yahoo.co.jp");
		var target:String = "_self";
		navigateToURL(yahoo,target);
	}
}

複数のムービークリップのボタンに条件分岐でリンクを付ける

ムービークリップをボタンとして使う[2-3]

admin — Wed, 09 Sep 2009 06:49:35 +0000

ムービークリップのボタンにリンクを付ける

[2-1]で使用したアクションスクリプトに、マウスがクリックされた時またはマウスがダウンした時のプログラムに指定したURLのリンクを付けます。
URLのリンクを付ける為には、ActionScript 2.0ではgetURLなどを使い外部ページにアクセスが出来ましたが、ActionScript 3.0ではgetURLに変わる方法でプログラムを書かなくてはなりません。
URLRequestクラスでまずURL情報を指定して、navigateToURLクラスにその情報を渡してリンクさせるみたいな感じになります。

//プログラム関数（マウスダウン）
function Down(event:Event):void{
	//URLRequestの設定
	var Url:URLRequest = new URLRequest("http://www.addchild.net/");
	//ターゲット条件を指定
	var target:String = "_self";
	//指定したURLに飛ばす
	navigateToURL(Url,target);
}

new演算子しでURLを変数Urlに置き換えて、置き換えてたUrlをnavigateToURLでページに移動となります。
さらに、ターゲットをselfにすることで現在のページで移動となりますが、blankなどで別タブや別ウィンドウで表示させることも可能です。

//イベントリスナー登録
btn_mc.addEventListener(MouseEvent.ROLL_OVER,Over);
btn_mc.addEventListener(MouseEvent.CLICK,Down);
btn_mc.addEventListener(MouseEvent.ROLL_OUT,Out);

//ボタンモード
btn_mc.buttonMode = true;

//プログラム関数（マウスオーバー）
function Over(event:Event):void{
	btn_mc.alpha = 0.7;
}

//プログラム関数（マウスダウン）
function Down(event:Event):void{
	//URLRequestの設定
	var Url:URLRequest = new URLRequest("http://www.addchild.net/");
	//ターゲット条件を指定
	var target:String = "_self";
	//指定したURLに飛ばす
	navigateToURL(Url,target);
}

//プログラム関数（マウスアウト）
function Out(event:Event):void{
	btn_mc.alpha = 1;
}

ムービークリップをボタンにリンクを付ける

ムービークリップをボタンとして使う[2-2]

admin — Tue, 08 Sep 2009 04:23:36 +0000

複数のムービークリップのボタンに同じアクションスクリプトを使う

同じ動きをさせたいムービークリップをステージにそれぞれ配置し、インスタンス名に順番を付けて用意します。（例：btn_mc1）
この時の付ける順番とは、1から始まることが前提です。

ムービークリップに連番を付けたら、for構文を利用し、必要条件までループ処理をさせます。
今回は1～4までの連番を利用して、同じ動きをさせたいムービークリップを、必要な数だけイベントリスナーを用意するみたいな感じになります。
さらにボタンモードとして使用するムービークリップもループさせます。

//ループを使い
for(var i:int = 1; i < 5; i++){
	//イベントリスナー登録
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OVER,Over);
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_DOWN,Down);
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OUT,Out);

	//ボタンモード
	this["btn_mc"+i].buttonMode = true;
}

for(var i:int = 1; i < 5; i++)は数字を変数iに置き換え、1以上5未満までプラス1を繰り返す動きになりますので、ムービークリップのbtn_mc1～btn_mc4でイベントリスナーが用意されることになります。
またボタンモードも同様に必要分だけ宣言がだきてることになります。

あとは[2-1]のようにプログラム関数を用意するだけになりますが、各function関数にターゲットを置き換える変数を宣言しなくてはなりません…
ここのevent.targetについては詳しく説明できるようになったときに…

//ループを使い
for(var i:int = 1; i < 5; i++){
	//イベントリスナー登録
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OVER,Over);
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_DOWN,Down);
	this["btn_mc"+i].addEventListener(MouseEvent.MOUSE_OUT,Out);

	//ボタンモード
	this["btn_mc"+i].buttonMode = true;
}
//マウスオーバー
function Over(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 0.7;
}
//マウスアウト
function Out(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 1;
}
//マウスダウン
function Down(event:Event):void{
	var btn = event.target;  //ターゲットを置き換える
	btn.alpha = 0.5;
}

複数のムービークリップのボタンに同じ動きをさせる

ムービークリップをボタンとして使う[2-1]

admin — Mon, 07 Sep 2009 01:00:38 +0000

ムービークリップのボタンをロールオーバーさせる

ステージにボタンとなる素材を用意し、シンボルに変更→ムービークリップでインスタンス名を付けます。（今回はbtn_mcにしました）
ボタンにマウスが乗った時、クリックされた時、マウスが離れた時のイベントリスナーを書きます。

//イベントリスナー登録
btn_mc.addEventListener(MouseEvent.ROLL_OVER,Over);
btn_mc.addEventListener(MouseEvent.CLICK,Down);
btn_mc.addEventListener(MouseEvent.ROLL_OUT,Out);

マウスイベントでは同じ動きをするイベントがあります。（細かく言うと違います）
マウスオーバー時には、MOUSE_OVERとROLL_OVERがあります。
マウスクリック時には、MOUSE_DOWNとCLICKがあります。
マウスアウト時には、MOUSE_OUTとROLL_OUTがあります。

ムービークリップをボタンとして使う場合は、イベントリスナーを書くと同時に、ボタンモードの指定が必要になります。
書かなくてもイベントリスナーは動きますが、マウスしたときに指マークにならないので、ボタンとして使う場合には違和感が出てしまいますので、ボタンモードをし使用することを進めます。

各イベントリスナーのイベント処理のプログラムをalphaを使い用意します。

//イベントリスナー登録
btn_mc.addEventListener(MouseEvent.M.ROLL_OVER,Over);
btn_mc.addEventListener(MouseEvent.CLICK,Down);
btn_mc.addEventListener(MouseEvent.ROLL_OUT,Out);

//ボタンモード
btn_mc.buttonMode = true;

//プログラム関数（マウスオーバー）
function Over(event:Event):void{
	btn_mc.alpha = 0.7;
}

//プログラム関数（マウスダウン）
function Down(event:Event):void{
	btn_mc.alpha = 0.5;
}

//プログラム登関数（マウスアウト）
function Out(event:Event):void{
	btn_mc.alpha = 1;
}

ムービークリップをボタンとして使う

クリック制御でフェードを繰り返すムービークリップ[1-9]

admin — Fri, 04 Sep 2009 05:49:02 +0000

クリックでフェードを繰り返し、ダブルクリックでフェードの繰り返しを停止

[1-8]で使用したアクションスクリプトにクリックイベントとダブルクリックイベントのイベントリスナーを追記します。
ここで注意なんですがダブルクリックイベントを使用するためには、宣言が必要になりますので、わかりやすいところに何をダブルクリックに使うか宣言します。（今回はステージにしました）

//ダブルクリック宣言
stage.doubleClickEnabled = true;

クリックされた時にフェードインが始まり、表示されたらフェードアウトする動作になるので、クリックされた時にフェードを繰り返すプログラムを呼び出すイベントリスナーを書きます。

//イベントリスナー登録
stage.addEventListener(MouseEvent.CLICK,alphaImg);
stage.addEventListener(MouseEvent.DOUBLE_CLICK,stopAlpha);

//クリックされたプログラム関数
function alphaImg(event:MouseEvent):void{
	//クリックされたらイベントリスナー登録
	img_mc.addEventListener(Event.ENTER_FRAME,imgAlpha);
}

クリックされたらENTER_FRAMEのイベントリスナーを登録して、プログラム（imgAplha）を動かすみたいな感じです。
imgAlphaのプログラム関数では、ムービークリップを「alpha = 0」から「alpha = 1」の再生させ、表示、非表示を繰り返す条件分岐をしています。

//アルファプログラム関数
function imgAlpha(event:Event){
	//img_mc.alpha += alphaX;
	img_mc.alpha -= alphaX;
	//条件分岐
	if (img_mc.alpha > 1 || img_mc.alpha < 0){
		alphaX *= -1;
	}
}

透過速度としてalphaXを変数に置き換えてます。

ダブルクリックした時の処理としては、ダブルクリックされたら、ムービークリップを表示させENTER_FRAMEのイベントリスナーの登録を解除させます。

//ダブルクリック宣言
stage.doubleClickEnabled = true;

//変数の宣言
var alphaX:Number = 0.05;
//img_mc.alpha = 0;

//イベントリスナー登録
stage.addEventListener(MouseEvent.CLICK,alphaImg);
stage.addEventListener(MouseEvent.DOUBLE_CLICK,stopAlpha);

//クリックされたプログラム関数
function alphaImg(event:MouseEvent):void{
	//クリックされたらイベントリスナー登録
	img_mc.addEventListener(Event.ENTER_FRAME,imgAlpha);
}

//アルファプログラム関数
function imgAlpha(event:Event){
	//img_mc.alpha += alphaX;
	img_mc.alpha -= alphaX;
	//条件分岐
	if (img_mc.alpha > 1 || img_mc.alpha < 0){
		alphaX *= -1;
	}
}

//ダブルクリックさらたイベントリスナー登録
function stopAlpha(event:MouseEvent):void{
	//表示してイベントリスナーを解除
	img_mc.alpha = 1;
	img_mc.removeEventListener(Event.ENTER_FRAME,imgAlpha);
}

ボタンを押したらムービークリップを再生、停止

ムービークリップをボタンでコントロールする［1-7］

admin — Wed, 02 Sep 2009 02:25:06 +0000

ボタンを押してムービークリップを再生、停止させる（イベントリスナー編）

[1-6]はタイムライン制御でムービークリップを再生させましたが、今回はタイムラインを使わずにイベントリスナーのみでムービークリップをコントロールします。

[1-5]で使用したアクションスクリプトを利用して、ボタン制御のプログラムを追加したいと思います。
新規シンボルでボタンをステージに配置し、インスタンス名を付けます。（今回はstart_btnにしました）
さらに今回はストップ用ボタンも同じような手順でステージに配置し、インスタンス名を付けます。（今回はstop_btnにしました）

[1-5]のアクションスクリプトにボタンを押した時のプログラムを足していきます。
まず、ボタンが押された時のイベントリスナーを登録し、さらにボタンが押されたら実行するイベントリスナーを登録するみたいな感じなりますが、ボタンが押された時のイベントリスナーが[1-5]で使用したイベントリスナーになります。
実はイベントリスナーで実行するプログラムの中に、さらに実行するイベントリスナーを登録することができるんです。

//スタートボタンを押した時のイベントリスナー
start_btn.addEventListener(MouseEvent.CLICK,ballStart);

function ballStart(event:MouseEvent):void{
	//ボタンが押された時のイベントリスナー
	ball_mc.addEventListener(Event.ENTER_FRAME,ball);
}

スタートボタンがCLICKされたら、イベントリスナーを登録し、そのプログラムが動き出す処理になります。

今回はさらにストップボタンを押した時のプログラムを追加します。
[1-4]で使用したremoveEventListenerを利用して、ストップボタンが押されたら登録されているイベントリスナーを解除みたいな感じになります。

//ストップボタンを押した時のイベントリスナー
stop_btn.addEventListener(MouseEvent.CLICK,ballstop);

function ballstop(event:Event):void {
	//ボタンが押された時のイベントリスナー解除
	ball_mc.removeEventListener(Event.ENTER_FRAME,ball);
}

これで、スタートボタンを押したらムービークリップが再生され、ストップボタンが押すとムービークリップが停止となります。
ここで現状ではまだ把握できてませんが、ストップボタンを押してイベントリスナーの登録を解除しているんですが、スタートボタンを再度押すと、続きから再生されます。
ここの解説はわかり次第と言うことで・・・

var speedx:Number = 5;  //スピード
var cicle:Number = 10;  //回転
var mcWidth:Number = ball_mc.width / 2;  //インスタンスの幅
var stageL:Number = 0 + mcWidth;  //幅の最小値
var stageR:Number = stage.stageWidth - mcWidth;  //幅の最大値

//スタートボタンを押した時のイベントリスナー
start_btn.addEventListener(MouseEvent.CLICK,ballStart);

function ballStart(event:MouseEvent):void{
	//ボタンが押された時のイベントリスナー
	ball_mc.addEventListener(Event.ENTER_FRAME,ball);
}

//ballのプログラム関数
function ball(event:Event):void {
	ball_mc.x += speedx;
	ball_mc.rotation += cicle;
	if (ball_mc.x < stageL || ball_mc.x > stageR) {
		speedx *= -1;
		cicle *= -1;
	}
}

//ストップボタンを押した時のイベントリスナー
stop_btn.addEventListener(MouseEvent.CLICK,ballstop);

function ballstop(event:Event):void {
	//ボタンが押された時のイベントリスナー解除
	ball_mc.removeEventListener(Event.ENTER_FRAME,ball);
}

ボタンを押したらムービークリップを再生、停止

ムービークリップをボタンでコントロールする［1-6］

admin — Tue, 01 Sep 2009 09:38:02 +0000

ボタンを押してムービークリップを再生させる（タイムライン制御編）

イベントリスナーのイベントのENTER_FRAMEを使うとフレームが読み込まれた時点で、再生してしまいますので、ボタンを用意したところで関係なしに再生されてしまいます。
そこでボタンを違うフレームに用意し、ボタンが押されたら、再生したいムービークリップのフレームに移動させて再生させるみたいなカラクリになります。

1フレーム目にボタンを押した時のアクションスクリプトを用意し、2フレーム目にムービークリップのアクションスクリプトを用意します。
新規シンボルでボタンをステージに配置し、インスタンス名を付けます。（今回はstart_btnにしました）

1フレーム目のアクションスクリプトにはボタンがクリックされたら、2フレームに行きなさいみたいな感じのプログラムを書きます。
また、フレームが自動にしないようにstop()で止めます。

stop(); //ストップ処理

//イベントリスナー登録
start_btn.addEventListener(MouseEvent.CLICK, frm2);

//プログラム関数
function frm2(event:MouseEvent):void{
	gotoAndStop(2);
}

イベントリスナーでインスタンス（start_btn)がクリックされたら（MouseEvent.CLICK）frm2のプログラムを実行しなさいと登録し、frm2関数で2フレーム目に移動（gotoAndStop(2)）となります。

2フレーム目にはムービークリップのプログラムを書きます。（ムービークリップにActionSprictを書く[1-5]を使用）

var speedx:Number = 5;  //スピード
var cicle:Number = 10;  //回転
var mcWidth:Number = ball_mc.width / 2;  //インスタンスの幅
var stageL:Number = 0 + mcWidth;  //幅の最小値
var stageR:Number = stage.stageWidth - mcWidth;  //幅の最大値

//イベントリスナー登録
ball_mc.addEventListener(Event.ENTER_FRAME,ball); 

//プログラム関数
function ball(event:Event):void {
	ball_mc.x += speedx;
	ball_mc.rotation += cicle;
	if (ball_mc.x < stageL || ball_mc.x > stageR) {
		speedx *= -1;
		cicle *= -1;
	}
}

ボタンを押したらムービークリップを再生

ADD CHILD = AS3 » button

ボタンに連動してムービークリップの表示を変える[2-7]

配列を利用して複数のボタンにリンクを付けてる

関連する投稿

ボタンに連動してムービークリップの表示を変える[2-6]

ボタンごとにマウスオーバー（オンマウス）のムービークリップを指定する – for編

関連する投稿

ボタンに連動してムービークリップの表示を変える[2-5]

ボタンごとにマウスオーバー（オンマウス）のムービークリップを指定する – switch編

関連する投稿

ムービークリップをボタンとして使う[2-4]

複数のムービークリップのボタン別にリンクを付ける

関連する投稿

ムービークリップをボタンとして使う[2-3]

ムービークリップのボタンにリンクを付ける

関連する投稿

ムービークリップをボタンとして使う[2-2]

複数のムービークリップのボタンに同じアクションスクリプトを使う

関連する投稿

ムービークリップをボタンとして使う[2-1]

ムービークリップのボタンをロールオーバーさせる

関連する投稿

クリック制御でフェードを繰り返すムービークリップ[1-9]

クリックでフェードを繰り返し、ダブルクリックでフェードの繰り返しを停止

関連する投稿

ムービークリップをボタンでコントロールする［1-7］

ボタンを押してムービークリップを再生、停止させる（イベントリスナー編）

関連する投稿

ムービークリップをボタンでコントロールする［1-6］

ボタンを押してムービークリップを再生させる（タイムライン制御編）

関連する投稿