ムービーを操作する方法について

質問

毎度お世話になります。
当方アクションスクリプト初心者です。

こちらのページをご覧いただきたいのですが、
（※「CONCEPT MOVIE」ボタンから、「SMALL」「LARGE」どちらかを選択してください。）
http://www2.nissan.co.jp/LAFESTA/B30/0412/CONCEPT/main1.html

このイメージムービーのように、再生・一時停止・停止や、バーをドラッグして
好きな位置に移動したりする仕組みのものを作りたいと思っています。

どうぞよろしくお願いします。

回答No.3

noname#35109 · ベストアンサー

＃１、２です。

>> ドラッグ中は停止状態にしたいのですが、
>> どのようにすれば良いのでしょうか？

と書かれていますがドラッグ中は停止状態なのですが…
と言うよりドラッグ中はドラッグによってアニメーションは前に行ったり後に行ったり動きますが，
ドラッグ後，マウスを停止させるとアニメーションも停止しますよ。
ムービークリップの中にムービークリップを入れて動かしたり，
ActionScriptで動かしているものは止まりません。

何でしたら，on (press)の所
-----------------
on (press) {
_parent[mov].stop();
this.startDrag(true, l_point, this._y, r_point, this._y);
this.onMouseMove = function() {
now_frm = Math.round((this._x-l_point)*move_spd);
_parent[mov].gotoAndStop(now_frm);
};
}
----------------

上のように　２行目　_parent[mov].stop();
を入れてみますか。
結果はあまり変わらないような気もしますが。

あと，午前中件で調べていたら，何やらこんなページを発見しました。
「イベントハンドラメソッドはdeleteで消せ!」
http://f-site.org/articles/2004/05/22140833.html

う～ん，最後まで読むと結局どっち？？？
という感じになりますが，
このメインの方の意見の通りにすると，最後のかたまりの２行目は

delete this.onMouseMove;

が良いということなのでしょうね。
かなり前に，onEnterFrame を消したいとき，
this.onEnterFrame = undefined;
と
this.onEnterFrame = null;
のどちらにすべきか悩んだことがあって，そのときGoogleで検索して，
this.onEnterFrame = null;　の方がヒット件数が多かったので，以降同じような場所で null を使うようにしていたのですが，
本当は，delete this.onMouseMove; が良いのかもしれません。

ちょっとずつ訂正すると，「結局どれ？」となるので，最初から全文を書くと次のようになります。

--------------------------
onClipEvent (load) {
//アニメＭＣのインスタンス名の設定（"" 内は可変）
mov = "mc_movie";
//バーのインスタンス名の設定（"" 内は可変）
bar = "mc_bar";
l_point = _parent[bar]._x;
r_point = l_point+_parent[bar]._xscale*2;
this._x = l_point;
}
onClipEvent (enterFrame) {
total_frm = _parent[mov]._totalframes;
move_spd = total_frm/(_parent[bar]._xscale*2);
this._x = l_point+(_parent[bar]._xscale*2)/total_frm*_parent[mov]._currentframe;
}
on (press) {
_parent[mov].stop();
this.startDrag(true, l_point, this._y, r_point, this._y);
this.onMouseMove = function() {
now_frm = Math.round((this._x-l_point)*move_spd);
_parent[mov].gotoAndStop(now_frm);
};
}
on (release, dragOut) {
delete this.onMouseMove;
_parent[mov].play();
stopDrag();
}
--------------------------

最後のかたまりの１行目を上のように

on (release, dragOut)

とした場合は，「目盛り 兼 コントローラー」の ┃(線)　の横に大きめに透明な塗りを作ってください。
こんな感じ↓かもっと広く。

┌──┳──┐
│透明┃透明│
└──┻──┘

でないと，「目盛り 兼 コントローラー」がマウスの動きについて行けなくなったとき，
dragOut になってしまいます。

最初に書いた　on (release)　では透明部分も少なくでき，問題ない場合もありますが，
「目盛り 兼 コントローラー」がムービーの縁に近い所にあった場合，
マウスをプレスしたまま，マウスをムービー外に出す可能性が大きくなります。
マウスをプレスしたまま，マウスをムービー外に出すと delete (this.onMouseMove); が効かなくなります。
従って，　on (release, dragOut) 　で　「目盛り 兼 コントローラー」の横の透明部分を増やすのが無難かもしれません。

お礼

大変わかりやすくご説明いただき、本当にありがとうございました！

なるほど、透明な塗りがミソなんですね（＾＾）/
全て上手くいきました！

またご迷惑をお掛けすることもあると思いますが、
そのときはどうぞ宜しくお願いいたします。