flash10(按钮及交互动画).docVIP

《Flash动画制作》教学设计 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 河北工业职业技术学院·计算机技术系~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 《Flash动画制作》 项目教学设计 编号：10 学 校： 专 业： 项目单元： Flash按钮与交互动画 授课教师：  项目单元10 授课内容：flash按钮与交互动画 学时：2学时 教学模式： 学中做，做中学，教学做一体模式 总体教学设计理念： 结合行业需求，以职业活动为导向，以项目为载体来组织教学活动，教学设计突出“职业能力、创新能力、自主学习”能力的全面培养。 教学目的和要求： 教学目的：利用作品激发学习兴趣，按钮元件制作及交互动画的实现 教学要求： 课上：树立严谨的设计制作态度，完成教师布置的实践任务 课下：完成知识点的自我拓展，自行完善课上作品，自我寻找感兴趣的素材进行练习 教学重点： 按钮的制作 交互动画的制作及实现 教学难点： 交互动画的实现 授课思路流程： 授课思路 授课思路 课前一练（复习） Flash作品展示 学做一体 作品知识点分析 新知识点讲解 概括总结 1、 1、按钮的制作 按钮元件时间轴 按钮元件时间轴 动态按钮 动态按钮制作 2、按钮的使用 2、按钮的使用 按钮的命名 按钮的命名 按钮的AS代码 按钮的AS代码 学生任务清单：让学生在学习之前明确本节课要完成的任务，带着任务去听课！ 授课内容提纲 知 识 点 绘制和编辑选区的各种方法 预设环节 设计目的 教师活动 课前练一练(约10分钟) 通过案例操作复习巩固上一次课学习内容。 卷轴画制作 随机指定学生上台来操作，教师注重查看操作细节，指导学生养成良好的职业操作规范。 新课讲解（约30分钟） 展示任务清单（约5分钟）明确学习任务。 展示：按钮控制卷轴画 讨论1：分析任务清单，用现有的知识能完成设计么？ 讨论2：如果能，怎么实现？不能，引出新知识点。 与学生进行互动，让学生按照自己的设计思维来进行制作，在制作的过程中，教师和学生一起来发现用旧知识点实现起来遇到的问题，从而引出新知识点的学习。 按钮是怎样控制卷轴画打开和合上的？  新课讲解（约30分钟） 知识点讲解（约25分钟） 一、按钮元件 实现交互动画的基础。按钮是针对鼠标状态而设定的。制作按钮时对应的鼠标状态有：弹起，指针经过，按下，点击四种。 按钮制作： 1、按钮元件时间轴 在每一个状态帧上绘制图形，拖入图片元件，输入文字，就可以制作按钮。 在按钮的每个状态下都可以添加新层，制作较为复杂的图形 在按钮的每一个状态下都可以拖入影片剪辑，是每个按钮有较多的变化动作。 在按钮中可以添加音效， 被拖入场景中的按钮，只显示弹起状态下的内容。其他鼠标相应暂时无效。只有在测试时才能看到效 实例：礼品盒按钮制作。 播放按钮制作 二、按钮的使用 1、拖入按钮元件到场景。 2、重命名按钮实例（一定要取名） 3、书写按钮的动作命令代码 动作面板 停止命令 STOP(), 按钮所在帧停下来 按钮代码（重播按钮） 单击按钮以转到第1帧并播放 RPL.addEventListener(MouseEvent.CLICK, fl_ClickToGoToAndPlayFromFrame); function fl_ClickToGoToAndPlayFromFrame(event:MouseEvent):void { gotoAndPlay(1); } 利用动画面板中的代码片段 选择“单击以转动帧并播放，显示代码 修改蓝色字部分，插入即可。 教学做一体（约40分钟） 学生根据讲解进行练习，学生为主，教师为辅。 新建flash as3文档，文档属性为600*400，帧频为12，背景浅蓝色。 一、绘制按钮 播放按钮 Replay按钮 动态按钮 二、我的购物车 提示：1、制作按钮元件是，