AS3.0如何實現(xiàn)控制影片動畫播放速度

Flash AS3教程：如何實現(xiàn)控制影片播放速度

本例實現(xiàn)通過鼠標(biāo)調(diào)整來達到控制影片播放速度的動畫，你可以把鼠標(biāo)移向右下角的紅圈中的紅點，然后左右拖動鼠標(biāo)試試，就可以看到動畫效果了，演示如下：

如何實現(xiàn)控制影片播放速度的動畫制作步驟如下：

步驟一、新建一個“背景”圖層，并于其中設(shè)計場景動畫的基本內(nèi)容；

步驟二、建立“摩天輪”圖層，并于基中加入摩天輪影片剪輯“wheel_mc”；

步驟三、新建“控制鈕”圖層，先加入旋鈕控制區(qū)的影片剪輯“jog_mc”，接著加入旋鈕“drag_btn”按鈕與用來顯示速度的動態(tài)文本框“fsp_txt”；

步驟四、新增圖層“文稿”，選第1幀，按F9打開動作面板，輸入Action Script代碼如下：

	wheel_mc.stop();

	var Rot=0;

	var actMode;

	var playStep=0;

	var Pn=1;
	drag_btn.addEventListener(MouseEvent.MOUSE_DOWN,chgYes);

	function chgYes(me:MouseEvent){

	 actMode="yes";

	}
	drag_btn.addEventListener(MouseEvent.MOUSE_UP,chgNo);

	function chgNo(me:MouseEvent){

	 actMode="no";

	}
	jog_mc.addEventListener(MouseEvent.MOUSE_MOVE,chkRot);

	function chkRot(me:MouseEvent){

	 if(actMode=="yes"){

	  var mX=jog_mc.mouseX;

	  var mY=-(jog_mc.mouseY);

	  Rot=Math.atan2(mX,mY)/(Math.PI/180);

	  drag_btn.rotation=Rot;

	 }

	}
	

	stage.addEventListener(Event.ENTER_FRAME,cirPlay);

	function cirPlay(me:Event){

	    Pn=1;

	 if (Rot<0 pn="-1;" playstep="Math.floor(Math.abs(Rot)/30);" if="" playstep="">5){

	  playStep=5;

	 }
	 fps_txt.text=String(playStep * 12 * Pn);

	 

	 for (var i=1;i<=playStep;i++){

	  if(Pn>0){

	   wheel_mc.nextFrame();

	   if (wheel_mc.currentFrame==wheel_mc.totalFrames){

	    wheel_mc.gotoAndPlay(1);

	    }

	  }else{

	   wheel_mc.prevFrame();

	   if (wheel_mc.currentFrame==1){

	    wheel_mc.gotoAndPlay(wheel_mc.totalFrames);

	    }

	  }

	 }

	}

	

這樣，F(xiàn)lash AS3教程：如何實現(xiàn)控制影片動播放速度的動畫制作就完成了，你可以下載源碼學(xué)習(xí)學(xué)習(xí)！

該flash教程實例源碼下載