《画同心圆》教案
一、教学目标
1. 知识与技能目标
学生能够理解在Small Basic中使用“GraphicsWindow”对象绘制圆(椭圆特例)的原理,掌握DrawEllipse操作的格式及各参数含义。
学生能理解同心圆的概念,掌握通过程序设计变量绘制不同样式同心圆的方法。
学生学会在已有画同心圆程序基础上添加代码绘制同心正方形,提升代码编写和程序整合能力。
2. 过程与方法目标
通过观察、分析和实践操作,培养学生逻辑思维能力和问题解决能力,让学生学会在编程中分析图形坐标与尺寸的关系。
鼓励学生自主探索和合作交流,提升学生的自主学习能力和团队协作精神。
3. 情感态度与价值观目标
激发学生对信息技术课程的兴趣,培养学生对编程的热爱。
让学生在创作图形的过程中,提高审美能力和创新意识。
二、教学重难点
1. 教学重点
掌握DrawEllipse操作的格式,理解其各参数对绘制图形的影响。
理解并运用变量控制绘制不同样式的同心圆。
学会在画同心圆程序中添加代码绘制同心正方形。
2. 教学难点
理解同心圆坐标计算原理,根据坐标变化绘制不同位置和大小的同心圆。
整合画同心圆和同心正方形的代码,确保程序正确运行。
三、教学方法
讲授法、演示法、实践法、讨论法相结合。
四、教学过程
(一)课程导入
1. 展示一些由同心圆构成的精美图案,如靶盘、奥运五环简化组合图等,引导学生观察并思考这些图案的特点,引出本节课主题——画同心圆。
2. 提问学生:“大家想不想知道这些漂亮的同心圆是怎么用电脑程序画出来的?”激发学生的学习兴趣和好奇心。
(二)知识讲解
1. 圆的坐标与DrawEllipse操作
介绍在Small Basic中绘制图形要使用“GraphicsWindow”对象,圆作为椭圆的特例,绘制圆和椭圆都用DrawEllipse操作。
详细讲解DrawEllipse操作的格式:GraphicWindow.DrawEllipse(a,b,width,high),其中a是椭圆的x坐标,b是椭圆的y坐标,width是椭圆的宽度,high是椭圆的高度。通过在黑板上画图举例,说明坐标和图形位置、大小的关系。
让学生思考:“如果a、b值改变,图形会怎么移动?width和high值变化,图形又会如何改变?”引导学生初步理解各参数含义。
2. 同心圆概念及坐标计算
讲解同心圆是圆心相同半径不同的圆。
结合文档图7 3,解释为灵活绘制不同位置和个数的同心圆,设计变量g表示相邻同心圆之间的半径差,变量d表示圆的直径。如果最外面的圆的坐标是(x,y),那么中间的圆的坐标是(x + g,x + g),最里面的圆的坐标是(x + 2g,x + 2g) ,帮助学生理解同心圆坐标变化规律。
(三)代码示例演示
1. 打开Small Basic编程环境,向学生展示画同心圆的程序代码:
g = 10
d = 200
x = 100
y = 100
While d > 1
GraphicsWindow.DrawEllipse(x,y,d,d)
d = d 2g
x = x + g
y = y + g
EndWhile
2. 逐行解释代码含义:
首先给变量g、d、x、y赋初始值,g设为10表示相邻同心圆半径差为10,d设为200表示最开始绘制的圆直径为200,x和y设为100确定最外层圆的起始坐标。
While循环中,只要d大于1就持续执行循环体。循环体中,使用DrawEllipse绘制以(x,y)为坐标,直径为d的圆;然后更新d的值(每次减少2g ,即直径每次减少20),同时更新x和y的坐标(每次分别增加g,即每次圆心向右下移动10个单位)。
3. 运行程序,展示绘制出的同心圆效果,让学生直观感受代码运行结果。
(四)学生实践操作
1. 让学生将上述画同心圆的程序输入到Small Basic中,要求学生修改变量d、g、x、y的初始值,观察绘制出的同心圆样式变化,并思考坐标和图形之间的关系。
2. 巡视学生操作情况,及时解决学生在操作过程中遇到的问题,如代码输入错误、程序无法运行等。鼓励学生相互交流、讨论,分享自己的发现和心得。
(五)拓展任务
1. 提出拓展任务:在画同心圆的程序中加上画同心正方形的程序代码,使它能够同时画出同心圆和同心正方形(参考文档图7 4)。
2. 引导学生思考:绘制正方形可以使用“GraphicsWindow.DrawRectangle”操作,其格式为“GraphicsWindow.DrawRectangle(a,b,width,height)”,a、b为矩形左上角坐标,width和height分别为矩形的宽和高。对于同心正方形,坐标变化规律和同心圆类似。
3. 给出画同心正方形的参考代码框架:
假设已有的画同心圆代码部分
g = 10
d = 200
x = 100
y = 100
While d > 1
GraphicsWindow.DrawEllipse(x,y,d,d)
d = d 2g
x = x + g
y = y + g
EndWhile
画同心正方形代码部分
x1 = 100
y1 = 100
d1 = 200
While d1 > 1
GraphicsWindow.DrawRectangle(x1,y1,d1,d1)
d1 = d1 2g
x1 = x1 + g
y1 = y1 + g
EndWhile
4. 让学生根据参考代码,尝试在自己的程序中添加画同心正方形的代码,完成拓展任务。
(六)课堂总结(5分钟)
1. 请几位学生分享自己在修改变量绘制同心圆和添加代码绘制同心正方形过程中的收获和遇到的问题,以及解决问题的方法。
2. 教师对学生的分享进行点评和总结,回顾本节课重点知识:DrawEllipse和DrawRectangle操作的格式及参数含义,同心圆和同心正方形坐标计算方法,变量在控制图形绘制中的作用等。
3. 强调编程中逻辑思维和实践操作的重要性,鼓励学生在课后继续探索,尝试绘制更复杂的图形。
(七)课后作业(布置作业,不占用课堂时间)
1. 要求学生修改本节课的程序,使绘制出的同心圆和同心正方形颜色不同,思考并尝试使用Small Basic中设置颜色的相关代码实现。
2. 发挥创意,利用所学知识,绘制一个由同心圆、同心正方形及其他图形(如三角形、圆形等)组合而成的图案,并附上简单的设计说明。