flash动画制作——循环语句

1、Flash 动画制作常用的Actions语句之循环语句课堂讲解上机实战课后练习Flash 动画制作循环语句 while语句 do while语句 for语句 Flash 动画制作 在Flash中可以通过循环语句重复执行某个动作，其中最常用的循环语句包括while、do while和for。这些语句都位于“动作”面板“语句”选项中的“条件/循环”选项中，如图13-12所示。 图13-12 对于循环语句，最常用的做法是将一个变量作为计数器，当计数器中的值在指定范围内时，就执行相应的动作。每循环一次，变量的值就增加或减少一个数，当变量的值跳出指定的范围时，循环终止。Flash 动画制作while语句

2、 使用while语句时，系统会先计算一个表达式，如果表达式的值为true，就执行循环体中的代码，在执行完循环体中的每一个语句之后，while语句会再次对该表达式进行计算，当表达式的值仍为true时，会再次执行循环体中的语句，直到其值为false。while语句的语法格式如下：while(condition) statement(s);其中：condition指每次执行while动作时都要重新计算的表达式；statement(s)条件计算结果为true时要执行的指令。 Flash 动画制作例如，语句：snow=0;while(snow300) gotoAndPlay(2);snow=snow+3

3、;gotoAndPlay(1);表示为snow赋予初值“0”，while语句中的条件为“snow300”，如果snow的值小于300，就执行语句“gotoAndPlay(2);”，每循环一次就执行“snow=snow+3;”语句为“snow”的值加3。当while语句循环了100次之后，即“snow”的值不符合小于300的条件时，终止循环并执行其后的“gotoAndPlay(1);”语句，实现跳转到第1帧并继续播放的动作。 Flash 动画制作do while语句 do while语句可以创建与while语句相同的循环，不同的是，do while语句对表达式的判定是在其循环结束处，使用whil

4、e语句至少会执行一次循环。其语法格式如下：do statement(s);while (condition)其中：condition指要计算的条件；statement(s)是指只要condition参数的计算结果为true就会执行循环的语句。 Flash 动画制作例如，语句：snow=1do gotoAndPlay(2);snow+=1; while (snow300);表示首先为snow赋予一个初值“1”，在do while语句中的条件为“snow300”，当snow的值小于300时就继续执行语句“gotoAndPlay(2);”。在第一次循环时将先执行语句“gotoAndPlay(2);”

5、，然后通过语句“snow20;i-)trace(i);for后面的括号中包括以下3个部分。Flash 动画制作第1部分声明一个局部变量，在本例中创建了一个局部变量i并将其设置为30。该部分只在循环体开始执行之前执行一次。 第2部分作为一个供测试的条件，测试i是否大于20。如果满足该条件，反复执行循环。循环开始的时候i等于30，它是大于20的，所以循环得以执行。第3部分是一个运算表达式，每完成一次循环都将执行该表达式一次。这里i每次递减1，然后转到第2部分对i的新值进行判断。 Flash 动画制作上机实战 制作照片集 制作身份验证程序 Flash 动画制作 在本课上机实战将进行两个练习：一是制作

6、一个自己的照片集，其中涉及到的知识点有on、gotoAndStop以及按钮元件的使用等；二是制作一个身份验证程序，其中涉及到的知识点有stop、if、else、gotoAndStop等。通过这两个实例的练习，大家可以巩固本课所讲的几个Actions语句的使用。对于没有练习到的语句，大家可结合课堂讲解自行练习，在以后的几课中也会涉及到这些语句的使用。 Flash 动画制作制作照片集 其用Flash制作一个自己的照片集是一件非常有意思的事。这里就练习利用goto语句制作一个照片集，只要单击照片集上的任何一张小照片，该照片就会放大到整个屏幕显示，再次单击又会回到小照片的状态，最终效果如图13-13所

7、示。制作的具体操作如下 :图13-13Flash 动画制作（1）新建一个文件，将舞台大小设为480400像素，背景色设为黄色。在第2帧按【F6】键插入关键帧，选择文件导入导入到舞台菜单命令，在打开的对话框中选中图片“photo1.jpg”，如图13-14所示。 图13-14Flash 动画制作 （2）单击 按钮，出现如图13-15所示的提示框。 （3）单击 按钮，即可将图片“photo1.jpg”导入到舞台中，位于第2帧。重复上面的操作依次将图片photo2photo5.jpg导入到舞台中，并分别位于第36帧。 图13-15Flash 动画制作 （4）选中第2帧中的“photo1.jpg”，将

8、其按比例缩小，使得图片刚好能覆盖舞台，如图13-16所示。 （5）用同样的方法将第36帧中的图片都缩至舞台大小。 （6）新建一个名为“photo1”的按钮元件，选中“弹起”帧，打开“库”面板，选中其中的位图“photo1.jpg”，并按住鼠标左键将其拖动到元件编辑区的中心，然后将其按比例缩小。 图13-16Flash 动画制作 （7）在“指针经过”、“按下”、“点击”帧分别按【F6】键将“弹起”帧中的图片沿用过来，选中“指针经过”帧中的图片，将其按比例放大一点，如图13-17所示。 （8）用相同的方法分别制作按钮元件“photo2”、“photo3”、“photo4”、“photo5”，每个按

9、钮元件中的图形都是对应的位图“photo2”、“photo3”、“photo4”、“photo5”。 图13-17Flash 动画制作 （9）单击 图标，回到场景中，新建一个图层，系统自动命名为“图层2”，将其移到图层1的下方。选中图层2中的第1帧，打开“库”面板，将其中的按钮元件“photo1”、“photo2”、“photo3”、“photo4”、“photo5”依次拖放到舞台中，并按如图13-18所示的位置放置。 图13-18Flash 动画制作 （10）选中按钮元件“photo1”，打开“动作”面板，在“全局函数”下的“影片剪辑控制”中双击 ，右边的窗口中将弹出如图13-19所示的列表

10、框，在其中双击 ，使它出现在“on”后面的括号中，表示事件发生在单击鼠标后。 图13-19Flash 动画制作 （11）在“”后单击鼠标，再按【Enter】键，然后在“全局函数”下的“时间轴控制”中双击 ，右边的窗口中将出现相应的命令，如图13-20所示。 图13-20Flash 动画制作 （12）在gotoAndStop()括号中输入“2”，表示当单击鼠标后动画跳转到第2帧并停止播放动画。完成后的Actions语句如下：on (release) gotoAndStop(2); /单击鼠标后动画跳转到第2帧并停止（13）用同样的方法为按钮元件“photo2”、“photo3”、“photo4”

11、、“photo5”添加相同的Actions语句，只是依次将gotoAndStop(2);中的数字“2”改为3、4、5、6。 在为按钮元件“photo2”、“photo3”、“photo4”、“photo5”添加Actions语句时也可以直接将“photo1”中的语句复制过来，再改变gotoAndstop()括号中的相应数值即可。Flash 动画制作 （14）按【Ctrl+Enter】键播放动画，发现画面不停闪烁，根本就没有停下来，这时只需在时间轴中选中图层2的第1帧，并为其添加stop语句即可。 （15）为第1帧添加stop语句后按【Ctrl+Enter】键播放动画，出现如图13-13所示的画

12、面，在其中单击任意一张图片，即可使这张图片放大到整个屏幕。 （16）按【Ctrl+Enter】键播放动画时会发现，在图片被放大后就无法回到如图13-13所示的画面了，因此需要为每张放大后的图片添加一个按钮，使得单击这个按钮时可以回到第1帧中。（17）在场景中选中图层1第2帧中的图片，选择修改转换为元件菜单命令，将其转换为按钮元件，用相同的方法将第3、4、5、6帧中的图片均转换为按钮元件。 Flash 动画制作 （18）选中图层1第2帧中的按钮元件，在“动作”面板中输入如下Actions语句：on (release) gotoAndStop(1); /单击鼠标后动画跳转到第1帧并停止 （19）依

13、次选中图层1中第3、4、5、6帧中的按钮元件，在“动作”面板中输入与第1帧中的按钮元件相同的Actions语句。也可直接将其中的语句复制到第3、4、5、6帧的按钮元件中。（20）按【Ctrl+Enter】键播放动画，单击其中任意一张图片，可以使该图片放大显示，再单击放大显示的图片即可回到如图13-13所示的画面。如图13-21所示是单击一张图片后得到的效果。 Flash 动画制作图13-21 Flash 动画制作制作身份验证程序其大家在上网时经常会看到一些验证身份的界面，要求用户输入正确的用户名和密码后才能进入某个网页，下面就通过if语句来制作一个简单的身份验证程序，效果如图13-22所示。在

14、该动画中，只有输入了正确的用户名和密码，再单击“登录”按钮才可进入第二个界面，如果输入错误将进入第三个界面。输入用户名和密码后单击“取消”按钮可以清空文本框，以便重新输入。在第二个界面和第三个界面中单击嘴唇或眼睛将回到第一个界面。 Flash 动画制作 制作的具体操作如下： （1）新建一个文件，将背景色设为浅蓝色，背景大小设为300200像素，在舞台上方输入文字“欢迎进入工作界面”，并将其设置为“华文中宋、25、黄色、加粗”。图13-22 Flash 动画制作 （2）在舞台中依次输入文本“用户名”、“密码”、“次数”、“登录”、“取消”，其位置如图13-22所示。其中“用户名”和“密码”为“华

15、文中宋、17、黄色、加粗”；“登录”、“取消”为“隶书、25、黄色、加粗”。（3）在“用户名”和“密码”后面绘制一个无边框的白色矩形，然后单击文本工具 ，在“属性”面板中选择“输入文本”，并在“变量”文本框中输入“user”，颜色设置为黑色，如图13-23所示。在白色矩形上绘制一个输入文本框，使其刚好能覆盖矩形。 图13-23Flash 动画制作 （4）用同样的方法在“密码”后面绘制一个输入文本框，只是在“变量”文本框中将变量名改为“code”，在 下拉列表框中选择“密码”选项。（5）在“次数”下方绘制出一个文本框，并在“属性”面板中选择“动态文本”，在“变量”文本框中输入“num”，颜色设置

16、为红色。（6）打开“库-按钮”面板，在其中的“Ovals”选项下选择“Oval buttons-yellow”，并将其拖放到舞台中“登录”的前面，再拖放一个到“取消”前面，如图13-22所示的第一个界面所示。（7）在第2帧按【F7】键插入空白关键帧，在舞台上方输入“Welcome！”，并将其设置为“Arial Black、52、黄色、加粗”，在“Welcome！”下方绘制一个红色的嘴唇，如图13-22的第二个界面所示。 Flash 动画制作 （8）在第3帧按【F7】键插入空白关键帧，在“Welcome！”下方输入如图13-22第三个界面所示的文字，并绘制一双眼睛。（9）新建一个图层，选中它的第

17、1帧，在“动作”面板中输入如下语句：stop(); /停止播放动画num=0; /将变量num的初始值设为0（10）选中图层1第1帧中的“登录”按钮，在“动作”面板中输入如下语句：on (release) /单击“登录”按钮num=num+1; /单击一次“登录”按钮，变量num增加1if (user=ygy)&(code=791229) /如果user文本框的内容是“ygy”，且code文本框的内容是“791229”Flash 动画制作gotoAndStop(2); /跳转到第2帧并停止 else if(num=3) /如果单击3次“登录”按钮gotoAndStop(3); /跳转并停止至第3帧（11）选中“取消”按钮