带你读《小创客趣玩micro bit开发板编程》之三:你好,世界-阿里云开发者社区

开发者社区> 华章出版社> 正文
登录阅读全文

带你读《小创客趣玩micro bit开发板编程》之三:你好,世界

简介: 本书从 micro:bit介绍、micro:bit开发方式、Makecode图形化编程和创意编程案例实践4个维度带领大家逐步理解和学习 micro:bit的使用方法。

点击查看第一章
点击查看第二章

第3章

你好,世界

image.png
本章我们将学习如何使用 MakeCode图形编辑器让 microt:bit显示屏显示英文短句‘Hello,world!’,以及如何使用 MakeCode自带的模拟器测试我们的代码。学习过程中,我们还会了解到诸如字符串、未生效的代码块等概念。

3.1.强大的代码块

一切从 on start块开始。
想要顺利完成本章的任务 ——让 microt:bit显示出‘Hello, world!’,我们需要使用两个代码块:on start块和 show string块。其中,show string块可以控制microt:bit显示屏上的 LED灯泡,让显示屏展示出我们提供给程序的英文单词或者标点符号,我们把这样的一组英文单词和标点符号叫做字符串。那么 on start块的作用是什么呢?图 3.1中,我们看到了多个 show string代码块,其中只有被 on start块包裹的show string块呈现出蓝色底色,其他 3个 show string块都是置灰显示。
image.png

图 3.1.正确运行的代码块和未生效的代码块

如果我们将光标放置在这些被置灰的代码块上方,就会看到类似于图 3.2所示的提示信息。这些信息告诉我们,这些置灰的代码块因为没有被放置在 on start块里面,所以不会被 microt:bit执行,也就是说,除了字母 A之外,字母B、C和 D都不会显示出来。
image.png

图 3.2.未生效的代码块说明

注 意
本书所使用的 MakeCode版本是 2018年 10月 26日更新的版本,不同版本所显示的说明文字可能会有略微不同。详细的版本信息请参阅官方博客地址 :https://makecode.com/blog/

知识点
在计算机领域,我们通常把字母和标点符号叫做字符,由两个或多个字符组成的单词或者句子则被称为字符串。例如:"hello! "字符串就是由'h'、'e'、'l'、'l'、'o'、'!'一共 6个字符组成的,字符及字符串最标志性的特点就是两头用引号。

3.2.我的第一个 microt:bit程序:Hello World!

打开浏览器,输入网址https://makecode.microbit.org/,单击带有加号的Project按钮,新建的项目默认名称是Untitled, 在界面里找到它,把它改为 HelloWorld!作为项目的名称。
注 意
改变名称并不会影响代码块的功能,却可以帮助我们记住这个项目的功能,方便将来有多个项目的时候整理它们。一定要养成好习惯,每次新建项目后的第一个任务便是修改项目名称。
第 1步:拖曳 show string块。
从指令块工具栏中的 Basic(基础)模块组下找到 show string代码块,拖曳到on start块里。show string块的位置如图 3.3所示。
image.png

图 3.3.找到 show string代码块

最后完成的代码如图 3.4所示。
注 意
拖曳代码块是本书学习过程中常见的指令。它的具体执行动作是从编辑器的工具栏中找到指定的代码块并单击,然后按住鼠标左键不放,直至将代码块拖到工作区的指定位置后松开左键。随着后面学习中的频繁使用,大家将会熟练掌握这一动作。
image.png

图 3.4.正确放置的 show string块代码

在使用 JavaScript Block编程语言的时候,当提到拖曳到某某块里时,两个模块应该是紧紧镶嵌在一起的。图 3.5中,show string块并没有置于 on start块里。
image.png

图 3.5.未被正确放置的 show string块

第 2步:编辑字符串。
现在,让我们单击Hello,你会看到双引号消失了,并且单词背后出现了灰色底纹,这说明我们可以对字符串进行编辑了。将 Hello Word!输入后回车,或者单击工作区的空白处,此时,完成的代码如图 3.6所示,并且你会看到模拟器已经开始滚动显示你输入的字符串了。
image.png

图 3.6.HelloWorld!项目的最终代码

恭喜你!本章的代码编写部分到此结束,well done!如果没有看清,你可以单击模拟器上的重启按钮(重启按钮的位置如图 3.7所示)再次执行程序块指令。
知识点
重启按钮是一个带有两个弯曲箭头的按钮,这两个箭头首尾相连形成一个闭环。单击重启按钮后,模拟器将重新执行一遍工作区中的代码,因为 on start块中的代码只会执行一次,所以重启按钮对于模拟器而言是非常重要的。
第 3步:保存代码。
注意到编辑界面下方的这个区域了吗?(如图 3.8所示)如果在你的页面上显示的是 Untitled的话,说明你还没有给项目命名,请将项目名称改为HelloWorld!。接下来,单击一旁的保存按钮,就可以成功保存我们的程序了。
image.png

图 3.7.模拟器上的重启按钮

image.png

图 3.8.保存按钮的位置

3.3.小结

本章中,我们学习了如何使用 on start块和 show string块将英文单词和标点符号显示在模拟器的屏幕上。除此之外,我们还掌握了“字符串”的概念。在下一章中,我们会学习新的代码块,并尝试将代码下载到 microt:bit上运行。

3.4.练习题

1.置灰的 on string代码块虽然被放置在工作区里,但是不会    ,除非被放置在    块下方。
2.在计算机软件中,我们通常把字母和标点符号叫做    ,由两个或多个字符组成的单词或者句子被称为    
3.以下哪个图形是模拟器上的重启按钮标记?()
image.png
4.字符及字符串标志性的特点是( )。
A.有英文单词 B.引号包裹 C.有标点符号D.三个都不是
5.还记得 3.1.1节中的代码吗?试着编写出来并测试一下,看看模拟器上的显示是否如我们预料的一样,只显示了字母A,而没有显示字母B、C或D。
6.show string块可以展示数字吗?我们应该如何证明自己的猜想呢?
7.on start块也存在于指令工具栏中,所以如果不慎删除了工作区中的 on start块也不用慌张,可以在 Basic模块类中找到它,并重新将其拖曳回工作区中。我们都知道,on start表示在开始时执行的指令块,那么如果工作区中存在两个 on start块,模拟器会选择执行哪一个 on start块中的指令呢?有没有可能两个 on start块同时执行?大胆做出猜想,然后登录 MakeCode编辑器界面验证你的猜想!
提 示
在 MakeCode界面中,有两个选项需要慎之又慎,它们就是位于设置按钮下的 Delete Project选项和 Reset选项。通过这两个选项的文字提示你能猜出它们的功能和区别吗?在 MakeCode上试一试,验证你的想法。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:

华章出版社

官方博客
官网链接