天天看點

帶你讀《小創客趣玩micro bit開發闆程式設計》之三:你好,世界

點選檢視第一章 點選檢視第二章

第3章

你好,世界

帶你讀《小創客趣玩micro bit開發闆程式設計》之三:你好,世界

本章我們将學習如何使用 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塊都是置灰顯示。

帶你讀《小創客趣玩micro bit開發闆程式設計》之三:你好,世界

圖 3.1.正确運作的代碼塊和未生效的代碼塊

如果我們将光标放置在這些被置灰的代碼塊上方,就會看到類似于圖 3.2所示的提示資訊。這些資訊告訴我們,這些置灰的代碼塊因為沒有被放置在 on start塊裡面,是以不會被 microt:bit執行,也就是說,除了字母 A之外,字母B、C和 D都不會顯示出來。

帶你讀《小創客趣玩micro bit開發闆程式設計》之三:你好,世界

圖 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所示。

帶你讀《小創客趣玩micro bit開發闆程式設計》之三:你好,世界

圖 3.3.找到 show string代碼塊

最後完成的代碼如圖 3.4所示。

拖曳代碼塊是本書學習過程中常見的指令。它的具體執行動作是從編輯器的工具欄中找到指定的代碼塊并單擊,然後按住滑鼠左鍵不放,直至将代碼塊拖到工作區的指定位置後松開左鍵。随着後面學習中的頻繁使用,大家将會熟練掌握這一動作。

帶你讀《小創客趣玩micro bit開發闆程式設計》之三:你好,世界

圖 3.4.正确放置的 show string塊代碼

在使用 JavaScript Block程式設計語言的時候,當提到拖曳到某某塊裡時,兩個子產品應該是緊緊鑲嵌在一起的。圖 3.5中,show string塊并沒有置于 on start塊裡。

帶你讀《小創客趣玩micro bit開發闆程式設計》之三:你好,世界

圖 3.5.未被正确放置的 show string塊

第 2步:編輯字元串。

現在,讓我們單擊Hello,你會看到雙引号消失了,并且單詞背後出現了灰色底紋,這說明我們可以對字元串進行編輯了。将 Hello Word!輸入後回車,或者單擊工作區的空白處,此時,完成的代碼如圖 3.6所示,并且你會看到模拟器已經開始滾動顯示你輸入的字元串了。

帶你讀《小創客趣玩micro bit開發闆程式設計》之三:你好,世界

圖 3.6.HelloWorld!項目的最終代碼

恭喜你!本章的代碼編寫部分到此結束,well done!如果沒有看清,你可以單擊模拟器上的重新開機按鈕(重新開機按鈕的位置如圖 3.7所示)再次執行程式塊指令。

重新開機按鈕是一個帶有兩個彎曲箭頭的按鈕,這兩個箭頭首尾相連形成一個閉環。單擊重新開機按鈕後,模拟器将重新執行一遍工作區中的代碼,因為 on start塊中的代碼隻會執行一次,是以重新開機按鈕對于模拟器而言是非常重要的。

第 3步:儲存代碼。

注意到編輯界面下方的這個區域了嗎?(如圖 3.8所示)如果在你的頁面上顯示的是 Untitled的話,說明你還沒有給項目命名,請将項目名稱改為HelloWorld!。接下來,單擊一旁的儲存按鈕,就可以成功儲存我們的程式了。

帶你讀《小創客趣玩micro bit開發闆程式設計》之三:你好,世界

圖 3.7.模拟器上的重新開機按鈕

帶你讀《小創客趣玩micro bit開發闆程式設計》之三:你好,世界

圖 3.8.儲存按鈕的位置

3.3.小結

本章中,我們學習了如何使用 on start塊和 show string塊将英文單詞和标點符号顯示在模拟器的螢幕上。除此之外,我們還掌握了“字元串”的概念。在下一章中,我們會學習新的代碼塊,并嘗試将代碼下載下傳到 microt:bit上運作。

3.4.練習題

1.置灰的 on string代碼塊雖然被放置在工作區裡,但是不會    ,除非被放置在    塊下方。

2.在計算機軟體中,我們通常把字母和标點符号叫做    ,由兩個或多個字元組成的單詞或者句子被稱為    。

3.以下哪個圖形是模拟器上的重新開機按鈕标記?()

帶你讀《小創客趣玩micro bit開發闆程式設計》之三:你好,世界

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上試一試,驗證你的想法。

繼續閱讀