---
# System prepended metadata

title: 'micro:bit專題 | 入門程度專題'
tags: ['micro:bit 中文學習資源']

---

# micro:bit專題 | 入門程度專題

# 愛心圖形
> LED display | Input/output
## 第一步：製作它
:::info
https://microbit.org/projects/make-it-code-it/heart/

:::

### 運用什麼概念？
透過內建的LED顯示愛心圖形，用愛點亮你的micro:bit。

以下兩支影片能協助您了解更多micro:bit的創意應用以及如何編寫程式：
- https://youtu.be/cAhn7lPI6mU
- https://youtu.be/ykpdk_qkShk

### 製作的原理
這是一門學習如何將程式在micro:bit上運行的首選課程!
當寫好的程式被傳送到micro:bit上時，處理器將逐步執行你給予的指令。

程式將micro:bit’s上的LED燈亮起，並呈現愛心的圖形，只要micro:bit處於通電狀態，在使用者未執行其它指令之前，愛心圖形會一直顯示在LED上。

micro:bit內建一系列的圖形可以在你的設計專案裡做應用，顯示在電腦、手機、平板螢幕上的圖案，是由多個小方格組成的點陣數位影像，這個小方格叫做像素(Pixels)，而micro:bit的圖形顯示是由25個(5x5)LED組成。


### 需要哪些東西？
- 一台micro:bit(或MakeCode模擬器)
- MakeCode或Python編輯器
- 一條USB傳輸線（micro:bit與電腦連接時）
- 外接電池盒（micro:bit與手機和平板連接時）
- micro:bit的設定指南

## 第二步：開始設計程式

![](https://i.imgur.com/rqYIQf1.png)


## 第三步： 改良它

- 可嘗試選用其它內建的圖形進行創作，像是HAPPY、DUCK、GHOST等圖形。
- 讓micro:bit 顯示多個圖形。
- 探索以下設計專案，激發出你專屬的設計圖案。


# 心跳動畫
## 第一步：製作它
:::info
https://microbit.org/projects/make-it-code-it/beating-heart/
:::
### 運用什麼概念？
運用重複迴圈的程式設計，製作屬於你的micro:bit心跳動畫。
以下兩支影片能協助您了解更多micro:bit的創意應用以及如何編寫程式：

### 介紹
### 程式指南
### 製作的原理
- 運用兩個內建不同大小的愛心圖形，程式就能在micro:bit的LED顯示燈上做出心跳動畫。
- 透過不同大小的圖形進行序列顯示的轉換，會產生運動的錯覺：心臟正在跳動(變大變小)。
- 兩個不同的圖形之間進行轉換，每0.5秒(500毫秒)轉換一次。
- 利用無限迴圈讓動畫持續的進行，重複無限次執行圖形的轉換，直到micro:bit被拔除於連接裝置後，才會停止執行。
- 電腦程式設計的重要元素是善用迴圈語法，讓指令能夠無限次被執行：只要micro:bit處於通電狀態，透過一小段的程式碼，就能讓做好的動畫重複執行。
- 每一次過程的重複被稱爲迭代(iteration)。

### 需要哪些東西？
- 一台micro:bit(或MakeCode模擬器)
- MakeCode或Python編輯器
- 外接電池盒(無電腦供電時)
- micro:bit的設定指南
## 第二步：開始設計程式

![](https://i.imgur.com/rqYIQf1.png)









## 第三步：改良它
- 改變程式中的延遲時間(delay time)，讓心跳動畫忽快忽慢。
- 試著用其它內建的圖形，做出正方形或鑽石形狀的動畫。
- 透過你的設計，製作出你專屬的動畫。


# 動物動畫
## 第一步：製作它

### 運用什麼概念？
運用動畫的概念讓micro:bit上的圖形動起來。


### 製作的原理
- 該程式創建了動畫效果，能將內建或自己設計的圖形在micro:bit的LED顯示燈上製造出動畫。
- 剛開始會先顯示內建的鴨子圖形，接著像素點往下移動到另一個位置時，會顯示變化後的鴨子圖形。
- 顯示兩個不同圖形在每0.5秒（500毫秒）時的轉換，讓這個動畫看起來像是鴨子在水裡上下擺動。
- micro:bit 未拔除於連接裝置前，無限迴圈能讓micro:bit 上的圖形進行連續的轉換。
- 迴圈是程式語言的迭代陳述，可幫助使用者創建有效率又緊密的程式碼去執行指令，又可避免不必要的重複指令。



### 需要哪些東西？
- 一台micro:bit(或MakeCode模擬器)
- MakeCode或Python編輯器
- 外接電池盒（無電腦供電時）
- micro:bit的設定指南
- 準備圖像紙或LED計劃表來規劃出你想呈現的動畫設計。

## 第二步：開始設計程式

![](https://i.imgur.com/rqYIQf1.png)


## 第三步： 改良它

- 試著改良內建不同的圖形，像是可以設計會動的長頸鹿和兔子。
- 在圖像紙或是LED規劃表劃上你的設計草稿，發想屬於你自己的設計圖形。
- 製作一個連續的動畫去訴說一個故事。
- 在Python的程式語言中，可使用不同的數字指令去改變不同像素的亮度，例如數字9為最亮，而1為最暗、其中0代表不亮。

:::


# 表情徽章
## 第一步：製作它

### 運用什麼概念？
使用micro:bit顯示的表情圖形，向全世界表達你的心情。

以下兩支影片教你如何製作及嵌入程式碼：

### 製作的原理
- micro:bit的正面有兩個輸入按鍵，可以用來觸發你想顯示的東西。
- 當你按下按鈕A時，程式會做出反應，並將笑臉的圖形顯示在LED顯示燈上。
- 反之，當按下按鈕B時，將會顯示哭臉圖形。


### 需要哪些東西？
- 一台micro:bit(或MakeCode模擬器)。
- MakeCode或Python編輯器。
- 外接電池盒(無電腦供電時)。

## 第二步：開始設計程式

![](https://i.imgur.com/rqYIQf1.png)

## 第三步： 改良它
- 嘗試改良你的表情圖形，像是睡著、困惑、不在乎等表情。
- 用LED顯示燈設計你專屬的表情圖形。
- 使用表情徽章去顯示是否需要幫助，或是製作會顯示勾號或叉號結果的班級投票徽章。
- 設計一個micro:bit徽章的佩戴方式，可使用線、膠帶來做佩戴(請勿使用安全別針，因為金屬有導致micro:bit損壞)。



# 賣萌

## 第一步：製作它

### 運用什麼概念？
擴展你可以顯示的表情— 向上向下跳動以顯示你感覺到的可愛表情



### 製作的原理
- 就像表情徽章一樣，當你按下不同按鈕時(A或B)，這個程式會顯示快樂或悲傷等不同的表情。
- micro:bit 也有其它輸入的方式，例如傳感器。
- 該程式使用了micro:bit的加速度感測器來測量搖晃時的力量。
- 當加速度感測器偵測到突然的移動時，程式會使可愛的笑臉顯示在LED燈上。

### 需要哪些東西？
- 一台micro:bit(或MakeCode模擬器)。
- MakeCode或Python編輯器。
- 外接電池盒(無電腦供電時)。
- 用活力一起來搖晃和跳躍或變得更可愛。

## 第二步：開始設計程式

![](https://i.imgur.com/rqYIQf1.png)

## 第三步： 改良它
- 使用內建不同的表情圖形，像是MEH, CONFUSED or ANGRY等。
- 當按下不同按鈕時(A或B)，將會顯示不同表情。
- 使用LED display 自訂你的表情圖形，就像我們設計動畫動物一樣。
- 加速感測器可以感應到其它的手勢，像是「下墜」及「向左或、右傾斜」等移動 — 來試試看吧！[請點此處](https://microbit-micropython.readthedocs.io/en/v1.0.1/tutorials/gestures.html)可以在micro:bit Python 中找到更多關於手勢的資訊。


# 閃爍表情
## 第一步：製作它

### 運用什麼概念？
透過閃爍的笑臉跟哭臉讓你的情感表露無遺。

### 製作的原理

- 就像表情徽章設計專案一樣，該程式會根據你按下的按鈕顯示不同的表情圖形。
- 迴圈可使指令永遠運行，但在本專題，我們使用數字迴圈讓圖像閃爍4次，使得更引人注目。
- 電腦程式設計中的重要概念是善用迴圈語法，因為可以節省多次重複的程式碼，讓程式更有效率地運行，其概念稱為迭代(iteration)。



### 需要哪些東西？
- 一台micro:bit(或MakeCode模擬器)。
- MakeCode或Python編輯器。
- 外接電池盒(無電腦供電時)


## 第二步：開始設計程式
![](https://i.imgur.com/rqYIQf1.png)

## 第三步： 改良它
- 將迴圈數字4增大，讓徽章閃爍更多次。
- 透過改變圖形和圖形之間的轉換延遲(200毫秒, 0.2秒），讓閃爍的更快或更慢。
- 使它永遠閃爍。
- 使用不同的表情圖形，或是繪製你專屬的表情圖形。



###### tags: `micro:bit 中文學習資源`