《飘扬的旗帜——体验Flash交互动画》教学设计.docx

《飘扬的旗帜——体验Flash交互动画》教学设计

知识与技能目标：了解关键帧和代码中常用的控制动画代码;学会在关键帧、按钮中添加代码;学会在Flash中添加按钮;学会按钮控制“影片剪辑”的方法;熟悉“动作面板”的使用。

过程与方法目标：本节课采用任务驱动的教学方式，设置四个层层深入的任务，学生采取自主学习、实践操作等学习方法，复习、思考、尝试、交流、总结，通过教师引导和指导，学习交互动画知识。

教学重点：交互动画的体验、理解和制作。

教学难点：培养制作交互动画的思维和方法。

1.主题导入，复习旧知

学生观看升旗仪式。

师：今天就让我们用所学的Flash软件制作一个升国旗的动画，让国旗高高飘扬，表达我们对祖国的热爱。国旗分为旗杆和旗帜两部分，你准备建几个图层？用什么补间？谁来说说你准备怎么做？

学生回忆并讲述制作升国旗动画的步骤。

师：请同学们打开桌面上的“升国旗.fla”文件，完成升国旗的动画。

设计意图：①让学生分析并讲述制作升国旗步骤，复习巩固Flash动画基础知识。②“升國旗.fla”源文件中，已经建好“旗杆”和“旗帜”两个图层，并且“旗帜”图片已经转换为“图形元件”放在旗杆底部，学生只需操作两步就能完成动画，确保每位学生都能完成，让学生产生成就感，也能为下面的学习做好素材准备。

2.自主探究，学习“关键帧中的代码”

师：放映“升国旗”动画的时候，国旗一直在上升、下降，能不能让国旗升到旗杆顶部后就停止呢？请大家阅读教材第23页“控制动画代码”以及第24页“动作面板”内容，自己试一试，能否让国旗在旗杆顶端停止。

学生自主学习教材并实践制作。

教师请一位学生上台演示并讲解操作。

学生观看并完成代码的添加。

设计意图：①教材是学生学习的重要资源，充分利用教材，让学生自主学习并实践操作，锻炼学生的自主学习能力。②学生是课堂的主体，创造机会，转换角色，让学生做老师，提高学生的学习主动性。

师：通过学习，我们只需在第30帧关键帧加入“stop（）”代码，就能让国旗在顶端停止，除此之外还有哪些代码呢？请同学们根据教材来连连看。（PPT展示代码功能列表）

学生查看教材并学习控制动画的常见代码和功能。

设计意图：学生完成动画后初步意识到代码在交互动画中的使用，初步体验交互动画的乐趣，然后趁热打铁，进一步学习控制动画的常见代码。

3.演示操作，学习“按钮中的代码”

师：现在是放映“升国旗”动画，国旗就自动上升，然后停止，那么能不能设置一个按钮，让国旗在旗杆底部待着，等需要的时候点击按钮，国旗再上升呢？

师：首先，国旗一直在旗杆底部待着，我们需要怎么做？

生：在“国旗”图层第一个“关键帧”加入代码“stop（）”。

师：下面先请同学们阅读教材第P25页“制作按钮”和第26页“执行代码条件”内容，然后，根据教材来连连看。（PPT展示按钮状态和代码列表）。

学生自主阅读教材，初步了解按钮知识。

师：（演示讲解）从Flash按钮库里选择一个按钮拖入舞台，放映影片，点击按钮，会看到按钮有指针经过、弹起、按下、点击四种状态。选中按钮，在“动作面板”中添加代码“on（press）{play（）;}”。

学生观看教师演示操作，完成按钮控制国旗升降的动画。

设计意图：本环节知识内容是添加按钮和在按钮中加入代码，难度有所增加，因此采用教师讲授和学生教材阅读、实践操作的教学方法：学生浏览一遍教材，将按钮状态和代码连线，在脑海中初步形成“按钮知识”印象，教师通过讲授演示，将知识简洁化、明了化，学生在动画制作练习中逐步理解并掌握按钮的使用方法。

4.拓展提高，熟练运用关键帧代码和按钮代码

师：同学们，空中护旗梯队拉开了阅兵分列式的序幕，让我们再次回顾那激动人心的时刻。

学生观看空中护旗队护卫党旗、国旗、军旗飞过天安门广场的视频。

师：（展示事先做好的动画）动画中包含三面旗帜、三个控制按钮，同学们会做吗？

师：（打开动画源文件）时间轴上只有一个关键帧，国旗、党旗、军旗的升起动画预先已经做好并分别放入各自的影片剪辑里。请同学们根据桌面上的“实践指南”文件夹里的操作步骤，完成这个动画，相邻座位同学可交流探讨。

学生自主探究学习，完成动画制作。

设计意图：本环节主要是拓展提高，学生经过前半节课的学习，已经初步了解交互动画，并会制作简单的关键帧代码和按钮代码。鼓励学生自主探究、合作学习制作动画，思考按钮、关键帧在控制动画中的使用，熟练库、影片剪辑、动作面板、时间轴的操作，同时加深理解代码在交互动画中的作用。

5.交流分享，理解“Flash交互动画”的内涵

师：我们今天做了旗帜的动画，从旗帜自动升降，到设置按钮控制升降，动画成了我们能够控制的动画，这就是Flash交互动画的魅力。谁能说说交互动画的实质是什么？可以讨论后再回答。

学生交流讨论，总结提炼交互动画的内涵。

師：Fla