当前位置: 主页 > 平面设计 > Flash AS 实例进阶-循环按钮

Flash AS 实例进阶-循环按钮

  • 2022-02-03
  • 来源/作者: PS.ONEGREEN.ORG    / 佚名    
  • 4 次浏览

  这篇教程为“Flash AS 实例进阶教程”的一部分。查看全套教程>>>>。

  源文件下载

  >>>>>点击查看动画效果<<<<<

  实例2-1循环按钮

⑴ 基本思路

  ①按钮触发事件发生后有可执行的两个以上的命令。

  ②由条件判断语句来执行不同的命令。

  ③按钮的外观要有相应的切换(如果需要)。

  此外还有不同的思路,将若干个按钮放在一个 MC 不同的关键帧上,执行一次按钮动作后跳转帧,效果虽然相同,但制作麻烦,不符合我们使用 AS 的理念,不作为本节学习的内容。 (见源文件 21.2 )

(2)新知识点

  %(模)的应用, n%m 的意思是 n 除以 m 的余数,例如 10%3 的返回值是 1 , 3%10 的返回值是 3 ,一个递增变量对一个常数求模可以得到一组有规律的循环变量,其用途是很广的。

(3)实例说明

  ①场景上是一个有补间动作且在第 1 帧停止的 MC 。

  ②右下角是两个分别写有“ stop ”和“ play ”的影片剪辑元件和一个隐形按钮,分别放在不同的图层,但叠放在相同位置。

  ③由隐形按钮上的脚本循环控制 3 个 MC 的播放状态,循环周期为 2 次

  ④由左下角按钮上的脚本循环控制有补间动作的 MC ,循环周期为 3 次。

  (4)编写动作脚本

  ①在图层 7 的第 1 帧输入:

   _root.huan_mc.stop();
   _root.huan_mc.shu_mc.stop();
   i=0;
   n=0;// 变量初始化

  ②在隐形按钮上输入:

 on (release) {
    if (i == 0) {
      _root.huan_mc.play();
      _root.huan_mc.shu_mc.play();
      p._visible = 0;
      i = 1;
    } else {
      _root.huan_mc.stop();
      _root.huan_mc.shu_mc.stop();
      i = 0;
      p._visible = 1;
    }
  }

  ③在另一按钮上输入:

   on (release) {
    _root.huan_mc.play();
    _root.huan_mc.shu_mc.play();
    p._visible = 0;
    n++;
    m = n%3; // n模3的值赋给 m
    if (m == 1) {
      _root.huan_mc.shu_mc._rotation = 90;// shu_mc 旋转 90 度
    }
    if (m == 2) {
      _root.huan_mc.shu_mc._rotation = 180; // shu_mc 旋转 180 度
    }
    if (m == 0) {
      _root.huan_mc.shu_mc._rotation = 0; // shu_mc 保持原角度
    }
  }

  (5)小结

  本讲虽然没有涉及太多的新知识,但开始着重思路训练,为今后学习打好基础,并开始积累和掌握动作脚本编写方法。 

  (6)课后练习

  利用教程提供的源文件里的影片剪辑“环”,再作一循环按钮, 每点击按钮两下分别显示 3 种不同形态,向前走,向后走,和躺下不动,见效果。

  >>>>>点击查看动画效果<<<<<

  练习2-1

  这篇教程为“Flash AS 实例进阶教程”的一部分。查看全套教程>>>>。