拼图游戏

拼图游戏素材准备

一、教学目标：

✧学会在flash中创建按钮元件的方法。

✧掌握编辑按钮元件的方法。

✧培养学生创新精神，激发他们的想象力。

二、重点、难点：

重点是掌握按钮元件的创建及编辑方法；

难点是对按钮元件四个关键帧的理解。

三、课时：1课时。

四、教学过程：

1、导入新课，激发需求：

首先，我们通过一个拼图游戏来认识一下flash中的交互功能。同学们想不想通过自己的努力来创作出不同的拼图动画呢？那么接下来的两节课我们就要发挥想象，设计一个有意思的接力游戏并在本节课完成拼图游戏的素材准备，在拼图游戏制作完成时我们将进行评比并选出几幅作品进行展评。

2、实践操作，解决需求

下面就请同学们按照课本要求，根据自己设计的拼图到素材库或者网上找出自己喜爱的图片并进行加工。具体任务：

（1）搜集和加工原始素材

①找到若干幅自己喜爱的图片，分别用于拼图游戏和作品的封面。

②将用于拼图的图片素材用photosho分割成若干小块。

③找一幅ESP格式的花边素材。

④将找到的素材集中于一个素材文件夹，为各类素材重命名。（学生在准备素材的同

时教师进行辅导）。

好了，素材我们已经准备好了，在这个拼图游戏中需要若干个场景，而场景间的切换就需要按钮，那让我们先来准备几个按钮吧。

（2）创建按钮

教师演示：

第一步：执行插入——新建元件菜单命令，在新建元件对话框中，类型选按钮，名称输入为“开始”。

学生会看到在每个按钮元件中固定有四个帧，分别为“弹起”“指针经过”“按下”“点击”而flash会自动在按钮的弹起帧上插入一个空白关键帧，等待插入内容。

第二步：在舞台中输入“开始”二字，设置为隶书，50，加粗。

第三步：分别在“指针经过”，“按下”和“点击”的帧上单击鼠标右键，从快捷菜单上选择“插入关键帧”，这样，同学们会发现，在这三个按钮的关键帧上都“继承”了“弹起“帧上的内容。

第四步：选“指针经过“帧，执行修改——变形——缩放和旋转菜单命令，将文字放大到105%，以实现在运行时鼠标经过按钮上方时，按钮会略变大。

第五步：选按下帧，用与背景不的颜色绘一个矩形，使其刚好遮盖开始二字，以实现按钮在按下时显示其他颜色。

请同学们参照刚才所学方法分别创建“说明”“退出”“返回”三个按钮。

（3）将图片块创建为按钮

因为在游戏中，只有按钮元件才能被拖动，所以我们需要将拼图用的图片创建为按钮元件。第一步：执行插入新建元件菜单命令，插入一个“按钮”类型的元件，命名为tu_1。

第二步：导入第一个图片块，在按钮元件相应的帧插入关键帧。

第三步：选“指针经过”帧，执行修改——变形——缩放和旋转菜单命令，将图片放大到105%，以实现在运行时鼠标经过按钮上方时按钮会略变大，指示所操作的是哪一个图片块。第四步：依照前三步的操作，交剩余的3个图片块创建为按钮元件，分别命令为tu_2，tu_3,tu_4。

拓展操作：在flash的舞台上直接分割素材：

第一步：将图片导入到舞台上，打散。

第二步：使用直接工具在打散的图片上横向，纵向各绘制一条直线，将图片分为2*2=4块。第三步：选择一块被分割的图案，在图案上点右键，在快捷菜单上选择转换为元件，命名为tu_1。并按上面操作在“指针经过”帧对图片进行放大。

第四步：依照前面的操作，将剩余的图片转换为按钮元件并分别命名。

（4）创建拼图剪辑

教师可以讲解并淙以下操作：

第一步：插入一个剪辑元件，命名为“拼图”；

第二步：插入花边素材，调整大小；

第三步：复制花边，粘贴在同一帧中，调整两组花边的位置，使其左右排放，

第四步：插入图层2，导入完整图片作为参考图，自由缩放使其能放在第一个花边内。

第五步：插入图层3导入按钮tu_1,tu_2,tu_3,tu_4,适当缩小，随意放在两个花边的下边，效果如教材图。

第六步：插入图层4，导入选定的背景声音。

演示完成后，让学生分组，分别完成拼图和说明两个剪辑，通过局域网进行交流。

通过上面操作，我们现在已经准备好了制作一个拼图游戏所需要的素材，并以元件的形式保存在库中，可以随时显示库内各元件的情况并进行修改编辑，可以将自己设计好的元件加入到flash中公用库中，以便以后在每个作品中使用这些元件。

3、实践反馈，巩固需求。

请同学们根据自己的设计，完美一下拼图游戏所需要的素材，有能力的同学可以尝试将拼图分割的块数增加并且在按钮内加入声音。小组间进行作品交流并互帮互助。

教学反思：

本节课看起来比较简单，但是由于学生平时用的不多，虽然会使用播放播放声音，但是对于播放的使用了解的并不是很深，这些是我上课忽视的地方，应该多注重学生对各种播放器的使用以及声音文件的各种类型这方面的知识的讲解。

2009、12、26