手机
当前位置:查字典教程网 >网页设计 >Flash教程 >Flash AS 入门 “for”循环语句应用
Flash AS 入门 “for”循环语句应用
摘要:这篇教程为“FlashAS入门教程”的一部分。查看全套教程>>>>。源文件下载本节应掌握的知识要点:①for循环应用...

这篇教程为“Flash AS 入门教程”的一部分。查看全套教程>>>>。

Flash AS 入门 “for”循环语句应用1

源文件下载

本节应掌握的知识要点:

①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 入门教程”的一部分。查看全套教程>>>>。

【Flash AS 入门 “for”循环语句应用】相关文章:

Flash AS3教程:简单表现照片底片效果

Flash cs3仿真艺术设计:安全颜色面板的运用

flash引导线的详细使用教程

Flash AS 入门 duplicateMovieClip和removeMovieClip应用

flash常用AS控制语句基本用法

Flash CS3仿真艺术设计系列教程:图形元件的同步应用

Flash AS 入门 为“关键帧”添加动作

Flash CS3打造光圈动画效果

Flash AS教程:图片环绕旋转动画

Flash AS 入门 条件判断语句 if、else使用介绍

精品推荐
分类导航