[ Micro:bit ] 隨機情緖顯示器教學

任務目標

透過 Micro:bit 在 LED 上隨機產生 5 種心情符號。


學習目標

  • 迴圈使用
  • 變數
  • 亂數產生
  • 條件判斷
  • 陣列
  • LED 顯示跑馬燈
  • Blockly 語法
  • Python 語法

前置準備

  • 一台電腦
  • 覽瀏器 ( 本範例使用 Chrome )

使用料件

  • Micro:bit
  • Micro USB Cable

隨機情緖顯示器程式邏輯


隨機情緖顯示器程式撰寫

一、Blockly 語法

Step 1. 開啟線上編輯器
❖ 1.1  開啟瀏覽器並輸入下方網址
       https://makecode.microbit.org/#


Step 2. 撰寫 Blockly 程式
❖ 2.1  依隨機情緖顯示器程式邏輯進行 Blockly 程式撰寫

※ 程式說明 ※

【 重複無限次 】方塊:代表持續不斷執行下方 3 行程式
【 變數 設為 】方塊:① 此方塊放於 【 重複無限次 】 方塊中
                  ② 宣告一個 randomNo 的變數存放機產生 0 ~ 4 的數值
【 如果 那麼 】方塊:① 此方塊放於 【 重複無限次 】 方塊中
                  ② 判斷 randomNo 變數的數值,來顯示不同的表情符號
【 顯示 圖示 】方塊:① 此方塊放於 【 條件判斷 】 方塊中
                  ② 於 LED 中顯示不同的表情符號

Step 3. 燒錄程式到 Micro:bit

❖ 3.1  ① 將所撰寫的程式命名
       ② 儲存所撰寫的 Blockly 程式到電腦中
       ③ 將上一步驟中的程式移到 Micro:bit 進行燒錄
       ④ 在 Micro:bit 上進行測試

Step 4. 成果

隨機產生不同的表情符號顯示於 LED


二、Python 語法

Step 1. 開啟線上編輯器
❖ 1.1  開啟瀏覽器並輸入下方網址
       https://python.microbit.org/v/1


Step 2. 撰寫 Python 程式
❖ 2.1  依隨機情緖顯示器程式邏輯進行 Python 程式撰寫

※ 程式說明 ※

第 1 行:程式注解最前面以 【 # 】字符號代表,注解請勿使用中文
第 2、3 行:匯入 micro:bit 套件
第 5 行:① 【 while 】代表 Pyhton 的迴圈,
            True 代表條件為真、False 代表條件為假,
            此行代表 【 持續不斷執行的迴圈 】
        ② 以【 : 】做結尾
第 6 行:① 以 【 Tab 】 鍵為縮排代表是在迴圈中的事件
        ② 宣告一個 no 的變數,以存放隨機產生 0 ~ 4 之間的數
第 7 ~ 16 行:① 以 【 Tab 】 鍵為縮排代表是在迴圈中的事件
             ② 判斷 no 的變數值,來顯示不同的符號於 LED
第 17 行:① 以 【 Tab 】 鍵為縮排代表是在迴圈中的事件
         ② 暫停 1 秒鐘
          1000 毫秒 ( milliseconds ) = 1 秒 ( seconds )
㊕ 進階版

※ 程式說明 ※

第 1 行:程式注解最前面以 【 # 】字符號代表,注解請勿使用中文
第 2、3 行:匯入 micro:bit 套件
第 5 行:① 【 while 】代表 Pyhton 的迴圈,
            True 代表條件為真、False 代表條件為假,
            此行代表 【 持續不斷執行的迴圈 】
        ② 以【 : 】做結尾
第 6 行:① 以 【 Tab 】 鍵為縮排代表是在迴圈中的事件
        ② 宣告一個 Img_list 的陣列,以存放不同的符號
第 7 ~ 8 行:① 以 【 Tab 】 鍵為縮排代表是在迴圈中的事件
            ② 隨機從 Img_list 陣列中取一符號出來顯示於 LED
第 9 行:① 以 【 Tab 】 鍵為縮排代表是在迴圈中的事件
        ② 暫停 1 秒鐘
          1000 毫秒 ( milliseconds ) = 1 秒 ( seconds )

Step 3. 燒錄程式到 Micro:bit

❖ 3.1  ① 將所撰寫的程式命名
       ② 儲存所撰寫 Python 的 hex 程式到電腦中
       ③ 將上一步驟中的程式移到 Micro:bit 進行燒錄
       ④ 在 Micro:bit 上進行測試

Step 4. 成果

隨機產生不同的表情符號顯示於 LED


GitHub
【 GitHub Blockly 】 https://github.com/ArcherHuang/Micro-bit/tree/master/Game/Blockly
【 GitHub Python  】 https://github.com/ArcherHuang/Micro-bit/tree/master/Game/Python
【      Name      】 microbit-Random-Emotion-1 與 
                     microbit-Random-Emotion-2
List of blogs
ALL RIGHTS RESERVED. COPYRIGHT © 2018. Designed and Coded by Makee.io