Flash项目七--动画编程（给按钮添加动作代码）教案.doc

教 案 （ 2012 至 2013 学年 第 二 学期） 课程名称： Flash 授课教师： xxx 授课班级： xxx 教 研 组： 计电组 项目七--动画编程（给按钮添加动作代码） 章节 项目七 第二节 周次 第13周 日期 5月20日 课题 给按钮添加动作代码 课时 总课时 6节 ，其中： 理论 2节 ；实训 4节 。 授课 方式 讲授、演示、练习 作业 题数 2 拟用 时间 270分钟 教学 目的 1、使用代码制作按钮的方法 2、会制作按钮控制帧跳转 3、会使用静态文本、输入文本、动态文本 4、会制作“计算器” 选用教具挂图 教 学 重 点 教学重点：制作按钮控制帧跳转 解决措施：演示、操作实践 教 学 难 点 教学难点：给按钮添加代码 解决措施：演示、操作实践 教学 回顾 本章内容重点在于掌握按钮控制影片和帧跳转的功能。通过教师演示与学生实践相结合，当堂练习巩固所学知识，加强学生对知识的理解与掌握。通过评选优秀作品，调动学生学习积极性，收到了较好的教学效果。 说 明 审阅签名： 年 月 日 教学过程 教学内容 教学方法 组织教学 5 分钟 上课礼仪，清点人数，集中学生注意力 复习 5 分钟 案例小结：放映上一节课同学们的作品“地图感应”，先让同学们互评，老师再做点评。 互动、点评 导入 5 分钟 放映动画“精美课件”、“小球的运动”、“计算器”等丰富有趣漂亮的动画效果。学习完这节课后，我们同样可以制作出精美的作品！ 观赏、点评 讲授新课 60 分钟 一，按钮元件（2分钟） 按钮元件是Flash的基本元件之一，它具有多种状态，并且会响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象。 二，按钮控制小球的运动（35分钟） 创建一个用按钮控制动画播放的实例。动画运行时，一个小球在画面上循环不停的跳动，在画面左上角有两个按钮，分别单击它们可以控制停止和播放小球的动画 讲授演示制作过程： （1）打开小球动画影片文档 　　执行【文件【|【打开】命令将小球动画影片文档“小球跳动.fla”打开。打开以后，我们可以先按下Ctrl+Enter组合键对动画进行测试，观察一下动画效果。在【测试窗口】中我们可以观察到，小球在舞台上一直循环不停的跳动。下面我们就创建一个按钮对象，用按钮来控制这个小球动画的播放。 （2）创建按钮元件 　从【窗口】选择【公用库】选择【按钮】，找到自己喜欢的按钮，拖动到舞台 （3）引用按钮实例 　① 引用第1个按钮 　　 现在按下F11打开[库]面板，在其中你会发现一个按钮元件，即我们刚才创建的名字为“播放按钮”按钮元件。用鼠标单击这个按钮元件的名字，在【库】面板上面可以看到这个元件的预览效果。拖动鼠标将这个按钮元件从【库】面板拖放到舞台的左上角合适位置。这个按钮将要定义的功能是，单击它可以让小球动画继续播放。 ② 引用第2个按钮 　　 现在我们还需要一个控制小球动画停止播放的按钮。再从【库】面板拖放一个按钮元件的实例到舞台左上角，然后执行【修改】|【变形】|【水平翻转】命令，使这个按钮实例水平翻转一下，这样，舞台上就出现了两个不同效果的按钮元件实例了。 说明：我们在场景中将按钮元件实例更改了效果，并不影响【库】面板中的按钮元件原来的效果。 　　 　　 讲授、演示、操作、 （4）定义按钮的动作脚本 　 ① 定义第1个按钮的动作脚本 　　 选择舞台上的第1个按钮，打开【动作】面板，在其中输入on(，这时弹出一个鼠标事件下拉列表，从其中选择【press】，然后输入： { 　　play（）； 　　 } 这样，第一个按钮的动作脚本就定义完成了，完整的动作脚本 是： 　　 on（press） { 　　 play（）； } 这个动作脚本的功能是，当用鼠标单击这个按钮时，舞台上的动画开始播放。 ② 定义第2个按钮的动作脚本 　　 第2个按钮的动作脚本和第1个的定义过程类似，先选择第2个按钮，在[动作]面板中按照前面的方法定义这个按钮的动作脚本是： 　　 　　 on（press）{ stop（）； 　　 } 这个动作脚本的功能是，当用鼠标单击这个按钮时，舞台上的动画停止播放。 接下来，按下按下Ctrl+Enter组合键测试一下，两个按钮实现控制小球动画播放的效果出来了。 三、思考：如何让小球从第第一帧跳转到第20帧？（23分钟） 提示： on（press）{ gotoAndStop（20）； 　　 } （1）让两位同学上台操作让小球从第一帧跳转到第20帧。 （2）总结点评这两位同学的操作方法。 小结