【YaK-绽放编程之美】上海黄浦卢一中心小学科技课堂

【YaK-绽放编程之美】上海黄浦卢一中心小学科技课堂

YaK芽课说：

让一部分孩子先接触最前沿的软件编程教育，与欧美学生同步，用编程启发思维，发挥创造力，培养艺术鉴赏能力，训练计算思维。

黄浦区卢一中心小学，2017年12月中国行苹果CEO库克特地来到黄浦区卢一中心小学的科技课堂，库克说编程可能是母语之外的第二语言。

YaK芽课走进黄浦区卢一中心小学科技课堂

课堂介绍

学生信息：9-10岁，四年级。30人/班。

编程基础：三年级起接触编程，平均每周学习一个课时，持续三个学期。

编程工具：YaK芽课IDE可视化积木编程平台。YaK芽课工具以Google Blockly、JavaScript为底层语言开发。

涉及知识点：圆形、矩形、多边形、RGB颜色、条件语句、变量、循环、鼠标控制事件等。

编程英文词汇：function setup, create canvas, background, ellipse, rectangle, if...do..., fill, set...to...

YaK芽课的Allen老师说：“当我打开这节课的授课作品时，孩子们都沸腾了，连平时最安静的小朋友都跑到讲台上仔细打量这幅'神奇‘的作品。大家都很期待，听的也很认真，每个人都希望自己也能在老师的指导下创作出这样生动的作品。当时我就知道，这节课一定效果很好。兴趣永远是最好的学习助手。”跟着YaK芽课Allen老师一起，看看卢一的小学生是如何学习编程的吧！

作品名称：《下雪的昼与夜》

创作者：上海市卢一中心小学四年级编程兴趣班学生

第一步：绘制背景

先用Function setup和createCanvas来创建画布，画布的尺寸是600×600。之后用background积木给画布填色，颜色的RGB参数是（255，73，100），桃红色。

第二步：让背景色随鼠标水平方向上的移动变换颜色

因为鼠标移动时水平方向的坐标变化范围为0~600 (还记得之前画布的水平方向尺寸为600吗？最左边的水平坐标为0，最右边为600），而RGB颜色的变量范围为0～255，为了让二者可以有对应关系，我们用map这块积木，map的第一个参数是要变换的值（mouseX代表鼠标的水平坐标），第二、三个参数代表被转换的数值范围（0 ～ 600），第四、五个参数代表转换后的数值范围（255 ～0）。

创建变量Create variablez之后，用set z to这块积木将map的输出值赋予变量z。

将变量z插入background积木RGB参数中的第一个，则背景颜色可以随鼠标移动变化。

第三步：画出有光晕的月亮

灵活应用fill和circle这两块积木。

fill (x,y)中 x的范围是0～255， 0是黑色，255是白色，中间数值是灰色。y代表透明度，y值越小越透明。

circle (x,y,z), x代表圆心的水平位置，y代表竖直方向上的位置，z代表圆的直径。

第四步：画出跟随鼠标移动的黑影

黑影同样用第三步中用到的fill和circle两块积木实现，不过fill的第一个参数改为变量z(第二步中有介绍),circle的第一个水平位置参数改为mouseX，跟随鼠标移动。

第五步：画出楼房

首先用fill积木确定填充色，之后用rect积木来画出四栋楼和一根天线。

第六步：画出窗户

用fill积木和rect积木来画出大楼的窗户。

第七步：插入湖两边的堤岸和湖心岛

利用fill积木和椭圆积木ellipse.

第八步：绘制运动的小车

引入变量y,y初始值设置为0，change by每次增加量为0.1。

用if...do...判断语句，使y的值超过700之后自动归零，小车可以在画面中循环运动。

记得在function setup下定义变量y。

第九步：画桥

用fill,rect，和循环count...from...to，轻松画出桥及栏杆。

灵活应用循环，可以省去不少重复工作哦。

第十步：插入雪花

类似第八步中运动的小车，利用变量使雪花匀速下降。

掌握以上十步，你也可以跟卢一的小学生一样做出炫酷的作品哦～～

关注我们，获得更多少儿编程课程免费分享

微信扫一扫联系lisa老师