《第5课 设计键盘交互》精品课件.pptxVIP

冀教版八上;怎么制作知识竞赛游戏动画？;使用Flash制作一个趣味性知识竞赛的游戏动画，实现键盘输入选择题目及答案的功能。;整个动画可以分为若干个模块，一个模块实现一定的功能，而这些功能则是通过Flash脚本后台运行实现的。

采用模块化方式设计，可以使一个复杂的动画制作过程变得简单有序。

根据表格，绘制界面草图和模块结构图。;任务分析;任务分析;任务分析;任务分析;在动画制作前搜集、整理好可能用到的素材，为制作动画做好准备。

准备动画中要用到的文字材料：20道竞赛试题。;制作图形元件：青蛙、失去生命能量的青蛙、戴皇冠的青蛙；荷叶、花草等。

准备游戏的背景音乐、答对题的提示声音、答错题的提示声音等。;设置主场景;在制作交互性动画时，一般需要在动画开始时告诉用户如何使用，也就是操作规则说明。

建立“主场景/游戏规则”影片剪辑

新建“游戏规则”影片剪辑，在该影片剪辑中建立三个图层：开始按钮、说明文字、说明背景。

选择“说明文字”图层，输入文字，调整文字大小、颜色等。;选择“开始按钮”图层，制作一个开始按钮，实现动両停止后的播放控制。

选择“说明背景”层，绘制美丽的背景图案。

制作完成，从库中拖动“游戏规则”影片剪辑到主场景的“主场景”图层。调整其大小、位置等。;新建“知识竞赛”影片剪辑。在该影片剪辑中建立七个图层：AS1.1、随机出题、用户答题、信息反馈、竞赛结束、背景、背景音乐。

将“知识竞赛”影片剪辑拖动到主场景的第2帧，设定实例名为“game”。;“随机出题”图层，对应模块一，在该图层放置竞赛题题目及答案选项。在该图层添加三个动态文本和一个“题目”影片剪辑。

在舞台中间位置，从左至右设定三个动态文本，用来显示竞赛试题的答案选项，变量名分别为answer1、answer2、answer3。;建立“主场景/知识竞赛/题目”影片剪辑

新建“题目”影片剪辑，在该影片剪辑中建立三个图层：AS1.1.1、问题、问题背景。

选择“AS1.1.1”图层的第1帧，添加帧动作：

选择“问题”图层，将整理的20道题分别放置在1～20关键帧上。调整题目到合适位置并设置文字大小、颜色等。

将“题目”影片剪辑拖动到“知识竞赛”影片剪辑的“随机出题”图层，设定实例名为“subject”。;“用户答题”图层，对应模块二，在该图层放置两个元件。一个是“左右方向键”影片剪辑，用于响应用户使用键盘左右方向键移动“青蛙”实例；一个是“确定作答”影片剪辑，用于响应用户按下键盘空格键确定答案。

建立“主场景/知识竞赛/左右方向键”影片剪辑

新建“左右方向键”影片剪辑，在该影片剪辑中建立两个图层：AS1.1.3、左右方向键。;选择“AS1.1.3”图层，在第2帧插入空白关键帧。并给第1、2关键帧添加帧动作：

选择“左右方向键”图层，在第1帧放置一个隐形按钮，在第2帧插入空白关键帧。

将“左右方向键”影片剪辑拖动到“知识竞赛”影片剪辑的“用户答题”图层，设定实例名为“key_control”。;“信息反馈”图层;“竞赛结束”图层，对应模块四，显示时间、积分以及青蛙生命能量。;在编写代码之前，对需要用到的实例名、帧标签以及变量名等进行分类整理，做成表格和流程图。;进入“游戏规则”影片剪辑编辑窗口，单击“start”按钮，在动作面板上添加脚本，实现动画的播放控制：;使用代码控制“题目”影片剪辑跳转到不同的帧，从而显示该帧上的问题。

共有20个题目，可以随机抽取，每次抽取的10个题目均不同。;进入“左右方向键”影片剪辑编辑窗口。;进入“确定作答”影片剪辑编辑窗口。;进入“反馈控制”影片剪辑编辑窗口。;控制每道题的答题时间为180秒。;编辑“青蛙生命能量”影片剪辑，选择“AS1.3.1”层，给第1帧添加动作脚本：;在三种情况下，竞赛都会结束：

1.题目回答完毕。

2.青蛙生命能量用完（答错三道题）。

3.时间用完。;由于功能模块的交错以及程序代码的复杂化，需要反复测试与修改。

发布动画。可以将动画发布成“.html”网页文件，或者“.exe”Windows放映文件。;设计《世界地图》交互动画，鼠标单击哪里，地图就指示哪里。