flash怎么制作翻牌动画效果? flash数字翻牌动画的制作方法

其中8s层模仿前面的9s层的做法，7x层模仿前面的8x层的做法，就可以做出从8到7的翻牌效果。因为后面的都是重复性操作，基本都是按9到8变化的方法制作，所以本节就讲到这里，愿意做的朋友可以自己按前面的方法把从8一直到0的翻牌效果做一下。下一节将对程序控制进行讲解。

三、场景布局

第二步我们制作了数字9到数字8的翻页效果，用同样的方法可以做出8－0的翻页效果，第三步，主要是对做好的9－0翻页效果进行简单处理，并进行编程控制。

1、接上第二步，按相同方法制作了8－0的数字翻牌，最终的结果如图所示，选择所有帧点右键剪切所有帧，然后按Ctrl+F8新建一个影片剪辑命名为m_mc2，然后确定，选择这个影片剪辑第一帧点右键将所有帧粘入。此时我们就有了一个翻牌的影片剪辑m_mc2，这里注意这个名字是元件名，不是实例名。

2、 做倒计时大家应该知道，十位上一般是5－0，个位上9－0，刚我们做的那个是9－0的翻牌剪辑，所以还要做一个5－0的翻牌效果，这个基本不需要重新去做，ctrl+L键打开库，选择刚做好的影片剪辑m_mc2，在其上点右键－选择直接复制，在弹出的直接复制元件对话框中给影片剪辑起名为m_mc1，如图所示：

3、打开m_mc1影片剪辑，将9－6数字全部删除，然后对各图层按上节讲的方法进行简单处理，既做好5－0的翻牌效果，如图所示：

4、打开m_mc2影片剪辑，在最上面新建一层，用来加帧标签和控制代码：

在每一个翻牌动画开始的那一帧插入空白关键帧，然后选择所在帧为所在帧加帧标签p8-p0

其意义就是从p8开始播放9－8的动画，从p7开始8－7的动画，依此类推。加完标签后，因为每个动画播完之后不会停止，会继续向下播放，所以要在每个标签前面的一帧加入一句代码stop();最终加完代码和标签效果如下图。

5、以同样的方法给m_mc1加入标签和代码，如图所示：

6、以上我们制作完分钟的十位和个位，下面要制作秒的十位和个位，方法很简单，在库里选择m_mc1剪辑并在其上点右键选择"直接复制"(这里注意不是复制，是直接复制)，给元件起名为s_mc1。然后用同样的方法将m_mc2直接复制一个影片剪辑起名为s_mc2。这样库里就有了表示分钟和秒数的四个影片剪辑。

设计场景

1、根据需要对场景大小进行修改。

2、从库中依次拖入m_mc1,m_mc2,s_mc1,s_mc2四个影片剪辑到场景中，放在如下图红色箭头所指位置。 

3、制作并添加重量按钮和播放按钮，放在上图红色圆圈所示位置。并在每个数字牌下面制作四个向下简单的按钮，后面用来设置开始计时时间。到此前期准备工作完毕。下节开始讲解相关代码。

四、编写代码

1、为元件添加实例名

代码控制元件，首先要有实例名才能控制。所以第一步就是给场景中的各个元件加实例名，具体如图：

用FLash制作漂亮的翻页倒计时：[4]编写代码

2、添加代码

1）在最上层新建一层做为代码层，然后选择第一帧按F9打开代码编辑器。

加入以下内容：（一般情况下在输入相应事件时软件会自动加入）

import flash.utils.Timer;import flash.events.TimerEvent;
import flash.events.MouseEvent;i
mport flash.media.SoundChannel;

这些内容主要是提供相应类库。

2）设置初始状态各个变量：

var num:int = 0;
var m1:int = 0;
var m2:int = 0;
var s1:int = 0;
var s2:int = 0;
m_mc1.gotoAndPlay("p0");
m_mc2.gotoAndPlay("p0");
s_mc1.gotoAndPlay("p0");
s_mc2.gotoAndPlay("p0");

3）加入Timer侦听事件，1000毫秒（一秒）执行一次。

var tTimer:Timer = new Timer(1000);
tTimer.addEventListener(TimerEvent.TIMER,ontimer);
function ontimer(e:TimerEvent):void{
if (num>0) {
num--;
sc = mysound.play();
s_mc2.play();
if (s_mc2.currentLabel == "p0") {
s_mc1.play();
}
if (s_mc1.currentLabel == "p0" && s_mc2.currentLabel == "p0") {
m_mc2.play();
}
if (s_mc1.currentLabel == "p0" && s_mc2.currentLabel == "p0" && m_mc2.currentLabel == "p0") {
m_mc1.play();
}
} else {
tTimer.stop();
sc.stop();
}
}

4）加入鼠标按下MOUSE_DOWN侦听事件：

addEventListener(MouseEvent.MOUSE_DOWN,ondown);
function ondown(e:MouseEvent):void{ 
switch (e.target.name) {
  case "p1_btn" : 
  m_mc1.play();
   break; 
 case "p2_btn" :  
 m_mc2.play();   
break; 
 case "p3_btn" :
   s_mc1.play();
   break;
  case "p4_btn" :
   s_mc2.play();
   break;
  case "start_btn" : 
  num = s2 + s1 * 10 + m2 * 60 + m1 * 600; 
  tTimer.start(); 
  break; 
 case "re_btn" : 
  tTimer.stop();
   m_mc1.gotoAndPlay("p0");
   m_mc2.gotoAndPlay("p0");
   s_mc1.gotoAndPlay("p0"); 
  s_mc2.gotoAndPlay("p0"); 
  break;
  default :
   break;
 }
}

在上面的代码中有四个变量，s1,s2,m1,m2

这四个代码的变量从哪里得到呢，又要回到m_mc1,m_mc2,s_mc1,s_mc2这四个影片剪辑里去了，我们以m_mc1为例，打开m_mc1这个影片剪辑：

如图所示，第四个动画完成时的stop()后加一句MovieClip(root).m1=4;第三个加MovieClip(root).m1=3，依此类推在每个翻牌结束是为m1赋值。

用同样的方法在m_mc2里为m2赋值，在s_mc1里为s1赋值，在s_mc2里为s2赋值。然后保存文件，所有动画完成。

以上就是flash数字翻牌动画的制作方法，希望大家喜欢，请继续关注脚本之家。

相关推荐：

flash怎么制作不断变化的数字动画?

Flash cs6怎么设计电子表数字效果?

flash怎么制作数字不断变化的百分比动画?

最新评论