第六课 用按钮控制动画
教学目的和要求:一个Flash动画,可以有多个场景,每个场景也是一个独立的动画。我们可以使用按钮来控制各个场景播放顺序,从而使作品有良好的交互功能。为了使动画具有交互性,必须给动画加上控制按钮。
主要教学内容:1、使用按钮
2、切换场景
教学重点:用按钮控制动画
教学难点:使用按钮和切换场面
课时公配:1课时
教学方法:先理论、然后演示,再通过例子巩固知识。
教学过程
Flash的公用库中有“按钮”元件,这些“按钮”元件可以用来控制动画的播放。
为“瓢虫在森林中爬行”动画增加停止、播放按钮。见图2-6.1.
一、使用按钮
1、打开动画源文件。新增“按钮”层,锁住其他层,将“按钮”层放在最上面。
2、单击菜单【窗口(W)】—【公用库(B)】—【按钮】,将公用库中的按钮元件拖入“按钮”层舞台(见图2-6.2)。测试影片,发现按钮并没有起作用。这是因为“按钮”必须通过脚本命令才能控制动画。
3、给按钮设置脚本。选择按钮层中的停止按钮元件,右击鼠标选择【动作】(见图2-6.3).在动作面板中设置它的控制脚本(见图2-6.4),将Stop命令拖入右下边的命令框中,作用是单击鼠标时动画停止。
4、用同样的方法设置播放按钮的脚本命令为Play,作用是单击鼠标时播放动画。测试影片,这时按钮就可以控制瓢虫的爬行了。
二、切换场景
一个Flash动画,可以有多个场景,每个场景也是一个独立的动画。我们可以使用按钮来控制各个场景播放顺序,从而使作品有良好的交互功能。单击菜单【窗口(W)】—【场景(E)】,打开场景面板。利用面板可以对场景进行添加、删除、切换、调整播放顺序等操作。如图2-6.5所示。
用按钮控制场景的切换。
分析:先分别制作三个场景,在每一个场景中写一个字母,然后用按钮控制场景的切换。
1、新建文件,在“场景1”的第1帧输入文字“A”(见图2-6.6)。
2、添加场景。单击场景面板右下角的“+”号,依次添加“场景2”和“场景3”,分别在各场景的第1帧输入文字“B”和“C”见图2-6.6.
3、让场景播放后停止。选择“场景1”—第1帧右击—【动作】,调出帧的动作面板。在帧的动作面板依次打开“动作”—“影片控制”,双击“Stop”,脚本窗口中出现“Stop()”,表示动画播放此帧后停止,设置动作的帧会出现“a”字样如图2-6.7同样的方法分别设置“场景2”和“场景3”的帧停止动作脚本。测试影片。可以看到“场景1”播放后,动画停止(只播放了“场景1”)。
4、返回场景1,增加“控制”层,将元件库中的按钮元件拖入场景1的控制层,重复三次得到三个按钮“场景一”“场景二”“场景三”。见图2-6.8。
5、分别给“场景一”“场景二”“场景三”三个按钮设置动作。如图2-6.9所示。
6、设置其他场景的控制层:复制“场景1”控制层的第1帧(拷贝帧),在“场景2”“场景3”中分别添加控制层,在 控制层的第1帧黏贴帧。测试影片,这时用按钮可以控制场景之间的切换了。
作业: 制作含三个场景的动画,用按钮控制场景的切换。