1、 1 动画基础控制动画基础控制教学设计教学设计 一、一、 【教学设计思想教学设计思想】 经过多年的教学实践发现教材，高等教育出版社的多媒体应用系统技术，第 7 章 二维动画素材制作与处理工具 7.2.2 Flash动画制作中案例涉及知识跳跃性过大， 而且针对 1505 班动漫与游戏设计专业的专业特点以及学习习惯等方面考虑，进行了教 材内容的调整，贴近学生生活，从日常生活中发现教学的影子，从经常使用的移动端 发现所学知识的应用。把枯燥无味的理论讲解，融入到生活的实际当中去，让学生自 然而然地接受新知识、新技术的应用。 通过前面 5 章节的学习，同学们已经掌握 Flash 软件常用工具的使用，第
2、7 章进 入脚本语言技巧应用学习，其中7.2.2 Flash 动画制作，是 Flash 动画基础应用操 作，而本小节任务是飞机影片剪辑的控制，案例其实应该是承上启下作用的，为后续 动画脚本语源的应用，其画龙点睛的作用，影片剪辑是二维动画设计的三大元件的其 中一个，教材案例本身设计合理，但一个案例就直接过渡到 7.2.3 的综合脚本技巧应 用，没有把脚本语言最常用的控制方法和常用基本控制代码通过任务，让学生认识和 理解。所以，有必要根据实际情况和社会对脚本语言本身应用的需要，对内容进行补 充和衔接到位。 二、【创新亮点创新亮点】 1）课前充分利用互联网手段，使用新型信息化手段进行，材料的收集以及
3、微课程 的知识传播，主要使用微信群沟通交流和使用微信公众号对本周课程的大致知识认识 和拓展；还有使用网络学习平台进行系统化课程的微课和资源的提前了解； ）以 7 个有职业味的“小小工作室”的分组形式形成团队，培养学生合作能力， 提前让学生认识到协调整个团队工作的重要性； ）通过分层练习，让同学们认识到自己那些知识点和技能有待提高的方面； ）利用收集图片、电视节目视频、移动端交互应用、优秀毕业生对互联网网络 营销手段之一网站抽奖应用，从而激发同学们的进一步学习的热情。 2 ）利用启发式教学模式，在问题引领下，让学生成为课堂的主人，课前充分挖 掘内在知识缺陷，查缺补漏，课中老师解决难题和困惑，课后
4、把所学知识应用到校园 生活的互联网端应用。 6）使用多元化教学资源，充分利用信息化手段进行教学。7）评价多维度、多方 法，更加广泛、有效、合理。 三、三、【学情分析学情分析】 1 1、学生情况分析学生情况分析：1505 班男生 47 人，女生只有 7 个，全班对于学习理论知识的 专注时间不长，逻辑思维能力弱，学生爱好上网游戏和移动端 APP，手机经常不离手， 关注互联网应用，团队意识强，自信心不足，自控力不够，沟通交流方式倾向微信朋 友圈、微信群等工具，喜欢尝试新的教学手段，爱好新奇、好玩的学习方法。 2 2、授课班级年级授课班级年级：1505 班（动漫与游戏设计专业） 3 3、授课班级学生数
5、授课班级学生数：54 人 4 4、授课时间授课时间：2015 年 12 月 25 日星期二第、6 节 5 5、课时：课时：2 课时 四、四、【三维目标三维目标】 知识目标：知识目标： 掌握 Flash 时间轴动画控制的基本方法 能力能力目标：目标： 学会用脚本语言控制动画播放 情感情感目标目标： 1、提高学生学习的自信心和勇气，激发学生对专业的学习兴趣 2、提高学生对学科的兴趣、动手能力和同学间的协作 3、让学生懂得团队合作的重要性、学会互相尊重和支持 4、微信等通信手段其实也可以用于学习 3 5、社会上赌博其实本身就是骗局，游戏设置原来可以人为设置输赢，让同学们远 离赌博 五、五、 【教学重
6、难点教学重难点】 重点：重点：脚本语言控制时间轴动画的方法 难点：难点：利用随机函数实现非线性的时间轴动画控制 六六、 【教学方法教学方法】 教法：启发式教学、信息化教学、任务驱动教学 学法：分组讨论法、自主探究法、归纳总结法 七七、 【教学媒体教学媒体】 教学资源动态网站、视频、动画、音乐、希望之星广播系统、多媒体网络教学平 台、计算机、交互式课件 八八、 【教学过程教学过程】 整个教学过程实施，主要分三部分： 课前准备、课堂教学、课前准备、课堂教学、课后拓展。课后拓展。 第一部分：【课前准备】第一部分：【课前准备】 1 1、 教师准备：教师准备： 制作准备动画基础控制交互式课件。 制作准备
7、课前导学案。 制作准备学生自主学习交流网站。 收集学生课前在谈论群和网站上传的视频、图片以及问题。 制定学生课堂表现评价量规表以及学生课堂学习评价与反馈表。 在平常的教学过程中，就有意识地根据水平差异让学生结成学习伙伴，形成了相对固定的合作小组。 2 2、学生准备：、学生准备： 根据课前发下的导学案登陆网络学习平台要求自主预习。 4 全体学生按“异质分组”的方法进行分组，为小组协作学习做好准备。 本次课将学生分为 6 个小组，每小组 8 人左右，每组 1 名组长。 第二部分：【课堂教学】第二部分：【课堂教学】 课堂教学课堂教学 教学环节教学环节 教师活动教师活动 学生活动学生活动 设计意图设计
8、意图 一一 游戏引入游戏引入 创设环境创设环境 1、 展示实物展示实物金蛋，吸引同学们的兴趣 2、 热身游戏热身游戏：利用微信表情“石头剪刀布”进行小组比 赛，获取现场砸金蛋的机会 3、 提出问题：提出问题： “石头剪刀布”游戏有多少种可能出现的 结果？ 1、游戏互动游戏互动：小 组比赛，选择冠军 组砸金蛋 2、思考问题思考问题：结 合游戏思考老师 提出的问题 用实物和游戏活跃 课堂气氛， 调动学生 参与其中的热情， 同 时提出问题， 让同学 们带着疑问有目的 开展后面的学习。 二二 牛刀小试牛刀小试 发现问题发现问题 1、 提出要求：提出要求：分小组尝试制作刚才“石头剪刀布”动画 2、 指出
9、问题：指出问题：同学们可能出现的几个问题 1） 无控制 2） 第一帧有控制 3） 中间帧有控制 4） 最后一帧有控制 1、小组合作小组合作：尝 试完成老师提出 的问题 2、小组小结小组小结：尝 试做出来的动画 与微信表情的区 别 学生根据尝试的动 画中发现自己需要 改进的地方， 为后续 知识点学习设置一 个悬念， 同学们在不 断的“石头剪刀布” 游戏中思考动画基 础控制的知识。 三三 获取新知获取新知 解决问题解决问题 1、 展示动画效果展示动画效果 1） 直接停止动画 2） 利用按钮控制动画的播放与停止 2、 老师演示：老师演示：动画脚本如何添加以及脚本添加需要注意 的问题 3、 简单介绍交
10、互课件简单介绍交互课件的知识点，让学生进行自主学习 1、 观察与思考观察与思考： 观察动画效果，学 习其中脚本代码 知识 2、自主学习：自主学习：利 用交互式课件进 行自主学习 3、认识交互课件认识交互课件 是解决每个任务 和问题的钥匙 根据问题进入知识 点的学习， 在老师演 示讲解和交互课件 辅助下， 学生自主学 生初步掌握了动画 基础控制的理论知 识。 5 四 任务引领任务引领 小组合作小组合作 1、任务一：任务一：设计一个自动播放的石头剪刀布动画 结合交互课件第一部分播放与停止效果制作， 实现动画自动播放，最后一帧停止。 （线性播放） 动画控制代码：动画控制代码： Play();Play
11、(); Stop();Stop(); 2、任务二：任务二：设计一个按钮控制的石头剪刀布动画 结合交互课件第二部分按钮控制效果制作， 实现按钮控制动画的播放与停止。 （线性播放） “开始开始”按钮代码：按钮代码： on (press) gotoAndPlay(2);on (press) gotoAndPlay(2); “停止停止”按钮代码：按钮代码： on (press) stop();on (press) stop(); 1、观察与思考：观察与思考： 观察动画效果，学 习其中脚本代码 知识 2、自主学习：自主学习：利 用交互式课件进 行自主学习 3、互助学习：互助学习：小 组竞争与个人竞 争评
12、分同时进行 1、根据问题进入知 识点的学习， 在老师 演示讲解和交互课 件辅助下， 学生自主 学生初步掌握了动 画基础控制的理论 知识。 2、针对本课的重点 部分设置两个由浅 入深的任务， 让学生 充分掌握本课的知 识点。 五 回顾课前回顾课前 问题提升问题提升 1、问题升级问题升级：微信表情都是随机出现最终的状态，石头、 剪子或者布的，不是人为控制的，是随机出现的，怎么解 决呢？ 2、展示课前资料：展示课前资料：播放课前同学们收集的关于抽奖的图 片、视频（电视节目： 非常 6+1 ）等素材，回归到课前 导学案的任务 3、 展示展示优秀毕业生电子商务平台互联网端 抽奖砸金蛋 在网站中的应用 4
13、、由问题引入本课的难点由问题引入本课的难点-随机函数的知识点 1、观看观看抽奖相关 的资料（图片、视 频、动画、网站） 2、思考问题思考问题，砸 金蛋如何制作 1、由问题引领到了 本课的难点部分学 习， 由课前资料和问 题作引领学生积极 在游戏任务中继续 学习技能和知识。 2、结合现实的应用 来提出任务， 更贴近 实际出发， 让学生在 学习中， 懂得知识在 生活中应用。 分层任务三：分层任务三： 任务任务 A A：制作一个微信表情的“石头剪刀布”动画 1、思考：思考：熟悉的 微信表情动画如 1、针对本课的难点 部分设置两个难度 6 六六 分层任务分层任务 技能升级技能升级 var a=rand
14、om(3)+31; gotoAndStop(a); 任务任务 B B：制作一个砸金蛋游戏动画，要求随机出现奖品 if(Math.random()0.1)this.t.text=“ 哇 ！ 现 金 ！ “;stop(); elsethis.t.text=“谢谢参与”;stop(); 随机函数添加到代码 何制作？ 2、自主学习：自主学习：利 用交互式课件进 行自主学习 3、互助学习：互助学习：小 组竞争与个人竞 争评分同时进行 不一的任务供学生 选择， 让学生充分掌 握本课的知识点。 2、结合现实的应用 来提出任务， 更贴近 实际出发， 让学生在 学习中， 懂得知识在 生活中应用。 七七 小组协作
15、小组协作 展示作品展示作品 1、 收集学生作品收集学生作品，上传到学习自主学习网 2、 展示：展示：组织小组推荐组员上台展示分层任务效果 1） 展示作品效果 2） 说明脚本代码设置 3） 说说组内设计动画的思路和过程 1、学生上台展示展示 作品作品并说明制作 的动画脚本设置 2、现场现场投票投票选择 最优秀和最有创 意团队（第一轮投 票） 给同学们展示自己 创新能力和设计能 力的机会， 作品会通 过云班课点赞和投 票方式选出最优秀 作品以及最强团队。 同学们在展示中收 获了 “胆量” 、“勇气” 和“自信” 。 八八 延伸拓展延伸拓展 提高认识提高认识 1、播放视频播放视频： 十赌九输的结局
16、2、揭秘抽奖揭秘抽奖 分析代码 if(Math.random()0.9) this.t.text=“哇！现金！“; else this.t.text=“谢谢参与“; 3、强化本课的难点强化本课的难点，重温知识点 1、看视频思考问看视频思考问 题题，从别人的经验 得出以后自己需 要注意的问题 2、回顾并回顾并思考思考本 课脚本代码随机 函数抽奖中蕴含 的“人为”因素， 让生活与知识再 次结合。 通过前面的学习， 接 着我们进入揭秘抽 奖， 再一次回归知识 点，播放网络赌博， 十赌九输的视频短 篇， 把随机函数中蕴 含的“人为”因素， 讲述清楚， 让学生懂 得 “十赌九输” 是一 个必然的结局。
17、在不 知不觉当中， 专业知 识讲授同时进行了 德育渗透。 九九 评价归纳评价归纳 教师总结教师总结 1、引导各小组作品分享：引导各小组作品分享：引导各小组学生访问教学辅助 网站，将作品上传分享； 2、 引导各小组互评：引导各小组互评： 引导各小组学生访问教学辅助网站， 对其他组的作品进行评价； 3、评定各小组作品：评定各小组作品：根据学生在网站的交流、互评、投 票结果， 评选出前 3 名的小组作品。 并评定各小组作品成 1、上传作品：上传作品：访 问教学资源网站， 将已经制作好的 产品设计效果图 上传到教学辅助 网站的“作品分 享”中。 2、互评作品：互评作品：以 1、通过作品分享， 同学获得
18、自我成就 感。 2、通过作品互评， 引导学生对设计成 果进行鉴赏、 合理评 价。 3、通过评价交流， 7 绩。 4、 教师总结：教师总结： 动画基础控制的线性与非线性控制的方法、 脚本代码输入时注意的问题 小组为单位，参照 评价标准在网站 上对作品进行互 评和投票。 培养学生评价作品、 分析作品、 发现问题 的能力。 第三第三部分：【课后拓展】部分：【课后拓展】 教学环节教学环节 教师活动教师活动 学生活动学生活动 设计意图设计意图 课后延伸课后延伸 拓展技能拓展技能 1 1、引导同学们拓展技能、提高创作水平：、引导同学们拓展技能、提高创作水平： 引导兴趣高的同学继续访问教学网站的“拓 展技能
19、”页面，继续学习更多对随机函数与 动画基础控制的案例，提高技能。 2 2、采取鼓励表扬机制：、采取鼓励表扬机制：凡是在课后去拓展 模块进行技能拓展的同学，将作品发送给老 师。累计作品数最多的前 3 名，期末可以直 接给满分。 3、实践活动：实践活动：组织学生参加“关注学校微 信公众号抽奖活动” ，让动画教学结合微信 和网站应用来把知识与现实应用结合在一 起。 1 1、 继续访问网站进行技、 继续访问网站进行技 能拓展。能拓展。 2 2、随时作品分享。、随时作品分享。 3 3、 随时在网络平台上技、 随时在网络平台上技 术交流。术交流。 1、在课后巩固阶段，我 布置同学登陆学习网站 进行知识点测
20、试， 与同学 们沟通交流、上交作品， 点评和投票等巩固课内 所学， 并组织了同学们参 与学校关注微信公众号 抽奖活动， 使网站与动画 教学结合起来，达到“学 以致用” 。 2、逐步转化学生思想观 念：从“要我学”转变成 我要学； 从被动学习转变 成主动学习。 九、九、【教学附件】【教学附件】 【附件附件】 ：学生学习过程评价量规表（小组互评） 学生学习过程评价量规表 评价等级及标准 评价方式 A B C 个人 同学 教师 项 目 8 评价 评价 评价 参与 程度 积极举手发 言，积极参与 讨论与交流。 能举手发言， 有参与讨论与 交流。 少有举手发言， 较少参与讨论与 交流。 合作 情况 团结
21、合作，在 小组中起领导 作用，吸收接 纳并能给出建 议，并帮助其 它小组成员， 贡献大。 帮助协调，推 动整个小组的 工作，鼓励其 他成员。工作 至最后一刻， 对最终成果有 一定的所贡 献。 参与了讨论、工 作，并对最终成 果进行了评价， 对评价过程只是 旁观。 创新 情况 学习中有明显 的创新意识， 且观点有一定 的合理性。 学习中有一定 的创新意识。 学习中能开始培 养创新意识。 学习 态度 能刻苦钻研， 积极主动交 流、思考回答 问题，努力争 取最出色的完 成任务。 能认真听讲， 参与交流，努 力完成自己的 任务。 能认真听讲，在 同伴帮助下完成 任务。 自主 探究 有强烈的求知 欲，不
22、断提出 许多与任务相 关的问题，并 努力寻找答 案。能在遇到 问题时独立寻 找解决办法， 不放弃。 能够提出与主 题相关问题， 希望找到答 案。能在遇到 问题时自己进 行探究或与同 伴讨论寻求解 决途径。 能提出问题，但 有时偏离主题或 不作进一步的思 考。能对遇到的 问题进行一些探 究， 但缺乏毅力， 喜欢依赖同伴。 【附件附件 2 2】 ：学生课堂学习评价与反馈表 学生课堂学生课堂学习评价学习评价与反馈与反馈表表 班级： 学号： 姓名： 掌掌 握握 技技 能能 课程课程案例案例 技能目标技能目标 掌握程度掌握程度 基础案例：简单固定礼物的砸金蛋游 戏 脚本语言应用与语言 规则 提升案例：
23、高级砸金蛋游戏 使用补间动画、 随机函 数、脚本语言应用 说明：“掌握程度”分三个等级：未掌握（）、基本掌握()、完全掌握()，分别填相应的符 9 号。 课后课后 拓展拓展 拓展案例拓展案例 目标目标 选择类型选择类型(A 或或 B) 拓展作业： A.元旦砸金蛋（固定） B.新年砸金蛋（随机） 根据自己学习水平选择 脚本语言应用 项目项目 A A 级级 B B 级级 C C 级级 个人个人 评价评价 组长组长 评价评价 教师教师 评价评价 认真 上课认真听讲，操 作认真， 参与讨 论态度认真 上课能认真听讲， 愿 意操作练习， 有参与 讨论 上课无心听讲，不操作练 习，极少参与讨论 积极 积极
24、举手发言，积 极参与讨论与交 流 能举手发言或有集 体回答问题， 有参与 讨论与交流 不举手不回答集体问题， 极少参与讨论与交流 自信 大胆提出和别人 不同的问题，大胆 尝试并表达自己 的想法 有提出自己的不同 看法，并作出尝试 不敢提出和别人不同的 问题，不敢尝试和表达自 己的想法 善于与 人合作 善于与人合作，虚 心听取别人的意 见 能与人合作， 能接受 别人的意见。 缺乏与人合作的精神，难 以听进别人的意见 思维的 条理性 能有条理表达自 己 的意见，解决 问题的过程清楚， 做事有计划 能表达自己的意见， 有解决问题的能力， 但条理性差些 不能准确表达自己的意 思，做事缺乏计划性，条 理
25、性，不能独立解决问题 思维的 创造性 具有创造性思维， 能用不同的方法 解决问题，独立思 考 能用老师提供的方 法解决问题， 有一定 的思考能力和创造 性 思考能力差，缺乏创造 性，不能独立解决问题 说明： “个人评价” 、 “组长评价” 、 “老师评价”请选择 A 级、B 级或 C 级。 小组合作评价小组合作评价 组内项目组内项目 在合适的表现情况上打“”在合适的表现情况上打“” 组长所做组织工作 很好 一般 差 小组合作情况 很好 一般 差 课后同学们完成除了“组长评价”和“老师评价”以外的内容。 【附件附件 3 3】：课前导学案 动画基础控制导学案动画基础控制导学案 学习目标：学习目标：
26、 1.掌握 Flash 脚本语言控制时间轴动画的方法。 2.懂得动画基础控制的线性和非线性代码设置。 学习学习探究探究： 一、课前准备一、课前准备 【问题一】【问题一】 收集关于抽奖的图片、动画、视频收集关于抽奖的图片、动画、视频 想一想想一想生活中哪些地方会有抽奖活动，电视节目是否也有类似抽奖类型的视频？在网页或者手机 端是否参与过抽奖活动？ 自主学习自主学习观察生活周围的抽奖类型的活动，用手机拍下图片或录制视频，也可以在网上查找相关 的资源，共享到课堂学习微信群或者群 10 【问题二】【问题二】 ：讨论抽奖游戏需要提前准备什么？讨论抽奖游戏需要提前准备什么？ 活动活动 ：登陆网络学习平台对
27、提出的问题进行回答。 （头脑风暴） 【小结一】【小结一】 抽奖活动需要准备 ， 抽奖一定会中奖吗？怎么看待中大 奖？ 二、课中教学二、课中教学 问题一问题一大家来玩“石头剪刀布”游戏，你发现游戏有几种出现选项有哪几项？ 自主学习自主学习尝试自己坐一个动画出现三种状态。 （石头、剪刀、布） 问题二问题二制作出来的效果与看见和想象的效果有什么区别？ 【任务一】【任务一】制作“石头剪刀布”游戏在最后一帧停止。 自主学习自主学习使用交互式课件和学习网站完成任务。 小结：学好脚本代码是 。 【任务二】【任务二】制作用按钮控制“石头剪刀布”游戏播放与停止。 自主学习自主学习使用交互式课件和学习网站完成任务
28、。 小结：学好脚本代码是 。 【任务三】【任务三】 A 任务：任务：利用随机函数制作“石头剪刀布”游戏停止在随机一种状态上。 自主学习自主学习使用交互式课件和学习网站完成任务。 小结：学好脚本代码是 。 B 任务：任务：利用随机函数制作“砸金蛋”游戏。 自主学习自主学习使用交互式课件和学习网站完成任务。 小结：学好脚本代码是 。 想一想想一想 “十赌九输”的现象结合今天所学的代码，你认识到什么呢？ 小结： 。 自主学习自主学习登陆网路学习平台完成相应的评价表和课后作业。 三、课后拓展三、课后拓展 想一想想一想抽奖动画和石头剪刀布游戏能与网站活动结合在一起吗？怎么使用效果会更加好？ 活动活动学校
29、举行关注微信公众号抽奖活动，请同学积极参与其中，把所学用到生活中去。 11 活动策划方法步骤： 时间 目的 动画代码设计 抽奖界面 反馈 十、 【教学反思教学反思】： 本节课在教学方式上充分利用信息化技术手段，譬如微信公众号、网络学习平台 与 APP 应用、flash 游戏、图片、视频、音频、电子文档、课外学习资源网站、flash 随 机点名点组工具、教学论坛，课后采用了互联网多种手段特别是微信群进行讨论和 相片的“点赞”活动，不单巩固了所学的知识，轻易地突破重点、难点，还强化了书 本的知识，把知识提高到实际应用的层面。 1.针对学生和教学内容采用合理的信息化手段 2.多维度分析教学内容，吃透
30、教材，全面剖析教学与生活应用 3.巧妙设计任务，激发学生学习热情，小组展示与奖励把课程推向高潮 4.启发式教学模式，让学生成为课堂的主人，成为学习的引领者 在课堂中我充分发挥团队的作用，以一个个“小小工作室”来灌名每个小组，在 完成任务时整组一起喊口号，让整个班级更加活跃起来，同学们争先恐后地争取展示 的机会。整个课堂教学把书本的知识利用问题贯穿起来，利用职业中学的心理特点， 喜欢挑战、追求完美，把技能不断地提升，最终落地“身边实际应用”中去，学生感 觉课程结束，收获了技能和“成就感” 。课程从课前充分利用互联网手段挖掘学生参与 到课堂中来，思考课堂中学习内容，基于学生热衷手机使用，网络学习平台和微信公 众号以及自主学习网站服务于课程， 学生课堂中成了呈现问题， 重点解决疑难的地方， 还有是学生展示的好机会，课后利用实际的学校关注抽奖活动引领学生到实际中去， 让知识延伸到课后，延伸到应用和生活中去，是实现“玩中学，学中教，快乐课堂” 12 的教学理念，让真正学生成为学习的主人。
