1. 玩电学小子,学编程知识。大家好我是王老师,本日来讲第 11 节课的内容,即利用坐标法给 micro:bit 绘图。
2. 在之前的学习中知道 micro:bit 的屏幕由 25 颗 LED 灯组成,若随便点亮个中一颗灯,问屏幕上是哪颗灯亮起,可能会有点懵,大概有人会说从上往下数第二列,从左往右数是 1-234 第四颗灯亮起,这么说没错,但表达麻烦且别人不一定能懂。有没有大略好记的办法?那便是利用“坐标”形容,这便是个大略坐标系,能帮助找到和描述点在舆图或空间的准确位置,蓝色横轴叫 x 轴,赤色竖轴叫 y 轴。
3. 如何利用坐标系描述位置?看例子,坐标系上有颗玄色圆点,它对应的 x 轴是 2,y 轴是 1,就把坐标称为 x 是 2,y 是 1,这样能准确表达位置。
4. 在 micro:bit 的屏幕中,坐标系的 x 轴和 y 轴都是从 0 到 4 的数值,如何表达每颗灯的位置?比如第一颗灯,x 轴对应 0,y 轴对应 0,其 xy 坐标便是(0,0)。各 LED 的 x.y 坐标都罗列出来了,每个坐标都有两个数值,如(2,1),左边 2 是 x 轴数值,1 是 y 轴数值,对应中间灯的位置,是清晰的表格,可大略记一下。
5. 也可在 micro:bit 的仿照器上看到灯的坐标,把鼠标移到不同灯位置会自动弹出 xy 坐标,可试试看。
6. 学习坐标绘图的代码,在工具栏中 LED 选项第一个便是“绘图 xy”,修正 x 和 y 的数值可点亮指定位置的 LED 灯,操作试试看。拖出代码后随机选颗灯点亮,输入 x 是 3,y 是 1,下载看,对应灯点亮,这便是“绘图 xy”代码用法。要把稳 x 和 y 数值是 0 到 4 范围,因对应 LED 灯位置,这在坐标中有讲,把稳。
7. 用代码绘制打勾图标,编程思路是要绘制打勾图标需点亮 4 个不同位置 LED 灯,就须要 4 个“绘图 xy”代码模块,再改 xy 坐标。详细程序这样编写:先复制多 3 个“绘图 xy”代码,有 4 个可点亮 4 颗不同位置灯。然后根据打勾图标找出对应坐标位置,截图,回程序放大显示仿照器。对应每颗 LED 灯位置,最上面那颗和编的程序位置一样,可不编写。下面那颗对应(1,2),改第二个代码 xy 数值为 1 和 2。右边那颗与第一颗隔一个灯,看坐标是(3,2),第三个数值是 3 和 2。最下面那颗在中间再下一格,是(2,3),改末了一个为 2 和 3。下载看显示效果,打勾图标成功显示。
8. 看本节课拓展任务,请用“绘图 xy”代码绘制不同图标,也可参考右边正方形做一个,大家快动手试试。
本节课内容就到这里,下节课再见。粉丝福利,免费领取课程资料。