逐帧动画教学设计

1、八年级下第二章第四节逐帧动画教学设计课题逐帧动画任课老师陈慧仪年级八年级学情分析八年级的学生对编程定位于渗透和培养兴趣的角度，他们需要了解生活中的程序和计算机程序的联系，从而更好地了解计算机编程。八年级学生他们对形象生动、可操作性强的的学习更有兴趣，对于抽象的程序设计会觉得枯燥且有畏难情绪，不能持续学习热情，但是他们对于信息世界同样拥有很强的求知欲和接受能力，如果能够将课堂知识与学生兴趣点相结合，他们能够更好地接受编程知识并加以运用。学习目标知识与技能目标：了解逐帧动画的原理；了解 timer 控件、option button 控件在制作逐帧动画过程中的作用；基本掌握 timer 控件、opt

2、ion button控件的功能和用法；基本应用Timer 控件、Option Button控件制作动画；基本应用分支结构程序在VB进行动画制作。 过程与方法目标：通过观看“奔跑吧！兔子”动画，激发学习兴趣，引入课程内容“VB逐帧动画”；通过自主探究的方式参照教师案例实现兔子向左奔跑，体会 timer 控件的功能和用法；通过实验观察，比较不同的 interval值对速度的影响，归纳总结 interval 的取值范围、功能和用法；通过知识迁移，学会应用option button控件，实现兔子可选择快、中、慢3个不同的速度奔跑前进；通过回忆分支结构的流程，学会用If语句实现兔子的形态变化。情感态度与

3、价值观目标：通过完成用VB制作课堂任务“奔跑吧！兔子”逐帧动画，认识VB编程的功能，增强学生学习编程的兴趣；通过成功制作VB逐帧动画作品，理解制作动画的流程，体验编程的乐趣，培养编程思维，增强学习自信心。重点基本掌握Timer控件和OptionButton控件的功能和运用；基本了解If语句的运用。难点理解 Timer 控件的 interval 属性的内涵；运用Timer、Option Button 控件解决实际问题。了解分支结构。教学过程教学环节教师活动学生活动设计意图导入1、给学生展示“奔跑吧！兔子”游戏，引出逐帧动画的概念。要求学生在玩游戏的过程中思考：兔子的位置发生了什么变化?如何实现角

4、色的位置变化?兔子本身发生了什么变化？引入动画生成原理，阐述VB动画与逐帧动画的关联，回顾image控件的坐标变换知识。学生观看程序演示，观察角色坐标变化，思考如何利用VB实现。引入动漫互动游戏，可以有效激发学生的学习热情；使用启发式语言语句启迪学生思考；引入逐帧动画、VB动画相关知识；回顾旧知，进行铺垫。逐帧动画（分解课堂任务）1、逐帧动画是利用视觉暂留原理，在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐个地绘制不同的内容，使其连续播放而成动画。2、从形态、位置、速度三个方面分析兔子如何跑动（1）实现位置变化（任务一、二）让小兔子向左运动，可以每间隔一定时间让兔子图片的Left属

5、性减少。（2）实现速度变化（任务三）要改变兔子的移动速度，我们可以通过改变频率来实现。就是让它在相同的周期内多跑几次，这个可以通过Timer控件来实现。2.gif1.gif实现形态变化（任务四）2.gif1.gif学生认真听讲并主动思考通过讲解，让学生了解什么是逐帧动画。并从位置、速度、形态三个方面分析让学生知道兔子如何跑动。任务一：补充代码，练一练提问：如何让兔子向左移动？通过修改兔子（Image控件）的Left属性，让Left属性每隔一段时间减少一定的数值，从而使兔子图片向左移动。答案：Private Sub cmdStart_Click()imgRabbit.Left = imgRabb

6、it.Left - 200 让名称为“imgRabbit”的Image控件对象的left属性值减少200End Sub学生补充代码，实现功能，熟悉界面布局和控件名称，应用旧知，添加语句实现功能。考查学生对image坐标变化的理解程度；实现前进一步，从而引出下面的教学内容。讲授新知，完成任务二：修改代码，查看动画效果（位置变化）提问：兔子是如何点击一次持续左移的？（教师展示timer控件的新知识点）教师根据学生的掌握情况，进行点评，并讲述 timer控件的功能、用法、特点及注意事项。(timer 的本质是重复执行直到被停止， timer 控件循环作用实现动画中动作重复执行)Timer控件有两个重

7、要的属性：Interval和Enabled。【Interval】属性是以千分之一秒为单位制定Timer事件之间的间隔。值越大，频率就越慢。【Enabled】属性值为true时候才会触发Timer事件，属性值为false的时候停止执行Timer事件。原代码请你来修改动画变换效果Private Sub cmdStart_Click() tmrRun.Enabled = True End SubPrivate Sub cmdStart_Click() tmrRun.Enabled = False End Sub兔子的位置不会发生改变Private Sub cmdStart_Click() tmrRu

8、n.Interval = 500 End SubPrivate Sub cmdStart_Click() tmrRun.Interval = 100 End Sub兔子奔跑的速度变快了 学生思考如何完成持续左移，观察参考案例，在对比中建立对 timer 控件功能的初步印象，利用学习文档自主探究，完成程序改写，填写表格，并思考timer 控件的用法及功能。掌握Timer控件和它重要属性的运用OptionButton控件（速度变化）提问：如何实现在同一界面中让兔子选择不同的速度向前奔跑呢?(鼓励学生尝试改变 interval 的值，观察兔子的奔跑情况，小组合作完成实验表)OptionButton控

9、件的图标为 ，作用是显示一个可以打开或者关闭的选项。我们通常设置一个选项组，用OptionButton来显示选项，每个选项代表一种选择，用户只能选择其中一项。学生利用学案，小组合作，自主探究interval属性的内涵及应用，根据表格提示，在任务三的工程窗口中添加三个OptionButton，并对其进行设置。尝试总结interval属性的规律。掌握OptionButton控件的运用分支结构(形态变化）提问：兔子前进过程中变化跑步姿势，如何解决?(鼓励学生回忆七下学习的分支结构程序，尝试用流程图解决形态变化问题)1、If语句结构If 条件 then语句组1Else语句组2End If语句组语句组1

10、语句组2是否条件是否2、分析兔子跑动是如何通过if语句实现载入第一张图片载入第一张图片载入第二张图片是否a=1a=2a=13、引导学生编写If语句代码主动联系旧知，获取新知，认真听教师分析任务，通过知识迁移的方式，使用LoadPicture函数和If语句更替兔子照片。让学生了解分支结构通过例子分析让学生更好掌握分支结构拓展任务提问：回顾第二章第二节学习的VB坐标，是否可以用窗体的某个属性让兔子重新回到画面最右边的位置呢？ If imgRabbit.Left 0 Then 如果图片的left属性小于0imgRabbit.Left = 任务5.Width 设置图片的left属性为窗体的宽度End If小组合作探究：将新学的If语句与第二章第二节的窗体坐标知识相结合，主动思考，尝试代码编写。通过完成课堂任务掌握这节课知识的运用。课堂小结