第8章综合程序.doc

第8章 综合程序【案例89】方形框内随机移动的彩球“方形框内随机移动的彩球”动画播放后的2幅画面如图8-1-1所示。一个彩球在一个正方形框架内来回移动，彩球的运动轨迹是随机的，并不断撞击正方形框架的内边框。而且先撞击框架的左或右内边框，再撞击框架的上或下内边框，然后再撞击框架的左或右内边框，交替进行，周而复始。同时，在屏幕的下边还会显示撞击的次数。而且正方形内会显示背景图像，背景图像有10幅，它们会在每撞击5次后依次切换显示。单击屏幕右下边的按钮，可以使小球移动暂停；单击屏幕左下边的按钮，可以使彩球继续移动。 图8-1-1 “方形框内随机移动的彩球”动画播放后的2幅画面（1）设置动画页面大小为220px宽，220px高，背景色为白色。（2）进入“背景图像”影片剪辑元件编辑窗口。单击“文件”“导入到库”菜单命令，将10幅图像导入到当前动画的“库”面板中。单击选中“图层1”图层第1帧，将“库”面板中的一幅图像拖曳到舞台工作区中。然后，利用其“属性”面板，调整图像的宽为140px，高为140px，X=0、Y=0。重复上述操作，使第1到第10帧内各放置一幅大小和位置相同的图像。（3）创建一个名称为“小球”的影片剪辑元件，其内绘制一个红色立体球，它的大小与位置（小球中心的坐标值）是：宽=20、高=20、X=0、Y=0。（4）在“图层1”图层第1帧的舞台工作区内，导入一幅正方形框架图像，如图8-1-1所示。正方形框架图像的大小与位置（图像中心的坐标值）是：宽=150、高=150，X=110、Y=110，正方形框架内框大小为宽=140、高=140。同时，还导入一幅“彩球随机移动”文字图象。（5）在“图层1”图层的上边新增一个”图层2“图层。单击选中“图层2”图层的第1帧，再将“库”面板中的“背景图像”影片剪辑元件拖曳到舞台工作区中，形成实例。利用它的“属性”面板，给该实例命名为“BJ”。（6）在“图层2”图层的上边新增一个“图层3”图层。单击选中“图层3”图层的第1帧，再将“库”面板中的“小球”影片剪辑元件拖曳到舞台工作区内的正中间，形成实例。利用它的“属性”面板，给该实例命名为“XQ”。（7）单击选中“图层3”图层的第1帧，再将Flash公共库提供的两个按钮拖曳到舞台工作区内正方形框架的下边。在“属性”面板内，给左边按钮命名为“AN1”，右边按钮命名为“AN2”。在两个按钮之间，加入一个动态文本框，变量名为“text”，字体为宋体，字号为18，颜色为红色。此时的画面如图8-1-1所示。 （8）在“图层 1”图层第1帧加入如下程序。/确定小球移动的起始坐标x0 = _root.XQ._x;/将小球实例XQ的水平坐标值赋给变量x0y0 = _root.XQ._y; /将小球实例XQ的垂直坐标值赋给变量y0k+;/变量k是为了第1次产生随机坐标值而设置的，变量k第一次的值为1/*如果是第一次执行该关键帧或起始坐标值（x0、y0）和终止坐标值（x1、y1）相等，则产生一个新的终止坐标数，并记下小球撞击方形边框的次数（nn），赋给动态文本框变量text，以显示小球撞击方形边框的次数。*/if (x0=x1 or k=1) m = 119-m; /变量m在0或119这两个数之间切换 x1 = random(121-m)*(m+1)+50; /产生目标坐标x1的随机数 y1 = random(m+2)*(120-m)+50; /产生目标坐标y1的随机数 nn+;/记小球撞击正方形边框的总次数 nk+;/记小球撞击正方形边框的次数 text=nn-1; / 将小球撞击方形边框的次数nn赋给文本变量textif (x1x0) x=x0+1;/如果x1x0，则小球x坐标值等于当前（即起始）坐标x0的值加1if (x1x0) x=x0-1; /如果x1x0，则小球x坐标值等于当前（即起始）坐标x0的值减1y = y0+(y1-y0)/(x1-x0)*(x-x0);/根据已知的坐标值，计算小球y坐标值setProperty(_root.XQ,_x,x);/改变小球的水平位置属性，以产生移动效果setProperty(_root.XQ,_y,y); /改变小球的垂直位置属性，以产生移动效果w=0; /延时程序while(wx0) x=x0+1;/如果x1x0，则小球x坐标值等于当前（即起始）坐标x0的值加1 if (x1x0) x=x0-1; /如果x1=6) /如果变量n等于1或变量k大于等于6，则执行下面的程序 fs=fs+1;if(n1&pkpk1)/如果n不等于1或k大于上一次随机数，则执行下面的程序 fs=fs+1;/分数加1pk1=pk;/保存随机数if(n=5) /如果猜了五次，则执行下面的程序 gotoAndStop(2);/跳转到第2帧画面AN2.onPress=function() /单击“小”按钮后执行下面的程序n+;/变量n自动加1pk=random(13)+2;/产生2到14的随机数eval(P+n).gotoAndStop(pk);/针对相应的影片剪辑实例，显示第pk帧画面if(n=1&pk=6)/如果变量n等于1或变量k大于等于6，则执行下面的程序 fs=fs+1;if(n1&pk21)DS1=0;gotoAndStop(3); AN12.onPress=function() gotoAndStop(3);（8）动画“图层3”第3帧的脚本程序如下。stop();AN21.onPress=function() n2+;PK2=random(13)+2;DS2=DS2+PK2-1;TEXT2=DS2;eval(t+n2).gotoAndStop(PK2);if(DS221)DS2=0;gotoAndStop(4);AN22.onPress=function() gotoAndStop(4);（9）动画“图层3”第4帧的脚本程序如下。stop();if (DS2DS1) TEXT3=第2个人获胜！if (DS2DS1)TEXT3=第1个人获胜！if (DS2=DS1)TEXT3=这次比赛平局！AN4.onPress=function() fscommand(quit);AN3.onPress=function() gotoAndStop(1); 图7-5-3 “21点扑克牌游戏”动画的时间轴（10）“21点扑克牌游戏”动画的时间轴如图8-5-3所示。可以看出，它由三个图层组成，每一个图层使用了四帧。第一帧只有脚本程序，用来初始化程序。第2帧是第1个人玩游戏的画面和程序，第3帧是第2个人玩游戏的画面和程序，第4帧是评判画面和程序。读者可根据上述提示制作这个“21点扑克牌游戏”动画。您还可以发挥想象力，使这个动画的功能更强大，更完善。【案例94】毛主席诗词朗诵“毛主席诗词朗诵”程序运行后，一幅“江山如此多娇”图像显示出来。同时，红色立体文字“沁园春 雪”竖排从上向下推出显示，接着第2列和其他列红色立体文字从上向下推出显示。然后，“江山如此多娇”图像逐渐消失，毛主席书写的诗“沁园春 雪”逐渐显示出来，显示一段时间后动画结束。该程序运行后的2幅画面如图8-6-1所示。 图8-6-1 “毛主席诗词朗诵”程序运行后的2幅画面利用制作该动画的方法，可以制作同类的各种课件。该动画的制作过程如下。1制作显示毛主席诗动画（1）设置舞台工作区的大小为640像素宽，400像素高，背景色为白色，播放速度为每秒钟8帧。将“图层1”图层的名称改为“背景图”，单击选中“背景图”图层的第1帧，导入一幅“江山如此多娇”图像。将图像的大小和位置进行调整，刚好将舞台工作区覆盖。单击选中“背景图”图层第700帧，按F5键。（2）导入毛主席诗词“沁园春 雪”中的所有文字图像（GIF格式，背景透明）到“库”面板中。（3）在“背景图”图层之上创建一个“图层2”图层。单击选中“图层2”图层第1帧，将“库”面板中的“沁园春 雪”文字图像拖曳到舞台工作区中。（4）在“图层2”图层之上创建一个“图层3”图层。单击选中“图层3”图层第1帧，绘制一个蓝色矩形图形，将“沁园春 雪”文字图像完全遮盖住。（5）创建“图层3”图层第1帧到第20帧的动作动画，再将第1帧的蓝色矩形图形垂直移动到文字图像的上边。该动画是蓝色矩形图形从上向下逐渐将“沁园春 雪”文字图像完全遮盖住的动画。（6）将鼠标指针移到“图层3”图层的名称处，单击鼠标右键，调出快捷菜单，再单击该菜单内的“遮罩层”菜单命令，使“图层3”图层成为遮罩层，使“图层2”图层成为被遮罩图层。同时，“图层2”和“图层3”图层被锁定。（7）单击选中“图层3”图层和“图层2”图层的第700帧，按F5键，使第20帧到第700帧内容一样。单击选中“图层3”图层第20帧，单击鼠标右键，调出帧快捷菜单，单击该菜单中的“删除补间”菜单命令，使第20帧到第700帧为普通帧。（8）在“图层3”图层之上创建一个“图层4”图层。单击选中“图层3”图层第21帧，按F7键，创建一个空关键帧。将“库”面板中的“北国风光，千里冰封，万里雪飘。”文字图像拖曳到舞台工作区中。（9）在“图层4”图层之上创建一个“图层5”图层。单击选中“图层5”图层第21帧，按F7键，创建一个空关键帧。绘制一个蓝色矩形图形，将“北国风光，千里冰封，万里雪飘。”文字图像完全遮盖住。（10）创建“图层5”图层第21帧到第80帧的动作动画，再将第21帧的蓝色矩形图形垂直移动到文字图像的上边。该动画是蓝色矩形图形从上向下逐渐将“北国风光，千里冰封，万里雪飘。”文字图像完全遮盖住的动画。（11）将鼠标指针移到“图层5”图层的名称处，单击鼠标右键，调出快捷菜单，再单击该菜单内的“遮罩层”菜单命令，使“图层3”图层成为遮罩层，使“图层4”图层成为被遮罩图层。同时，“图层4”和“图层5”图层被锁定。（12）单击选中“图层5”图层和“图层4”图层的第700帧，按F5键，使第80帧到第700帧内容一样。单击选中“图层5”图层第80帧，单击鼠标右键，调出帧快捷菜单，单击该菜单中的“删除补间”菜单命令，使第80帧到第700帧为普通帧。（13）按照上述方法，再制作其他文字图像的从上向下逐渐显示的动画。（14）单击选中“图层2”图层，单击时间轴的“插入图层文件夹”按钮，即可在“图层2”图层之上插入一个名字为“文件夹1”的图层文件夹。将该图层文件夹的名称改为“毛主席诗显示”。按住Shift键，单击选中展示文字图像的最上边的图层和“图层2”图层，选中所有用于展示文字图像的图层，再用鼠标将它们拖曳到“毛主席诗显示”图层文件夹之上，即可将所有文字图像显示的图层放入一个图层文件夹“毛主席诗显示”中。2制作背景图像和朗诵声音 图8-6-2 “编辑套封”对话框和声音占的帧数（1）导入朗诵毛主席诗词的WAV声音文件“毛主席诗词朗诵”。在“背景图”图层之上添加一个“配音”图层。单击选中“配音”图层的第1帧，将“库”面板中的“毛主席诗词朗诵”WAV声音元件拖曳到舞台工作区中。单击选中“配音”图层第1帧，单击“属性”面板中的“编辑”按钮，调出“编辑套封”对话框，单击按下“帧”按钮，向右拖曳滚动条中的滑块，可以观察到该声音占的帧数为574帧，如图8-6-2所示。另外，利用该对话框可以观察到每一段开始朗诵声音和结束朗诵声音所对应的帧号码。（2）单击选中“声音”图层第574帧，按F5键，创建一个普通帧。（3）创建“图层1”图层第575帧到第65