WebプログラミングⅠ

　目次へ　前へ　次へ

2007/10/9 久米

2.ActionScriptの応用 タイムラインの制御

2.1ボタンクリックでフレーム移動

画面切り替えのアプリケーションに応用多数　貴方の想像力次第！

　 手順 アクション例
1 画面ごとのフレームにラベル名を付ける 　
2 画面は１フレームでも良いが
見た目分かりやすくするため5フレーム分とる		 　
3 フレームの初期画面はここで停止させておく。 this.stop();
4 フレームの最後で各フレームの先頭にもどす。 this.gotoAndPlay("フレーム名");
5 各ボタンを押したら各画像が再生されるようにする。 on(release)あるいはインスタンス名.onRelease

　

オブジェクトアクションとフレームアクションどちらでもOK

　 オブジェクトアクション フレームアクション
画像を表示 on(release){
_root.gotoAndPlay("フレーム名");
}		 インスタンス名.onRelease=function(){
_root.gotoAndPlay("フレーム名");
}
画像を閉じる on(press){
_root.gotoAndStop("初期画面フレーム名");
}		 インスタンス名.onPress=function(){
_root.gotoAndStop("初期画面フレーム名");
}

　

演習　貴方のベスト３

　

2.2マウスでフレーム移動

　 オブジェクトアクション フレームアクション
画像を表示 on(rollOver){
_root.gotoAndPlay("フレーム名");
}
インスタンス名.onRollOver=function(){
gotoAndPlay("フレーム名");
}
画像を閉じる on(rollOut){
_root.gotoAndPlay("初期画面フレーム名");
}		 インスタンス名.onRollOut=function(){
gotoAndPlay("Map");
初期画面フレーム名

　

演習　いらいら棒

//ルートのフレームアクション
this.stop();
startFlag=false;

//startボタン
s_mc.onRelease=function(){
    
}

//endボタン
e_mc.onPress=function(){
    



}

//resetボタン
r_mc.onRelease=function(){
    
}

//はずした時
ira_mc.onRollOut=function(){




}

参考）最後の終了丸ボタンでの、いら棒のRollOutイベントを回避

これを回避するには、次のif文を使用する。
終了ボタンのところにマウスがあればなにもせずに戻るという意味です。

if(e_mc.hitTest(_xmouse, _ymouse, true)) return;

 

参考）経過時間を表示するには

MCロードからの経過ミリ秒を示すgetTimer()を使用するとよい。
１）startTime=getTimer();　でstartTimeに最初の時間を入れておき
２）getTimer()-startTime　でスタートからの経過時間（ミリ秒）がわかる。

　

コラム　ボタン上のテキスト

　ボタン上で押すことを可能にするためには、ボタン上のテキストの「選択可能」をはずしておく。