初中八年级信息技术课件-设计键盘交互

设计键盘交互1制作知识竞赛游戏动画怎么制作知识竞赛游戏动画？使用Flash制作一个趣味性知识竞赛的游戏动画，实现键盘输入选择题目及答案的功能。整个动画可以分为若干个模块，一个模块实现一定的功能，而这些功能则是通过Flash脚本后台运行实现的。采用模块化方式设计，可以使一个复杂的动画制作过程变得简单有序。根据表格，绘制界面草图和模块结构图。任务分析任务分析任务分析任务分析任务分析2搜集、整理素材在动画制作前搜集、整理好可能用到的素材，为制作动画做好准备。准备动画中要用到的文字材料：20道竞赛试题。制作图形元件：青蛙、失去生命能量的青蛙、戴皇冠的青蛙；荷叶、花草等。准备游戏的背景音乐、答对题的提示声音、答错题的提示声音等。3构建动画平台在主场景中，建立“主场景”和“AS1”图层。选择“AS1”图层，在第1帧和第2帧上添加帧动作脚本：“主场景”图层上的两帧，分别用于承载“游戏规则”影片剪辑和“知识竞赛”影片剪辑。设置主场景在制作交互性动画时，一般需要在动画开始时告诉用户如何使用，也就是操作规则说明。建立“主场景/游戏规则”影片剪辑新建“游戏规则”影片剪辑，在该影片剪辑中建立三个图层：开始按钮、说明文字、说明背景。选择“说明文字”图层，输入文字，调整文字大小、颜色等。选择“开始按钮”图层，制作一个开始按钮，实现动両停止后的播放控制。选择“说明背景”层，绘制美丽的背景图案。制作完成，从库中拖动“游戏规则”影片剪辑到主场景的“主场景”图层。调整其大小、位置等。制作“游戏规则”界面新建“知识竞赛”影片剪辑。在该影片剪辑中建立七个图层：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”。“用户答题”图层“信息反馈”图层“信息反馈”图层，对应模块三，放置三个影片剪辑：答题反馈、反馈控制、失败。答题反馈实现的功能：用户按下空格键答题后，有回答正确与错误两种情况。如果回答正确，则显示一只戴有皇冠的青蛙，同时积分加上100；如果回答错误，则显示一只绷直的青蛙表示失去生命能量，同时积分减去50。“竞赛结束”图层，对应模块四，显示时间、积分以及青蛙生命能量。“竞赛结束”图层4输入动作脚本，设置交互在编写代码之前，对需要用到的实例名、帧标签以及变量名等进行分类整理，做成表格和流程图。进入“游戏规则”影片剪辑编辑窗口，单击“start”按钮，在动作面板上添加脚本，实现动画的播放控制：使用动作脚本控制动画的播放使用代码控制“题目”影片剪辑跳转到不同的帧，从而显示该帧上的问题。共有20个题目，可以随机抽取，每次抽取的10个题目均不同。随机抽取试题进入“左右方向键”影片剪辑编辑窗口。使用动作脚本控制用户选择答案题进入“确定作答”影片剪辑编辑窗口。使用动作脚本控制用户确定答案进入“反馈控制”影片剪辑编辑窗口。使用动作脚本控制用户回答问题后的反馈信息控制每道题的答题时间为180秒。时间控制编辑“青蛙生命能量”影片剪辑，选择“AS1.3.1”层，给第1帧添加动作脚本：使用动作脚本控制答错次数限制在三种情况下，竞赛都会结束：1.题目回答完毕。2.青蛙生命能量用完（答错三道题）。3.时间用完。竞赛结束5测试与发布由于功能模块的交错以及程序代码的