flash模拟游戏动画教学设计.pdf

《flash模拟游戏动画教学设计.pdf》由会员分享，可在线阅读，更多相关《flash模拟游戏动画教学设计.pdf（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Flash 模拟游戏动画教学设计 本教学设计是以制作模拟游戏“打地鼠”和制作模拟运动“撞球”Flash 动画作为任务，让学生体验 Flash 动画制作的一般步骤，初步理解 Flash 动画制作中的一些基本概念，学会创建和调用图形元件，尝试制作简单的补间动画。通过对制作过程的了解，让学生消除动画制作的神秘感，激发学生学习 Flash 动画制作的求知欲。一、教学内容分析 1、课程标准内容 学会使用一种动画制作软件尝试制作简单的动画，了解动画生成的基本原理。2、教材作用与地位 本节是中职教材第6章动画制作中 Flash 部分的开端，设计为2课时，制作简单的 Flash动画 是第2课时。这部分内容主要

2、是让学生体验 Flash 动画制作的一般步骤，初步理解 Flash动画制作中的一些基本概念，学会创建和调用图形元件。通过对制作过程的了解，让学生消除动画制作的神秘感，激发学生学习 Flash 动画制作的求知欲。在尝试制作的过程中理解基本概念，形成正确、规范的制作习惯，为后续的深层次的学习打下坚实的基础。二、学情分析 学生对 Flash 概念的认识是基于网络上流行广泛的各种动漫作品和 Flash 小游戏，因此，体验活动仅仅是欣赏和娱乐。大多数学生没有去主动创作动画的意识，对动画的制作有神秘感和距离感，对动画制作的过程知之甚少，甚至一无所知。通过上节课对源程序的分析学习，学生对一些基本概念比如：关

3、键帧、图层、图形元件等已经有了一定的了解。学生产生了很强的实践欲望，希望通过这节课亲手制作，在制作过程中加深对基本概念的理解，亲历制作的全过程。三、教学目标 1、知识与技能(1)体验 Flash 动画制作的一般步骤；(2)初步理解 Flash 动画制作中的一些基本概念；(3)学会创建和调用图形元件；(4)常用图形工具、文本工具的使用方法；(5)了解 Flash 动画制作的基本方法；2、过程与方法 通过制作 打地鼠 简单动画，让学生了解通过导入位图制作动画的方法；通过制作 撞球补间动画，让学生了解利用绘图工具制作图形元件，重复调用元件的方法。通过对撞球中两个运动元素的动画制作，让学生学会分析和分

4、解运动过程，并学会用已有的操作技能来恰当地表现这些运动。让学生体验了较为复杂动画制作的设计、制作过程，初步领会Flash 动画的基本设计、制作思路。3、情感态度 排除学生的畏难情绪，激发学生学习动画制作的兴趣；培养学生规范的制作习惯和积极探究新知识的精神。四、教学重点(1)体验 Flash 动画制作的一般步骤(2)了解 Flash 动画制作的基本方法 五、教学难点(1)理解 Flash 动画制作中的一些基本概念(2)创建和调用图形元件(3)制作补间动画 六、教学方法 演示法、任务驱动法、分析讨论法、实践探究法 七、教学准备 向每一台学生机发送教学所需素材，以及相关的作品范例。八、教学过程(一)

5、情景导入 师：同学们，上节课我和大家一起分析了“时钟”Flash 动画的源程序，通过讨论和实践我们了解了什么是层、关键帧、图形元件等一些基本概念。今天我们就亲自动手实践一下，制作几个简单的动画作品，比如屏幕上展示的这个作品。屏幕展示第一个任务作品打地鼠(如图1)师：这是大家比较熟悉的游戏打地鼠，我相信大家通过今天的学习，用几分钟的时间就能把这样一个 Flash 动画制作出来，大家有信心吗？生：有(大部分学生不太有信心)师：看来同学们的信心不够，但是老师保证，只要同学们积极参与，努力探索，大家都能很快地制作做这样一个作品。生：(持怀疑态度，但也激动盼望)设计意图 学生对 Flash 很感兴趣，但

6、有畏难情绪，这时教师用学生喜闻乐见的游戏界面的动画作品作为学习任务，并明示学生任务的难度很小，大大激发了学生的参与激情，学生学习的积极性被调动起来。同时，任务的设置没有成为操作说明书式的，而是把具体操作融入到真实自然的情境中，而且大多数学生对该游戏已经具备了多少不等的经验，他们会在调试过程中使作品不断逼近真实游戏的状态，主动去探究，不断地实践，以求达到完美境界，从而提升了审美情趣和科学严谨的学习态度。图1 打地鼠 (二)新授 师：同学们在上节课应该了解到 Flash 动画制作的一个特点，那就是要在库中先创建元件，创建元件的方法可以是导入已有的位图到库中形成元件，也可以是通过图形工具绘制出的元件

7、，然后才是把他们调用到场景中去进行动画的制作。现在屏幕当中演示的作品就是用导入已有的位图的方法制作动画。因此，只要学会导入位图和调用元件，就可以在短时间内完成任务。现在我们先把任务简化一下。屏幕展示任务一步骤1。师：现在我们先学习如何让老鼠在同一个洞口不断出现和消失。(教师演示，导入两张图片到库中，然后先建立背景图层，选中第1帧，插入关键帧，调用背景位图，选中第10帧，插入帧，使背景延长到10帧。再建立老鼠图层(提醒学生注意图层的作用和先后关系，巩固上节课所学内容)，选中第1帧，插入关键帧，调用老鼠元件到指定洞口，选中第6帧，插入空白关键帧(解释空白关键帧的作用是去除老鼠元件，使得画面表示老鼠

8、不在洞口)，执行播放命令，产生一只老鼠在同一洞口出没的动画效果。)师：这里我们就用到了上节课学到的知识，当同一图层画面发生改变时，插入关键帧，创建不同的内容；当画面需要保持一段时间不变时，插入帧，延长前面关键帧内容持续的时间。下面大家自己来尝试一下。(巡回指导，提醒学生素材的位置，并建议学生使用常见快捷键插入帧和关键帧。注意学生的制作细节，特别是老鼠的位置，建议用光标控制键精细移动，达到较好效果。从一开始就让学生养成精益求精的工作作风和良好的制作习惯。)师：怎么样，第一步还是比较简单的吧？生：是，但只是一个老鼠在同一个洞口出没，怎么才能在不同的洞口出现呢 师：这里需要在老鼠图层多建立几个关键帧

9、和空白关键帧，把老鼠元件移动到不同的洞口。屏幕展示任务一步骤2。(教师演示，在老鼠图层中，选中第11帧，插入空白关键帧；从库中调用老鼠位图到另外一个洞口，选中第15帧，插入帧，使动画延长到15帧；选中第16帧，插入空白关键帧。背景图层中选中第20帧，插入帧，使背景延长到20帧，形成一只老鼠在两个不同洞口出没的动画效果。学生模仿)师：下面大家根据老师的方法自由修改，让老鼠在不同洞口出没。现在我们的效果仅仅是在两个洞中出没，有兴趣的同学可以考虑让老鼠在更多的洞口出没，更加逼近游戏的效果。屏幕展示探究任务。(巡回指导，并发现问题和亮点)师：现在，同学们基本上都修改完成了，我给大家演示一些同学的作品，

10、并请大家对作品进行讨论，包括存在的问题和亮点。(作品展示，自评互评)师：同学们的作品都完成的不错，现在是不是任务就全部完成了呢？师：大家平时下载的 Flash 动画是不是在 Flash 程序中播放的呢？生：好像不是，是一个格式为 swf 的文件，双击就可以看了。师：对，刚才我们制作的是 Flash 源程序，要想生成 Flash 动画，我们还必须要导出成swf 影片，这才是我们的作品，可以在网上发布供别人下载或在网页上显示。(教师演示，学生模仿)设计意图 导入已有元素制作简单动画是入门的好方法，让学生在实践中发现制作动画其实也可以很简单，同时体验动画制作的一般步骤。该任务没有涉及补间动画操作，让

11、学生先从最基本的动画制作方法来理解动画的定义和传统动画制作的方法。任务设置体现了循序渐进，难度逐步加深，并留给学生自由发挥的空间，从而实现因材施教，分层教学的目的。在任务进行过程中，不断强化上节课所学概念，让学生在实践中不断加深对基本概念的理解，为以后的学生打下坚实的基础。师：刚才我们制作的动画很简单，也很方便，但我总觉得这个作品不完全是我们自己的，同学们，你们觉得呢？生：是的，因为动画里的背景和老鼠都是现成的，我们是拿人家的东西在用。师：对，动画里的元素都是别人的成果，大家想不想自己绘制图形创建元件，然后做出完全属于自己的动画作品呢？生：想(声音很大)师：好，下面我们就来完成第二个任务。屏幕

12、展示第二个任务作品撞球(如图2)图2 撞球 师：首先请问同学们有没有发现这个作品和上一个作品有什么不同？生：尺寸上好像不太一样 师：对，前面我们没有涉及到这个问题，其实 Flash 影片还有些参数要设置。屏幕展示任务二参数。(教师演示，执行“修改文档”命令，对里面尺寸、背景颜色进行设置，并演示帧频不同，动画效果的不同，其它由学生在课后实践)师：我们这个作品的主角是谁？生：小球 师：对，我们应先创建小球元件，然后制作小球(教师演示，ctrl+F8插入新元件，在对话框中输入元件名。选用椭圆工具，选择填充色，注意立体效果和平面效果的不同，然后提示用 shift 键来画正圆。)师：元件创建好了，大家注

13、意看库多了一个什么元件。生：小球图形元件。师：两个小球是不是要建两个小球呢？生：好像不要吧，两个小球一模一样 师：对，一个元件可以重复的调用，这样既节省制作时间又能有效地减小文件容量。另外，提醒大家，Flash 中对于多个运动的元件，我们应该把它们放在不同的图层中去，因此，我们这里要建几个图层啊？生：两个 师：下面我们先建两个图层，分别取名为小球1、小球2，然后调用两次小球元件，把它们分别放在两个图层中。下面我们分析一下，它们是如何运动的。生：左边小球1先从左滚动到中间撞小球2 师：对，下面我们先在小球1图层中制作小球1从左端滚到中间的动画。师：下面我们就来制作动画了。由于小球是有规律的滚动，

14、因此我们这里可以运用 Flash中最有知名度、使用率最高、最高效的方法补间动画来制作小球滚动效果。制作方法很简单，你只要告诉 Flash，运动的起点和终点，然后就可以创建补间动画了。现在我演示具体步骤。师：为了让同学们更加容易完成任务，我们把任务二分成四个步骤，下面我们先来看看第一步。屏幕展示任务二步骤1。(教师演示，注意讲清细节，小球1图层创建补间动画，小球2图层的小球的位置要和小球1协调，用帧延长小球2的展示时间。创建补间动画时建议通过属性面板创建)(学生模仿)师：下面再来讨论一下，小球2如何运动(不断分析运动过程，讨论操作步骤，老师演示，学生模仿)师：现在我们一起完成了任务二，这个作品由

15、两个处于不同图层的运动着的小球构成，因此两个小球既独立运动又相互关联，在制作过程中同学们既要学会分析每一个元素的运动过程，同时又要学会综合考虑所有元素的相互关系，这样在今后的作品创作中就能举一反三，游刃有余。而这些也正是 Flash 动画的基本设计、制作思路，需要大家在实践中不断领悟和提高。课后，有兴趣的同学可以尝试完成三个小球或更多小球在一维或二维空间碰撞的制作。设计意图 通过任务二制作撞球的运动过程，首先让学生掌握运用绘图工具创建元件的过程和多次调用元件形成不同元素的方法，在学习动画制作的初期就养成有目的创建元件和调用元件的良好制作习惯。其次，两个不同元素进行不同的运动，需要创建不同的图层

16、，这也是必须在初学 Flash 动画制作必须遵循的原则，因此创设了这样一个任务，让学生一开始就养成有几个运动元素就建几个图层并为其建立适当名字的习惯。第三，撞球的过程相对比较复杂，让学生学会分析和分解运动过程，并学会用已有的操作技能来适当地表现这些运动，同时还要综合考虑两个小球的相互位置关系。让学生体验较为复杂动画制作的设计、制作过程，初步领会 Flash 动画的基本设计、制作思路，为今后的深层次的学习打下基础。最后，任务的设计也遵循了新课程改革中提升信息素养的要求，没有纯粹的进行软件操作说明，而是把操作与学生认识经验相联系，学生对撞球的过程比较熟悉，他们能够理解运动的原理和过程，因此也能很好

17、的分析和分解这个运动，制作过程中积极性较高，同时也能合理地修改以达到较好的动画效果。(三)总结与评价 师：今天这节课我们完成了两个任务，第一个任务我们学会了什么？生：导入已有的位图成为元件，然后调用这些元件制作动画。师：回答得很好。现在大家觉得制作这样的动画难不难？生：不难！师：对，其实 Flash 动画制作并没有想像中的那么难。当然，想要制作出优秀的动画作品也不是一件简单的事情，要求同学们不断的学习、不断的实践和不断的创新。师：因此，第二个任务提高了难度，通过这个任务我们学会了什么？生：学会了用绘图工具创建图形元件，还学会了创建补间动画。师：对，另外我们还体验了多个运动元素的动画制作过程，学

18、会了如何分析和分解运动过程，并用学会的操作方法来表现这些运动过程。通过今天的学习同学们已经具备了 Flash动画制作的基本素质，加上勤奋和创新，我相信所有的同学都会成为动画制作高手，现在大家有信心吗？生：有！师：今天的课就上到这里，下课！九、教学反思 第一、本节内容是 Flash 动画制作的开端，需要让学生体验动画制作的过程、动画设计的思路和掌握一些基本工具的使用。既然是开端，应该让学生首先要感兴趣、要对所需制作的动画有认知经验。而教材中所使用的例子个人觉得比较枯燥，没有生活情趣，没有美感，让学生产生不了认同感，给人感觉是为了学习这个操作而设计的任务，是操作说明书。这恰恰和新课程改革的思路是不

19、合的。因此，我在这里设计了两个比较贴近生活，符合学生认知经验的例子。既有娱乐效果，学生们又熟悉其运动规律，为动画的制作带来乐趣的同时，也为制作的过程中对操作步骤的理解带来益处。第二、移动的小球中所采用的方法比较随便，对学生形成良好规范的制作习惯不利。应当从开始就提倡先创建元件，再调用元件到场景制作动画效果。另外，如果学校采用的是Flash8以前的版本，比如 MX2004版本，右击第一帧选择快捷菜单命令的操作则会出现错误，因此，建议创建动画补间动画应先创建元件，再通过属性面板设置动画补间。快捷菜单命令的方法作不推荐处理，特别是在学习的初级阶段。第三、既然是制作简单的 Flash 动画，完全可以根据动画的原理制作最基本的动画效果，可以让学生更充分理解前面所学的动画的原理等基本概念。如果想全面体验动画制作，则可设计简单任务循序渐进的了解动画的过程和方法。所选任务应可分解成各个小任务，每个任务的步骤要少而简单，同时又要全面、合理、贴近学生认知经验。让学生在轻松愉快的气氛中不知不觉地体验了制作的过程和方法，掌握了基本的概念和操作。