[ Micro:bit ] 心跳顯示教學

任務目標

透過 Micro:bit 每 0.1 秒在 LED 顯示愛心跳動。


學習目標

  • 程式進入點
  • 迴圈使用
  • LED 顯示
  • 暫停使用
  • Blockly 語法
  • Python 語法

前置準備

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

使用料件

  • Micro:bit
  • Micro USB Cable

LED 心跳顯示程式邏輯

持續不斷執行
    在 LED 顯示大愛心圖示
    等待 0.1 秒鐘
    在 LED 顯示小愛心圖示
    等待 0.1 秒鐘

LED 心跳顯示程式撰寫

一、Blockly 語法

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


Step 2. 撰寫 Blockly 程式
❖ 2.1  依 LED 心跳顯示程式邏輯進行 Blockly 程式撰寫

※ 程式說明 ※

【 重複無限次 】方塊:代表持續不斷執行下方 4 行程式
【 顯示 圖示 】方塊:① 此方塊放於 【 重複無限次 】 方塊中
                  ② 在 LED 上顯示大愛心的符號
【 暫停 (ms) 】方塊:① 此方塊放於 【 重複無限次 】 方塊中
                   ② 暫停 0.1 秒鐘
                      100 毫秒 ( milliseconds ) = 0.1 秒 ( seconds )
【 顯示 圖示 】方塊:① 此方塊放於 【 重複無限次 】 方塊中
                  ② 在 LED 上顯示小愛心的符號
【 暫停 (ms) 】方塊:① 此方塊放於 【 重複無限次 】 方塊中
                   ② 暫停 0.1 秒鐘
                      100 毫秒 ( milliseconds ) = 0.1 秒 ( seconds )

Step 3. 燒錄程式到 Micro:bit

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

Step 4. 成果

持續不斷的每隔 0.1 秒鐘進行大小愛心的切換


二、Python 語法

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


Step 2. 撰寫 Python 程式
❖ 2.1  依 LED 心跳顯示程式邏輯進行 Python 程式撰寫

※ 程式說明 ※

第 1 行:程式注解最前面以 【 # 】字符號代表,注解請勿使用中文
第 2 行:匯入 micro:bit 套件
第 5 行:① 【 while 】代表 Pyhton 的迴圈,
            True 代表條件為真、False 代表條件為假,
            此行代表 【 持續不斷執行的迴圈 】
        ② 以【 : 】做結尾
第 6 行:① 以 【 Tab 】 鍵為縮排代表是在迴圈中的事件
        ② 在 LED 上顯示大愛心
           ㊟ 預設顯示的樣式如下:
              Image.HEART
              Image.HEART_SMALL
              Image.HAPPY
              Image.SMILE
              Image.SAD
              Image.CONFUSED
              Image.ANGRY
              Image.ASLEEP
              Image.SURPRISED
              Image.SILLY
              Image.FABULOUS
              Image.MEH
              Image.YES
              Image.NO
第 7 行:① 以 【 Tab 】 鍵為縮排代表是在迴圈中的事件
        ② 暫停 0.1 秒鐘, 
          100 毫秒 ( milliseconds ) = 0.1 秒 ( seconds )
第 8 行:① 以 【 Tab 】 鍵為縮排代表是在迴圈中的事件
        ② 在 LED 上顯示小愛心
第 9 行:① 以 【 Tab 】 鍵為縮排代表是在迴圈中的事件
        ② 暫停 0.1 秒鐘,
          100 毫秒 ( milliseconds ) = 0.1 秒 ( seconds )

Step 3. 燒錄程式到 Micro:bit

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

Step 4. 成果

持續不斷的每隔 0.1 秒鐘進行大小愛心的切換


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-Heart
List of blogs
ALL RIGHTS RESERVED. COPYRIGHT © 2018. Designed and Coded by Makee.io