第3回 タイムライン制御

★本日のテーマ

★タイムライン制御

• 再生ヘッドの移動：ファイルの再生や停止、指定したフレームへの移動
  
  

  MovieClip.stop();

  ムービークリップの再生ヘッドを停止する。

  ※ MovieClipの部分には、インスタンス名を書く。
  
  

  MovieClip. play();

  ムービークリップの再生ヘッドをを”再生状態”にする。

  
  
  

  MovieClip. gotoAndStop(フレーム);

  再生ヘッドを特定のフレームに移動させて停止させる。

  
  
  

  MovieClip. gotoAndPlay(フレーム);

  再生ヘッドを特定のフレームに移動させて、そこから再生状態にする。

  
  
  

  play_btn.addEventListener(MouseEvent.MOUSE_DOWN,onPlay); stop_btn.addEventListener(MouseEvent.MOUSE_DOWN,onStop); woman_btn.addEventListener(MouseEvent.MOUSE_DOWN,onWomanStart); start_btn.addEventListener(MouseEvent.MOUSE_DOWN,onGoToFirst); function onPlay(evt:MouseEvent){ play(); trace("現在のフレームは＝"+currentFrame); } function onStop(evt:MouseEvent){ stop(); trace("現在のフレームは＝"+currentFrame); } function onWomanStart(evt:MouseEvent){ gotoAndPlay(28); trace("現在のフレームは＝"+currentFrame); } function onGoToFirst(evt:MouseEvent){ gotoAndStop(1); trace("現在のフレームは＝"+currentFrame); }

  ※　この場合、メインタイムラインの制御であるため、MovieClip.Play()などのMovieClip.の部分が省略できる。
  

  ---

• 入れ子構造のインスタンスのタイムライン制御
  
  素材ファイル →[download]
  
  "入れ子"の"子"となっているMovieClipのタイムラインも、ターゲットパスの指定次第で自由に制御できる。
  
  
  

  boy.hikou_1.addEventListener(MouseEvent.MOUSE_OVER,disp_a); boy.hikou_1.addEventListener(MouseEvent.MOUSE_OUT,disp_b); boy.hikou_2.addEventListener(MouseEvent.MOUSE_OVER,disp_c); boy.hikou_2.addEventListener(MouseEvent.MOUSE_OUT,disp_d); boy.hikou_3.addEventListener(MouseEvent.MOUSE_OVER,disp_e); boy.hikou_3.addEventListener(MouseEvent.MOUSE_OUT,disp_f); /* 秘孔１のイベントハンドラ */ function disp_a(e:MouseEvent){ boy.hikou_1.gotoAndStop(2); } function disp_b(e:MouseEvent){ boy.hikou_1.gotoAndStop(1); } /* 秘孔２のイベントハンドラ */ function disp_c(e:MouseEvent){ boy.hikou_2.gotoAndStop(3); } function disp_d(e:MouseEvent){ boy.hikou_2.gotoAndStop(1); } /* 秘孔３のイベントハンドラ */ function disp_e(e:MouseEvent){ boy.hikou_3.gotoAndStop(4); } function disp_f(e:MouseEvent){ boy.hikou_3.gotoAndStop(1); }

★インタラクティブ・コンテンツ作成テクニックス（１）

★接触（当たり）判定 　hitTestObjectメソッド

//ステージにイベントリスナーを登録する。イベント＝キーが押された時。
stage.addEventListener(KeyboardEvent.KEY_DOWN,keydown);

function keydown(event:KeyboardEvent) {

  //「←」キーが押された場合
  if (event.keyCode == 37) {

      //もし、carとhitmanの接触判定が偽ならば
      if (car.hitTestObject(hitman)==false) {
        car.x -= 10;

      } else {
       //carとhitmanの接触判定が真ならば
       trace("当たった！！！");
      　hitman.gotoAndStop(2);
     }
    //「→」キーが押された場合
 } else if (event.keyCode == 39) {

   　　car.x += 10;

    if (hitman.currentFrame == 2) {
      　hitman.gotoAndStop(1);
    }
  }
}

▼ 次週の内容をちょっと先取り

★サウンドの制御

• 音の葉っぱ～効果音・ジングル・BGMのフリー音素材集～
• FANTASY MUSIC
• TAM Music Factory
• WEB WAVE LIE
• ICE & JIN

サンプル１

var wd_snd:Sound = new wd();
var wd_sndch:SoundChannel;
var f:int = 0; //0の時、停止中。　1の時、再生中。

play_btn.addEventListener(MouseEvent.CLICK,onSndPlay);

function onSndPlay(e:MouseEvent){
if(f==0){
/**
* 再生する。
*/
wd_sndch = wd_snd.play();
f=1;
play_btn.saisei.text = "停止"; 
}else{
/**
* 停止する。
*/
wd_sndch.stop();
f=0;
play_btn.saisei.text = "再生";
}
}

stage.addEventListener(KeyboardEvent.KEY_DOWN,key_sound);
var space_snd:Sound = new bm1();
var right_snd:Sound = new bm2();
var left_snd:Sound = new bm3();

function key_sound(evt:KeyboardEvent){
//trace(evt.keyCode);
//space=32 右=39 左=37
if(evt.keyCode==32){
trace("space");
space_snd.play();
}else if(evt.keyCode==39){
trace("右");
right_snd.play();
}else if(evt.keyCode==37){
trace("左");
left_snd.play();
}

}