【实例说明】在本例中,我们来制作一个滚动的菜单。菜单中的按钮不停地从左向右滚动出现,单击相应的按钮,可链接到相应的网页。使用滚动菜单会令你的网页更生动。
1.首先,我们来制作影片中的各按钮。在按钮的‘向上’帧我们使用一幅颜色较浅的图片,在‘经过’和‘向下’帧,用一幅颜色较亮的按钮图片,用来产生按钮的变化效果。新增一个图层Text,为按钮加入网站的名字。按照此方法,制作出另外3个按钮。
2.接下来,执行插入?‘新建组件’命令,为影片加入一个图片组件Bar。在图层1图层绘制一个长为400像素的矩形框。然后,单击‘插入 图层’按钮,加入一个Buttons图层,用来放置按钮。将按钮拖放到矩形上,并调整好各按钮的大小和位置。
3.选中一个按钮,然后单击快速启动工具栏中的‘显示动作’按钮,打开’显示动作’面板,为按钮加入行为。单击‘基本动作’按钮,在列表中双击‘鼠标事件’选项,或者直接将其拖入到右边窗口。
4、在事件选项区选择‘按’复选项。
5、双击左边的‘获得URL’选项,加入此按钮链接的网址,并将‘窗口’设为_blank。按照此方法,为其他3个按钮加入类似的鼠标事件,不同的是每个按钮都链接到了不同的网址。
6、执行插入?‘新建组件’命令,再加入一个图片组件Move。从‘图库’窗口中拖入两个Bar组件到舞台中,将这两个Bar图片首尾相连形成一个长长的滚动条。
5.单击场景 1标签,返回到场景中。在场景 1的空白处单击鼠标右键,选中‘影片属性’选项,设置影片属性。
6.将Move图片从‘图库’窗口拖到场景中,使Move图片的右侧与场景的右侧对齐,并将其Y坐标设为60。
7.在70帧处插入一个关键帧,使Move图片的左侧与场景的左侧对齐,并将其Y坐标设为60。 8.然后,选中第1帧,单击快速启动工具栏中的’显示 实例’按钮,打开’实例’面板。单击’帧数’标签,在’变化’下拉列表中选择’动作’选项。
至此,本实例制作完毕。按Ctrl+Enter键,即可观看其效果。
实例14:下拉式菜单
【实例说明】在本例中,我们来学习用Flash 5制作下拉式菜单的效果。当我们单击Click按钮时,菜单就会从屏幕的上方弹出,单击菜单上的按钮就可以链接到不同的网站了。再次单击Click按钮,菜单还可以收回。
1.新建一个文件,再执行插入?‘新建组件’命令,加入一个按钮组件,将其命名为Click。在‘向上’帧中输入文字:Click,之后将‘向上’帧的文字复制到另外三个帧上。
2.再次执行插入?‘新建组件’命令,制作链接到Sohu站点的按钮,将按钮命名为Sohu。同样,我们再制作一个链接到Yahoo站点的按钮。
3.执行插入?‘新建组件’命令,加入一个图像组件Back。在图层Back中绘制一个矩形框。 4、之后单击‘插入 图层’按钮,加入一个新的图层Button,并将三个按钮拖到此图层中。
5.选中Click按钮,然后单击快速启动工具栏上的‘显示动作’按钮,打开‘显示动作’窗口。单击‘基本动作’按钮,在动作列表中双击‘鼠标事件’选项,并选择‘按’复选项。
6、双击列表中的‘播放’选项,在on (press)事件的下方加入播放语句。
7、然后,我们选中Sohu按钮,在它的鼠标事件中加入链接命令,使其可以链接到Sohu站点。同样,我们为Yahoo按钮加入行为,使其可以链接到Yahoo站点。
8、下面,我们来制作滑动菜单,执行插入?‘新建组件’命令,加入一个影片片段,命名为Move。单击‘确定’按钮。
9、将Back图片组件拖到Move影片的第1帧中,并在第15帧处插入一个关键帧。将图片向下移动一段距离,做出下移的动作。之后在第15帧到第30帧我们制作出菜单上移的动作。
10、单击插入 图层按钮,在menu层的上方加入一个action图层。选取action图层的第1帧,再单击‘显示动作’按钮,打开在‘帧动作’窗口,为该帧加入‘停止’指令。同样,我们在action图层的第15帧也加入停止指令。
11、单击场景 1标签,回到主场景中。将Move影片拖到场景画面的上边。 至此,本实例制作完毕,按Ctrl+Enter键就可以预览影片了。
6
实例15:滚动的电视节目预告单
【实例说明】本例我们来制作一个电视节目的预告单,而节目单的滚动是通过两个按钮来控制的。 1.新建一个文件,执行插入?‘新建组件’命令,制作一个按钮Button。
2.接下来,执行插入?‘新建组件’命令,为影片加入一个图形组件‘遮蔽’,在工作区绘制一个矩形,在后面的制作中它将用来作为遮罩。
3.再次执行插入?‘新建组件’命令,加入一个图形组件Text。在这里,我们使用了两个图层,下面的图层作为背景,背景宽300pix,高350pix。Text图层用来制作节目单。
4.执行插入?‘新建组件’命令,加入一个影片组件Move。将Text图片拖到图层1的第1帧中,并将第1帧的影片复制到第50和第100帧上,然后选中第50帧,将图片垂直向上移动一段距离。
5.在第1帧上单击鼠标右键,从弹出的快捷菜单中选择‘建立动作 变化’选项,在第1帧与第50帧之间产生一段‘动作’动画。同理,在第50帧与第100帧之间也建立一段‘动作’动画。
6.单击‘插入 图层’按钮,添加一个新图层 2到影片组件Move中。将‘遮蔽’图片放到此图层中,调整它的位置,使它遮住Text图片。在图层2上单击右键,从弹出的快捷菜单中选择‘遮蔽’选项,将此图层设为遮罩层。
7.单击‘插入 图层’按钮,加入一个新的图层动作,用来为影片的帧加入行为。选取动作图层的第1帧,然后单击快速启动工具栏上的‘显示动作’按钮,在出现的‘帧动作’窗口中加入stop()语句。
8、同样,在第50帧也加入stop()语句,在第100帧加入语句gotoAndPlay(1),使影片到达第100帧之后,可以跳转到第1帧播放。
9、接下来,单击场景 1标签,返回到场景中,在图层 1中制作出影片的背景。
10、单击‘插入 图层’按钮,加入一个新的图层Move,将Move影片片段拖到工作区中,然后单击快速启动工具栏上的‘显示 实例’按钮,打开‘实例’面板,将其命名为bar。
11.再次单击‘插入 图层’按钮,加入一个新的图层Button,在该图层中,我们加入Button按钮组件。
12.选中向上按钮,然后单击快速启动工具栏上的‘显示动作’按钮,为按钮加入动作。
13、在on (press)事件中,使用if语句来判断滚动条是否可以向上移动,如果可以则使Bar影片播放相应的帧。On (release)事件表示松开鼠标左键时,使Bar影片停止播放。
14.下面,我们来看向下按钮的行为。同样,我们用on (press)事件和on (release)事件控制向下滚动和滚动的停止。
至此,本例全部制作完毕,按Ctrl+Enter键即可预览影片。
实例16:拖拽式滚动条的制作
【实例说明】本例制作当拖拽右边的滚动条,可以使文本框内的文字向下滚动,通过本例的学习,可以掌握如何在Flash 5中取得影片组件的坐标值,并通过计算滑块移动的比例来控制文字的移动。
1.新建一个文件,然后执行插入?‘新建组件’命令,制作出一个拖拽按钮,制作时要注意使按钮被按下的时候产生立体感。
2.执行插入?‘新建组件’命令,加入一个Button影片片段,将上面制作好的按钮拖入到适当位置。 3.选中按钮,然后单击快速启动工具栏上的‘显示动作’按钮,为按钮加入on (press){startDrag(“”,false,/:button-x,/:button-y,/:button-x/:button-y+/:line-h-/:button-h);}on(release,rlease()utside){stopDrag()}语句:
4、在on (press)事件中,我们设定按钮被拖拽的范围,其中的line为下面我们要制作的滚动条名称。on (release,releaseOutside)事件表示松开鼠标左键时停止拖拽。
5、接下来,执行插入?‘新建组件’命令,加入一个影片片段Line,然后使用工具箱中的矩形工具绘制出滚动条。单击快速启动工具栏中的Show Mixer按钮,将其透明度设为50%。
6、再次执行插入?‘新建组件’命令,加入一个影片片段Bar,用来合成Line和Button组件,以制作出完整的滚动条。执行‘窗口’?‘图库’命令,打开‘图库’窗口,将Line影片片断拖入到Line图层,使其占据两个影格,并将此替身命名为Line。将影片片段Button拖入到Button图层,也使其占据两个影格,然后将替身命名为Button。
7、单击‘插入 图层’按钮,加入一个新层Action。在第1帧的Actions中用距离变量存放按钮已被拖拽的距离。变量max用来记录按钮可被拖拽的最大距离。变量比率用来存放滚动条被拖拽的比例。最后
7
重新设置滚动文字块中文字的y坐标。在Action图层第2帧的行为中加入行为gotoAndPlay(1)。
8、执行插入?‘新建组件’命令,加入一个新的影片片段‘遮蔽’。使用工具箱中的矩形工具绘制一个矩形,将其透明度设为10%。
9、再次执行插入?‘新建组件’命令,加入一个新的影片片段Text。它由两个图层组成,图层bg为一个矩形,透明度设为30%,图层text用来放置文字。
10、执行插入?‘新建组件’命令,加入一个新的影片片段Textbar。在‘遮蔽’图层放置‘遮蔽’影片,并将其替身命名为‘遮蔽’。
11、单击‘插入 图层’按钮,添加一个新层Text。将Text影片从‘图库’拖放到该层中,并将其替身其命名为text。随后,在Text图层的上方加入一个新层‘遮蔽’‘向上’,并将‘遮蔽’影片拖放到该层中,调整它的位置使其可以遮住Text图层的上部,然后在‘遮蔽’‘向上’图层上单击鼠标右键,从弹出的快捷菜单中选择‘遮蔽’命令。这样就会只显示被遮罩的文字。
12、单击标签,返回到主场景中。在场景 1中,制作好影片的背景。在图层Roll中放置影片Textbar和Bar,并将其替身分别命名为textbar和bar。
13、单击插入 图层按钮,在Roll图层的上方添加一个新的图层Action,在第1帧内加入如屏幕所示的语句,为影片中所有的变量赋入初值。
至此,本例全部制作完毕,按Ctrl+Enter键即可预览影片。
实例17:调用外部文本文件的滚动条
【实例说明】这是本实例的运行效果,单击右边的向上或向下滚动按钮,可以将里边的文字上下移动。通过本例的学习,可以掌握在Flash 5中使用动态文本调用外部文本文件的方法,以及tellTarget语句的用法。
1.首先制作本例所需的文本数据,其数据文件如屏幕所示。
注意:文字的开头有个变量名称:text=,这个变量名称和我们要制作的Flash文件中的文本域变量名称要相同。
2.新建一个文件,执行‘修改’ ?‘影片’命令,将影片大小设为500*350,背景设为绿色。
3.执行插入?‘新建组件’命令,在Name文本框中输入:Scroll up,并将其行为属性指定为‘影片剪辑’,然后单击‘确定’按钮。
4.双击Scroll up影片片段的第1帧,在弹出的‘帧动作’窗口中输入stop语句。
5.单击第2帧,然后按F7键,插入一个空白帧,然后在’帧动作’窗口中单击按钮展开其列表选项。双击‘设置变量’选项,在变量栏输入变量:/:text.scroll,数值栏输入:/:text.scroll-1并勾选该栏右边的‘表达式’复选项。
6.单击第3帧,然后按F7键,插入一个空白帧,然后在’帧动作’窗口中单击‘基本动作’按钮展开列表,双击‘转到’选项。在‘帧数’栏输入2,并勾选下方的‘转到并播放’选项。此语句的作用是执行到该帧时,让场景上的文本域(变量名为text)目前所显示的行数往上移一行。
7.接下来,将Scroll up影片复制一份并命名为Scroll up,更改第2帧的动作,将“/:text.scroll-1”改为“/:text.scroll+1”,即让场景上的文本域(变量名为text)目前所显示的行数往下移一行。
8.接下来的工作就是安排场景了。单击场景 1标签,返回到场景。利用矩形工具,在场景中绘制一个适当大小的填充区域。
9.单击快速启动工具栏上的‘显示 字符’按钮,将字体设为宋体,大小设为16磅,颜色设为红色,然后单击文本选项标签。将文本类型设为动态文本,在变量文本框中输入变量名:text。
10.单击工具箱中的文本按钮,在场景中拖出一个文本框并调整好其大小。
11.接下来,我们开始加入滚动按钮。执行‘窗口’ ?共享图库?Buttons命令,打开常用图库窗口。选择(circle)Button Set文件夹下的Menu按钮组件,将其拖放到场景的适当位置并调整其大小。
12.选取该按钮,然后按Ctrl+D键,将其复制一份。执行‘修改’?转换?垂直翻转命令,让他成为向上滚动按钮。
13.执行‘窗口’ ?‘图库’命令,打开影片自身的图库窗口。分别将影片片段‘滚动向上’、‘滚动向下’拖到场景的适当位置。由于这两个影片内没有任何图形对象,所以在场景中显示为两个圆点。
14.在场景中选取‘滚动向上’替身,然后单击快速启动工具栏中的‘显示 实例’按钮,在出现的对话框中将其命令为‘向上’。同样,我们将‘滚动向下’替身命名为‘向下’。
8
15.接下来,我们为按钮加上动作。先选取向上滚动按钮,然后单击快速启动工具栏中的‘显示动作’按钮,按演示,在‘显示动作’窗口加入on(press){tellTarget(“/up”){play();}}on(release){tellTarget(“/up”){gotoAndstop(1)}}代码。
这段代码的意思就是按下向上滚动按钮时,告知影片片段‘向上’开始播放,松开按钮时告知影片片段‘向上’跳回到第1帧并停止。
16.同理,将上述代码拷贝到向下滚动按钮的动作内,然后将Tell target对象改为‘向下’即可。 17.最后,我们来设置场景的动作。单击‘插入 图层’按钮,添加一个新层。双击新层的第1帧上,打开‘帧动作’窗口。单击动作按钮,双击其中的loadVariables选项。在URL栏输入scroll.txt,在Location栏输入数字0,此代码表示把变量载入到此电影的场景里。
至此,本例全部制作完毕。按Ctrl+Enter键即可测试影片。 至此,本例全部制作完毕,按Ctrl+Enter键即可预览影片。
实例18:螃蟹大赛
【实例说明】本实例使用Flash 5来制作一个螃蟹赛跑的游戏。一声令下,螃蟹开始向前奔跑,到底谁能夺冠呢?请你猜猜看。
1.首先,我们来制作一个start按钮。然后将start按钮复制一份,将其中的文字改为Again,制作出again按钮。
2.执行插入/‘新建组件’命令,为影片加入一个电影组件,将其命名为movie1,并制作一段螃蟹从左向右移动的动画。这时,我们要注意螃蟹的起始位置和终止位置之间的距离,要保证螃蟹不会走到场景的外面。同样,制作好另外两只螃蟹的动画。
3.单击场景 1标签,返回到主场景。在其空白位置单击鼠标右键,然后从快捷菜单中选择‘影片属性’命令,打开影片属性窗口并设置好影片的属性。
4.在图层 1图层中,我们制作好影片的背景,并使背景占据影片的前7帧。
5.然后,单击‘插入 图层’按钮,加入一个button图层。在该图层的第1帧加入start按钮,并为按钮加入跳转到第2帧播放的行为。在第2帧到第4帧也放置start按钮,但不为它加入任何行为。将again按钮放置到第5帧到第7帧中,并为它加入跳转到第1帧播放的行为。
6.下面,再加入一个movie图层。在该图层的第1帧放置3只螃蟹的图片。
7.而在movie图层的第2帧到第4帧,放置3只螃蟹的动画,并将这3段动画分别命名为movie1、movie2、movie3。
8.新增一个图层result,在该图层的第5帧到第7帧制作出3只螃蟹获胜的画面。 9.最后,我们为影片加入一个动作图层,本图层用来为影片加入行为。
10.在动作图层的第1帧加入stop语句。在第2帧,我们首先用if语句来判断哪只螃蟹先到达终点,并跳到相应的胜利画面。下面的tellTarget函数用来播放相应的螃蟹运动的动画,gotoAndStop语句用来控制螃蟹运动的速度。
11.在action图层的第3帧我们仍然用if语句来判断哪只螃蟹先到达终点,并跳到相应的胜利画面。在第4帧加入影片跳转到第2帧播放的行为。在第5~7帧都加入stop语句。
到此,本例全部制作完毕,按Ctrl+Enter键就可以预览影片了。
9