12等高线课件.doc

实验十二 等高线课件判断、练习部分一、 实验目的：1 练习Flash的基本操作方法；2 掌握本课件制作的所有流程；3 深入掌握按钮的制作和使用方法；4 掌握在Flash动态文本的使用方法；5 学习场景转换等动作设置和应用方法。二、 实验内容:1. 制作地形判断部分2. 制作判断练习部分3. 设置动作4. 保存文件三、实验步骤：1 打开实验11中制作完成的“等高线原理.fla”Flash文档。2 制作“判断”场景(1) 选择“窗口”“其它面板”“场景”命令，打开场景面板，单击场景面板右下角的添加场景按钮，新建一个场景，再将其重命名为“判断”。图1 添加场景(2) 建立图层进入“判断”场景，在图层面板中，再新建三个图层，然后将图层14分别命名为“背景”、“按钮”、“文字”、“地形图”，如图2所示。图2 新建图层(3) 设置背景选中“背景图层”的第1帧，将库面板中的位图元件“背景.png”拖放到舞台中央位置，然后将背景图层锁定。(4) 设置场景转换按钮选中“按钮”图层的第1帧，将库中“透明按钮”分别拖放到“上页”、“下页”和“返回”文字上，如图3所示。图3 添加按钮选择“上页”文字上的按钮，设置按钮动作为on (release) gotoAndPlay(原理,1);选择“下页”文字上的按钮，设置按钮动作为on (release) gotoAndPlay(练习,1);选择“返回”文字上的按钮，设置按钮动作为on (release) gotoAndPlay(片头,100); （注意标点符号要用英文符号）。将“按钮”图层锁定。(5) 输入标题文字选中文字图层，在左上方输入静态文本“等高线地形的判断”，黑体，35号，红色；在下方“滤镜”面板中，为标题文字添加“投影”滤镜效果。(6) 设置动态文本区域选择工具栏中文本工具，在属性栏中设置文本类型为动态文本；隶书，30号，墨绿色；设置换行方式为“多行”；输入变量名称为“text”，如图4所示。图4 动态文本属性设置选中文字图层的第1帧，在舞台下方拖动鼠标，设置一个动态文本区域，大小及位置如图5所示。图5 动态文本区域动态文本就是可以动态更新的文本，如体育得分、股票报价等。为动态文本赋值的常用方法是：使用变量赋值。本例将动态文本的名称定义为“text”，在Flash影片播放时，只需改变动态文本变量的值，就可以改变动态文本框中显示的文本。(7) 导入地形图选中“地形图”图层的第1帧，选择“文件” “导入”“导入到舞台”命令，将实验素材中提供的“山顶”、“山脊”、“山谷”、“鞍部”、“陡崖”五个图片导入到舞台中并将其缩小排列，如图6所示。图6 导入地形图用鼠标单击选中导入的“山顶”图片，然后执行“修改” “转换为元件”命令，在“转换为元件”对话框中，设置名称为“山顶”，类型为“按钮”，如图7所示。图7 转换为元件对话框用同样方法，将其余四张图片也转换为按钮元件，名称分别为“山脊”、“山谷”、“鞍部”、“陡崖”。(8) 设置按钮动作实现动态显示文本选中“山顶”按钮，展开动作面板，设置按钮动作如图8所示（其中，动态显示的文字内容，在实验素材提供的文本文件之中，可以复制粘贴过来即可）。图8 设置按钮动作以上按钮动作的作用是，当鼠标指针指向按钮上方时，为变量text赋值，动态文本区域则显示出相应的文字内容；当鼠标指针离开按钮上方时，为变量text赋空值，动态文字消失。用同样方法，再设置其余四个图片按钮的动作。多行显示方式会在文字显示满一行后自动换行显示，如果要强行使文字换行显示，须在换行文字前加“”符号。(9) 嵌入字符集如果现在导出影片将会看到，动态文本的字体设置，在实际播放影片时是不起作用的，这是因为导出的影片中没有包含所需的字体的缘故。我们可以用嵌入字符集的方法，教所需的字符嵌入到影片中，这样，在播放时就不会出现上述的情况了。具体操作如下：l 选中动态文本区域；l 单击属性面板中的嵌入按钮；l 在字符嵌入对话框中，输入动态文本中需要包含的字符（也可复制粘贴文字到这里），如图9所示。如果包含的字符很多，也可以在列表框中选择一个或多个字符集来嵌入，但这样会导致影片文件增大许多。图9 字符嵌入对话框3 制作“练习”场景(1) 选择“窗口”“其它面板”“场景”命令，打开场景面板，单击场景面板右下角的添加场景按钮，新建一个场景，再将其重命名为“练习”。图10 添加场景(2) 建立图层进入“练习”场景，在图层面板中，再新建五个图层，然后将各个图层分别命名为“背景”、“按钮”、“地形图”、“题目”、“标记按钮”、“标记文字”，如图11所示。图11 新建图层(3) 设置背景选中“背景图层”的第1帧，将库面板中的位图元件“背景.png”拖放到舞台中央位置，然后将背景图层锁定。(4) 设置场景转换按钮选中“按钮”图层的第1帧，将库中“透明按钮”分别拖放到“上页”和“返回”文字上，如图12所示。图12 添加按钮选择“上页”文字上的按钮，设置按钮动作为on (release) gotoAndPlay(判断,1);选择“返回”文字上的按钮，设置按钮动作为on (release) gotoAndPlay(片头,100); （注意标点符号要用英文符号）。(5) 输入标题文字选中按钮图层的第1帧，在左上方输入静态文本“地形判断练习”，黑体，35号，红色；在下方“滤镜”面板中，为标题文字添加“投影”滤镜效果。将“按钮”图层锁定。(6) 导入地形图选中地形图图层的第1帧，将实验素材中的“等高线图.swf”导入到舞台，调整好位置，然后锁定图层。如图13所示。图13 导入等高线图(7) 制作文字题目选中按题目层的第1帧，在舞台的左下方输入静态文本“题目一：在图中指出哪个是山峰？”，隶书，30号，黑色；在下方“滤镜”面板中，为题目文字添加“发光”滤镜效果。如图14所示。图14 输入题目文字分别在题目图层的第2、3、4、5帧插入关键帧，并分别在“背景”、“按钮”、“地形图”图层的第5帧插入帧。选中题目图层的第2帧，将题目文字改为“题目二：在图中指出哪个是鞍部？”；选中题目图层的第3帧，将题目文字改为“题目三：在图中指出哪个是陡崖？”；选中题目图层的第4帧，将题目文字改为“题目四：在图中指出哪个是缓坡？”；选中题目图层的第5帧，将题目文字改为“题目五：在图中指出哪个是陡坡？”；将“题目”图层锁定。(8) 制作标记按钮元件标记按钮有两个：答对按钮和答错按钮。按钮的外观相同，不同的是，点击答对按钮时，显示“答对了！”文字，并有相应的提示正确的鼓励语音；点击答错按钮时，显示“没答对！”文字，并有相应的错误提示语音。执行“插入”“新建元件”命令，设置新建元件名称为“答对按钮”，类型为“按钮”，如图15所示。图15 新建按钮元件单击确定按钮，将进入到“答对按钮”元件的编辑界面。选中图层1的弹起帧，选择椭圆工具，设置笔触颜色为无，填充色为白黑颈向渐变，在中心位置画一个圆，如图16所示。图16 制作按钮的弹起帧在“指针经过”、“按下”、“点击”各帧插入关键帧；选中指针经过帧，适当改变按钮的颜色（可自行设定）；选中按下帧，在按钮的上方输入文字“答对了！”，隶书，45号，红色。将实验素材中的声音文件“正确.wav”导入到库，选中按下帧，在属性面板中设置声音为“正确.wav”；图17 制作按钮的按下帧在库中答对按钮上击鼠标右键，在弹出的快捷菜单中执行“直接复制”命令，将出现直接复制对话框，如图18所示。将元件名称改为“答错按钮”，然后点击确定。 图18 直接复制元件对话框在库中双击“答错按钮”元件，进入到按钮的编辑界面。将按钮的按下帧中的文字改为“没答对！”，蓝色；将实验素材中的声音文件“错误.wav”导入到库，选中按下帧，在属性面板中设置声音为“错误.wav”。(9) 设置标记按钮图层返回练习场景，选中“标记按钮”图层的第1帧，根据题目，将库中的“答对按钮”拖放到正确位置，将“答错按钮”拖放到其余的几个位置，如图19所示。图19 设置标记按钮在地形图的右侧，输入“上一题”、“下一题”两行文字，并将库中的透明按钮拖放到文字上，如图20所示。图20 设置题目转换按钮选中“上一题”文字上的按钮，设置按钮动作为“on (release) prevFrame();”；选中“下一题”文字上的按钮，设置按钮动作为“on (release) nextFrame ();”；在“标记按钮”图层的第2帧插入关键帧，选中该帧中的“答对按钮”，在属性面板中单击交换元件按钮，在交换元件对话框中，选中“答错按钮”，点击确定；然后，再根据题目，选中第2帧中正确答案位置上的按钮，用交换元件的方法，将其交换为“答对按钮”；分别在“标记按钮”图层的第3、4、5帧插入关键帧，应用上面的操作方法，将正确答案位置设置为“答对按钮”，其余位置设置为“答错按钮”。锁定“标记按钮”图层。(10) 设置标记文字图层选中“标记文字”图层的第1帧，选择文本工具，在属性面板中，设置字体为“Arial Black”，16号，红色；在各个标记按钮上，分别输