这篇教程为“Flash AS 入门教程”的一部分。查看全套教程>>>>。
源文件下载
本节应掌握的知识要点:
①for循环应用;②nextFrame()、prevFrame()动作应用;③层深度的进一步理解。
与条件判断语句一样,循环语句也是最具有实用性的语句,在满足条件时程序会不断重复执行,直到设置的条件不成立才结束循环,继续执行下面的语句。
这1讲我们将学习一个最常用的for循环语句和两个动作语句nextFrame()、prevFrame()。
for循环语句格式如下:
for(变量初始值;循环条件;进入下一循环){
条件成立时执行的动作}
nextFrame()进入下一帧并停止在该帧
prevFrame()返回前一帧并停止在该帧
请看示例动画“实例1-8”。
>>>>>点击查看动画效果<<<<<
实例1-8 for()循环语句应用
画面上是一个简单的线条变幻特效,点击“删除”按钮线条会全部消失,点击“向右”按钮,会显示另一个特效,如果不点击删除按钮直接点击“向右”按钮,会显示另一个特效。这个效果就是运用for循环语句对一个含有简单动作补间、实例名为“line”的影片剪辑进行循环复制实现的。
打开源文件看看,场景上有【按钮】、【mc】、【as】3个图层。【按钮】图层第1帧上有一个“删除”按钮和一个“向右”按钮,第2帧上有一个“返回”按钮;【mc】图层上是一个实例名为“line_mc”的影片剪辑。
在【as】图层第1帧上的语句:
stop();
line_mc._x=120;
line_mc._y=220;
line_mc._visible= 0; //设置作为父本的影片剪辑“line_mc”不可见。
for (i=1; i<100; i++) { //设定变量i的初始值为1,设定循环条件为i<100,进入下一循环时变量i自加1。
line_mc.duplicateMovieClip("line_mc"+i, i); //复制新影片剪辑。
_root["line_mc"+i]._x = line_mc._x+3*i; //设置新复制的影片剪辑的横坐标。
_root["line_mc"+i]._rotation = 3.6*i; //设置新复制的影片剪辑的旋转参数。
}
“删除”按钮上的语句:
on (release) {
for (i=1; i<100; i++) {
removeMovieClip("line_mc"+i);
}
}
“向右”按钮上的语句:
on (release) {
nextFrame(); // 进入并停止在下1帧
}
在【as】图层第2帧上的语句:
for (i=2; i<100; i=i+2) {
line_mc.duplicateMovieClip("line_mc"+i, i);
_root["line_mc"+i]._x = line_mc._x+3*i;
}
“返回”按钮上的语句:
on (release) {
prevFrame(); //返回前1帧
}
我们来分析一下语句的执行过程,影片开始播放时停留在第1帧上,将被复制的父本影片剪辑在场景上的坐标定义到(120,200)位置,并使其不可见,接下来根据for语句小括号“()”里设置的参数,开始执行循环体内的语句。第一个参数定义了变量i被赋予初始值为“1”,第2个参数定义了循环的条件为i<100,当满足这个条件时,将循环执行大括号“{}”内的语句块,第3个参数i++,定义了在每一次循环结束时i的值加1,直到超过i<100的条件为止才停止循环。
循环体大括号“{}”内的动作是复制实例名为“line_mc”的影片剪辑,并为新复制的影片剪辑命名为“line_mci”,层深度为“i”,设置其横坐标位置为场景上的父本“line_mc”影片剪辑的横坐标加上“3*i”像素,并旋转3.6*i度。
当循环开始时,i的值为1,符合i<100的条件,于是复制出第一个新影片剪辑,名称为“line_mc1”,在父本“line_mc”的位置上右移3个像素,并旋转3.6度。至此第一次循环结束,i的值加1。继而进行下一轮循环。
如此不断的循环,直至i的值为100时,便超出了设置的条件,于是循环结束,停止复制“line_mc”影片剪辑。
此时,场景上新复制出的影片剪辑以横向相差3像素、旋转相差3.6度等距排列并同时播放,从而形成了有规律奇妙变幻的特效。
再来分析“删除”按钮上的语句,与第1帧上的循环条件一样,差别只是循环体内执行的动作不同,当满足条件时循环删除上一步新复制出的所有影片剪辑。
点击“向右”按钮时,播放头进入第2帧,再按照新的循环条件循环复制线条,并为新复制的线条赋予新的属性值。
可以看到,第2帧的语句里,循环条件里面i的初始值为2,每循环一次i递增2,设置的层深度为i,即每个复制出的新影片剪辑所占用的都为偶数深度层。
新影片剪辑的属性设置与第1帧上所不同的仅仅是减去了旋转属性的设置,我们看到的又是第2种特效。
如果在第1帧不点击“删除”按钮而直接点击“向右”按钮,我们会看到第3种特效。这是由于上一次复制的影片剪辑没有删除,在第2帧上所有偶数深度层上的线条被新复制出的线条替换掉了,而奇数深度层上原来的线条则保留了下来,由此就组合出了另一种效果。 点击第2帧上的“返回”按钮,播放头回到第1帧,再一次按照第1帧的动作脚本循环复制“line_mc”,于是第一个特效又出现在场景上。
在设置循环语句的条件时,必须注意条件的逻辑性和合理性,特别要避免程序陷入死循环。
比如,如果将以上for循环的参数设置为for(i=1; i>0; i++),这个条件就会永久成立,导致程序陷入死循环。
课后练习:
利用实例8源文件,按以下要求完成练习:
1. 在第1帧用for语句复制出60根线条,通过设置旋转属性形成一个变幻的圆环状特效,并居中显示。
2. 点击“向右”按钮即在第2帧复制出100根线条,通过设置其y坐标属性、横向缩放属性和旋转属性形成第2个特效。居中显示。
3. 点击第2个特效画面的“向左”按钮返回第1个特效,点击“向右”按钮显示第3个组合特效。
>>>>>点击查看动画效果<<<<<
课后练习1-8效果
这篇教程为“Flash AS 入门教程”的一部分。查看全套教程>>>>。