ボタンが正常に動作しない。

質問

いつもお世話になっております。
Actionscriptで動きを付けたムービークリップをボタンとして扱いたいのですが、クリックすると、リンク先へ飛ばなかったり、押したボタンが画面上から消えるなどの不具合が生じます。
どのようにしたら、正常にボタンとして機能してくれるのでしょうか？
チェックポイントなどありましたら、ご教授ください。よろしくお願いいたします。

回答No.3

noname#35109 · ベストアンサー

＃１，２　です。

_root の説明ですか。
_root って，Flash を開けばいつも目の前にあるすごく簡単なものですが，
いざ説明となると，難しいですね。

要は，新規ドキュメントを作成したときに見える全てのものが _root です。
そして，そのときに上に表示されているタイムラインが _root のタイムラインです。

ステージ上に例えば ▲ を描いたとしても，
それは _root の ▲ です。
タイムラインのフレーム数を横に増やして，レイヤー数を増やしても，
それは _root のタイムラインのフレーム数を横に増やして，レイヤー数を増やしたことに他ありません。

ステージ上の ▲ をムービークリップに変換したとします。
そして，その ▲ムービークリップ を選択し，
右クリック→同じ位置で編集
を選択すれば， ▲ムービークリップ 内の編集ができます。
そのとき見えているタイムラインは _roor のタイムラインではなく，
▲ムービークリップ のタイムラインです。
▲ムービークリップは _root とは違う単独のタイムラインを持っています。

ムービークリップは１つのワールドを持った１つの階層です。
例えば _root のタイムラインは １フレーム しかなかったとしても，
そのこととは関係なしにムービークリップ内には，
何フレームでもフレームやレイヤーを追加でき，ムービークリップ内で１つのムービーを完成させることができます。
また，ムービークリップ内にさらにムービークリップを作ることもできます。

～～～例えば～～～～～～～～～

蝶が羽をパタパタ動かしているだけのムービークリップを作ったとします。
その蝶を２つコピーして３つにしたとします。

そしてそれらの蝶の３つのムービークリップを
お花畑の中で左右上下にモーショントゥイーン動かすという，
お花畑のムービークリップを作ったとします。
これで３頭の蝶がお花畑で飛び回るムービークリップが作成できます。

このムービークリップを _root に置いて，
_root に
朝→昼→夕→夜　という感じに時間を変化させるような背景を用意したとします。
すると，朝から夜までずっとお花畑で蝶が飛び続けるムービーができます。

昼に蝶は３頭いて，夕に２頭になり，夜は１頭だけ残る。

というのをスクリプトでしたいと思えば，
１つずつ蝶を消さないとなりません。

そのときにインスタンス名が必要になります。
お花畑全体のムービークリップには「hanabatake」というインスタンス名，
３頭いる蝶の１つ１つには「tyou1」「tyou2」「tyou3」というインスタンス名を付けたとします。

そして，_root に置いたボタンから，
夕になったので，蝶を１つ（tyou1）を消したい場合は，
---------------------------
on (release) {
this.hanabatake.tyou1._visible = false;
}
---------------------------
と書いたボタンをクリックすれば，
「tyou1」だけが消えます。
_root に置いたボタンに，
---------------------------
on (release) {
this.tyou1._visible = false;
}
---------------------------
と書いただけでは，「tyou1」は消えません。
もし消えたとしたらそれは，「ohanabatake」ムービークリップ内の「tyou1」ではなく，
_root に置いた「tyou1」です。
「ohanabatake」の「tyou1」を消したいのであれば，
this.ohanabatake や _root.ohanabatake のように，
どこにいる蝶かという住所が必要です。
上の　this.tyou1._visible = false;　の場合，ボタンからの相対パスで「tyou1」を消しています。

このような住所を「ターゲットパス」と言います。
「ターゲットパス」
http://homepage3.nifty.com/ginga-b/MX/targetpath.html

ＰＣ内やWebサイトに喩えると，
ムービークリップは１つのフォルダ（階層）です。

上では，_root に置いたボタンにスクリプトを書きましたが，
お花畑ムービークリップにも，スクリプトを書くことができます。
そのときのスクリプトは，
---------------------------
on (release) {
this.hanabatake.tyou1._visible = false;
}
---------------------------
ではダメです。
上で行くと
「hanabatake」ムービークリップ内の，さらに「hanabatake」ムービークリップ内の「tyou1」を消す。
と言うことになります。
「hanabatake」ムービークリップ内には「hanabatake」ムービークリップは作っていません。

お花畑ムービークリップに相対パスを使って書く場合は，
---------------------------
on (release) {
this.tyou1._visible = false;
}
---------------------------
となります。
もしくは絶対パスを使って，
---------------------------
on (release) {
_root.hanabatake.tyou1._visible = false;
}
---------------------------
でも消えます。
この絶対パスでの書きかたは，最初のボタンに書いても通用します。

以上のように，ムービークリップには階層があります。
だから，便利で融通が利くのです。
上のお花畑ムービークリップを２つコピーして３つにし，
「hanabatake1」～「hanabatake3」というインスタンス名を付けたならば，
それぞれ個別に消す蝶が指定できます。
同じ「tyou1」でも，
「hanabatake1」の「tyou1」と，
「hanabatake3」の「tyou1」は別々に管理できます。

一方，ボタンには階層がありません。
独自の住所を持てないということです。

ムービークリップに書いた this は相対パスで "自分自身のムービークリップ" と言うことです。
ボタンシンボルに書いた this は相対パスで "自分自身のいるムービークリップ" と言うことです。

_root に置いたボタンシンボルに書いた this は，そのボタンがある _root を指します。
「hanabarake」に置いたボタンシンボルに書いた this は，そのボタンがある，_root.hanabatake を指します。

ここが，ムービークリップとボタンシンボルの大きな違いです。
また，_root もムービークリップの１つと考えてスクリプトを書きます。

～～～本題ですが～～～～～～～～～

　this.loadMovie("index.swf");

の loadMovie は，MovieClipクラスのloadMovieメソッドです。
原型は

　MovieClip. loadMovie("URL");　

です。
MoveiClip の部分に，実際にあるムービークリップのターゲットパス＆インスタンス名を書けば，
どこの ムービークリップ にも外部ムービーをロードすることができます。

お花畑の蝶1に「○○.swf」を表示させたいのであれば，
絶対パスで書くと
------------------------------
on (release) {
_root.hanabatake.tyou1.loadMovie("○○.swf");
}
------------------------------
となります。
「hanabatake」ムービークリップに相対パスで書きたい場合は，
------------------------------
on (release) {
this.tyou1.loadMovie("○○.swf");
}
------------------------------
となります。

ボタンシンボルはムービークリップではないので，
ボタン自体に loadMovie はできません。
ボタンに，
------------------------------
on (release) {
this.loadMovie("○○.swf");
}
------------------------------
と書いた場合，この this はボタンが置いてあるムービークリップのことになります。
_root に置いたボタンであれば，this は _root のことになるので，
_root がロードしたムービーによって全て乗っ取られますよ。
ということを，＃２で書いたのです。

　MovieClip. loadMovie("URL");

これは，ムービークリップクラスの（ムービークリップを対象のオブジェクトとした）メソッドです。
まずこのことが重要です。
次に，
Flash では _root も大きなムービークリップの１つであると考えます。
このことを考慮に入れながら，
ムービークリップは階層を持つ１つのインスタンスです。
だから，ターゲットパスには注意してください。
ということになります。

>> 今回、.swf～.swf間をボタンで繋げる為に
>> 上記のスクリプトを試みたわけですが

つなげるだけでしたら，
_root にロードしても良いと思います。
でもボタンを消したくないのであれば，
ムービークリップにロードするのが普通の方法だと思います。
ムービークリップに外部ムービーをロードする場合，
ムービークリップの基準点に外部ムービーの左上の端が来ます。
「インスタンスの基準点」
http://homepage3.nifty.com/ginga-b/MX/inst_refpoint.html

ステージ全体に次のムービーを表示したい場合は，
透明で小さな，もしくは空（カラ）のムービークリップをステージ上の希望のレイヤーに描き，
そのムービークリップをステージの左上のコーナーに配置し，
任意のインスタンス名を付けて

_root.任意のインスタンス名.loadMovie("○○.swf");

でそのムービークリップに外部○○.swfがロードできます。

長いだけで，ぜんぜんまとまりのない説明だと思いますが，
_root　と　loadMovie　の説明でした。

あまり，複雑に考えることでも，勉強することでもないと思います。
ムービークリップを色々作って，制御してみたり，loadMovie などしていると，
自然に感覚でつかめてくるものだと思います。
上のも何処かに書いてあったからわかったのではなくて，
いろいろ失敗しながら，試行錯誤を繰り返し，ほとんど感覚でわかったことです。

お礼

お返事が遅れまして申し訳ございません。
この度は、ご多忙の中、多くのことをご指導いただきありがとうございます。
スクリプトの中のthis.を_rootに変更したところ、正常にswfを読み込むようになりました。
本当にありがとうございます。

回答No.2

noname#35109

＃１です。

　> ――――――――――――――――――――
　> on (release) {
　> 　　this.loadMovie("index.swf");
　> }
　> ――――――――――――――――――――
　> 上記のスクリプトは、ボタンシンボルの時には正常に動作し、

と書かれていますが，
もし _root に置いたボタンに，上記スクリプトを書いた場合，
this は _root になりますから，
ステージ全体に， "index.swf" が読み込まれることになり，
そのボタンは当然消えますよ。
ムービークリップに書いた場合も消えると思いますから，「消える」という現象に関してはどちらも変わらないと思います。

> 動きをつけたムービークリップのみ動作しません。
> (ボタンが消えたり、画面上に不具合が生じます)

ボタン（ムービークリップ）が消えるようにスクリプトを書いていますから，
消えるのが普通だと思います。
むしろ，消えない方が不具合だと思いますよ。

上のスクリプトの場合，
this は，ムービークリップ自身になりますから，
ムービークリップ内のタイムラインはすべて "index.swf" によって乗っ取られます。
ムービークリップに描いたボタンの絵は，当然ムービークリップ内のタイムラインのステージ上に描いているはずですから，
そのボタンの絵は当然消えて，"index.swf" によって乗っ取られます。

しかし，ボタンシンボルに上記スクリプトを書いた場合とは違い，
　this.loadMovie("index.swf");
という，ボタンとしての機能だけは残ります。
タイムラインは全て乗っ取られてしまいますが，ムービークリップに書いたスクリプトは有効のままです。

不具合と言えば，
ロードされた，"index.swf" をクリックしたときも，"index.swf" をロードしてしまう。
ということくらいだと思います。

ボタンシンボルの場合も，ムービークリップの場合も，
自分自身に他のムービーをロードするということはしないというのが，普通だと思います。
特にボタンを消したくない場合，自分自身以外に外部にロード用のムービークリップを作って，
そのムービークリップにロードするのが普通ではないでしょうか。

ボタンの図柄を変えるために，自分自身にムービーをロードするということであれば，
自分自身にロードするのもあり得るかもしれませんが，
その場合も，ムービークリップの "基準点" をボタン図柄の左上の角にしておかないと，
ロードされたものの位置がずれます。

「動きをつけたムービークリップのみ動作しません。」
というのはよくわかりません。
ヒット領域を動く範囲全体に大きく作ってあれば，
その上で何かが動き回っても，ヒットする領域は変わらないと思いますし…
よくわかりません。

補足

補足です。
まず、私の中で「_root」が理解できておりませんでした。
「_root」そのものの意味と役割を知らなかったのですが_rootとはどういったものなのでしょうか。
今回、.swf～.swf間をボタンで繋げる為に上記のスクリプトを試みたわけですが、
上記のものではなくスクリプト自体を替えないと、うまくリンクとして飛んでくれないということでしょうか。
もし、上記のスクリプトから「this.」を取り除いたらスクリプトthis.の対象から外れうまく飛んでくれるということでしょうか。
まだFlashを始めたばかりのため戴いた文全てを理解できず、大変申し訳ない気持ちなのですが
わからない箇所を下記に書かせて戴いても宜しいでしょうか。

>もし _root に置いたボタンに，上記スクリプトを書いた場合，
　this は _root になりますから，
　ステージ全体に， "index.swf" が読み込まれることになり，
　そのボタンは当然消えます・・・。

>this は，ムービークリップ自身になりますから，
　ムービークリップ内のタイムラインはすべて "index.swf" によって乗っ取られます。
　ムービークリップに描いたボタンの絵は，当然ムービークリップ内のタイムラインのステージ上に描いているはずです・・・。

度々、捕捉等でお手数をおかけいたしまして大変申し訳有りません

回答No.1

noname#35109

チェックポイントと言うことですが，
おもに次の２点がムービークリップシンボルをボタンにしたときに，注意する点だと思います。

１　ボタンで言うところの，「ヒット」のフレームを
　　ムービークリップ内に "塗り" で作ること。

２　ターゲットパスなどの，Flash内のパスを
　　間違えないように注意すること。

一応，公開されているちゃんとしたサイトでは，
次のサイトのページが参考になるかもしれません。

「ムービークリップのボタン化」
http://homepage3.nifty.com/ginga-b/MX/btnmc.html

手前味噌ですが，
上のURLより，こちらの方がシンプルでわかりやすい気はします↓。

「質問：Flashのボタン作成で、ダウンしたあと、
一度アウトしない限りオーバーに戻らないようにしたい。」
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1648903
　↑教えて!goo　　↓OKWave　（同じです）
http://okwave.jp/kotaeru.php3?q=1648903

他は，ボタンシンボルでボタンを作った場合と変わりませんよ。

>> クリックすると、リンク先へ飛ばなかったり、

リンク先と言うのが，Flash 内のフレームやムービークリップのことで，
いつもリンク先へ飛ばないのであるなら，ターゲットパスの間違いでしょうね。
例えば，
_root（メインムービーのステージ上） に置いたムービークリップで作ったボタンに
-------------------------
on (release) {
　　gotoAndPlay(20);
}
-------------------------
と書いて，_root のタイムラインを フレーム20 に動かそうとしても，
_root のタイムラインは，フレーム20 には進みません。
ムービークリップ内の フレーム20 に行こうとするだけです。
_root のタイムラインを 20 に進めたいのであれば，
　　_root.gotoAndPlay(20);
もしくは，
　　_parent.gotoAndPlay(20);
になると思います。

リンク先と言うのが，Flash 外の他のページのことで，
いつもたまにリンク先へ飛ばないのであるなら，ヒットエリアの問題だと思います。

>> 押したボタンが画面上から消えるなどの不具合が生じます。

これは，理解不能です。
原因不明で，わかりません。
this._visible = false;　とか，　this._x = -50;　とか書いてあれば，
そのボタンは消えると思いますが，普通はクリックしたくらいで消えません。

取りあえず最初に書きました，
ヒットエリアとターゲットパスに注意するくらいだと思います。

補足

いつもお世話になっております。
今回、質問させていただいた際に、言葉が少し不十分だったため、補足をさせていただきます。
今回、Topページに、ActionScriptで動きをつけたムービークリップを用意し、そのムービークリップに、下記のようなスクリプトを記述しました。
――――――――――――――――――――
on (release) {
　　this.loadMovie("index.swf");
}
――――――――――――――――――――
上記のスクリプトより、Topページから別に作成しておいたswfファイルをボタンを押すことによってリンクさせ開くというものです。
また、上記のスクリプトは、ボタンシンボルの時には正常に動作し、動きをつけたムービークリップのみ動作しません。(ボタンが消えたり、画面上に不具合が生じます)
以上のことより、再度、確認点・留意点等ありますでしょうか。
ご教授戴けると幸いです。