---
# System prepended metadata

title: 五分鐘學 Scratch EP.03 - 創造自己的 Scratch 作品
tags: [scratch]

---

---
tags: scratch
---

# 五分鐘學 Scratch EP.03 - 創造自己的 Scratch 作品

### :memo: 學習重點

- [ ] 如何建立自己的 Scratch 專案
- [ ] Scratch 的介面與功能
- [ ] 拖拉積木撰寫程式
- [ ] 執行程式專案

---
### :cat: 建立新的 Scratch 專案

上回我們已經學會如何從瀏覽器上連線到 Scratch 的官方網站，並且可以體驗、遊玩別人的作品，現在，我們就來建立一個屬於我們自己的 Scratch 專案吧！

首先，一樣從瀏覽器連線到 Scratch 官方網站，然後點選首頁的「開始創造」按鈕。
![](https://i.imgur.com/NhntlSS.jpg)
<br>

接著，Scratch 的創作工作區（介面）就會出現囉～以後我們都會在這個工作區寫程式、創造我們自己的作品。
![](https://i.imgur.com/w8Bnrd9.jpg)
<br>

一開始畫面的中間會有一個教學影片可以觀看（綠色視窗），我們可以點選撥放的按鈕，跟著它的教學練習一下積木的操作。當然，也可以直接關閉，因為我們的 5 分鐘學 Scratch 以後會把所有的知識跟技術都教給大家！

---
### :cat: Scratch 工作區介紹
正式開始拼積木、寫程式之前，我們先來看看 Scratch 的工作區（介面）最重要的三個區塊。

### 1. 舞台與角色
首先，先讓我們來看最有畫面的「舞台區」。舞台區就是工作區的右上角，有一隻可愛貓咪的地方。而這隻貓咪，就是我們現在唯一的一個「角色」，牠會替我們在舞台上演出我們的故事。

同學們一定也有上台表演的經驗吧？Scratch 就跟我們上台表演一樣喔，「角色」就是參與表演的我們，而「舞台」就是我們表演的地方。

![](https://i.imgur.com/xf4N3Vz.jpg)

舞台的上方有好幾個按鈕，同學們有沒有發現其中三個很眼熟？沒錯，他們就是上次我們介紹的功能按鈕
| 按鈕 | 圖示 | 功能 |
| -------- | -------- | -------- |
| 綠旗     | ![](https://i.imgur.com/83EnlWP.jpg) | 開始或重新啟動這個專案。必須先點選這個按鈕才能開使體驗這個作品     |
| 紅色圓圈     | ![](https://i.imgur.com/NIqqaLT.jpg) | 停止專案程式的執行。只要按下這個按鈕，這個作品的程式就會停止運行     |
| 四角箭頭     | ![](https://i.imgur.com/gUWtoaB.jpg)| 放大或縮小專案畫面。可以把作品的畫面變成全螢幕或者回復到小視窗     |

另外兩個是「舞台模式」切換按鈕，可以調整舞台和角色區的大小，同學可以點選這兩個按鈕，看看自己比較喜歡、習慣哪種舞台的大小。
<br/>

### 2. 程式積木
用 Scratch 寫程式就像在拼樂高積木一樣，有好多 Scratch 幫我們準備好的積木，我們只要照著我們的創意把積木組合起來，就可以做出酷炫又有趣的作品。

工作區的左邊，就是我們的積木櫃子，所有的積木都會放在這個櫃子裡，而且 Scratch 很貼心唷，同學們可以發現櫃子上還幫我們寫了積木的種類，還幫我們塗上不同的顏色！

現在，如果你覺得很好奇，Scratch 有那些積木？那就趕快用滑數點選旁邊的積木分類，看看有哪些有趣、好用的積木吧！
![](https://i.imgur.com/YNQq8Ma.gif)

Scratch 的積木分類還有功能，我們會在以後做更詳細的教學，現在我們只要知道一些最基礎的就好～

### 3. 程式腳本
「腳本」就是我們上台表演之前一直在練習的講稿或者劇本。當們會在表演前不斷的練習，正式上台的時候會照著腳本演出。Scratch 的角色也是這樣唷，我們可以用積木幫角色設計腳本，當他們走上舞台，就會照著我們的積木（程式腳本）演出。

畫面中央的大片空白區域，就是我們寫程式的地方，我們只要把積木從左邊積木櫃拖拉到中間，就可以撰寫程式！

![](https://i.imgur.com/0BlvAuA.jpg)

當然，Scratch 的功能不只這三個，還有好多好多酷炫的功能，但目前我們先知道這些就好，以後的課程中我們再來探索更多 Scratch 的強大功能。

---
### :cat: 撰寫程式

介紹完 Scratch 工作區，大家一定都跟我一樣等不及想要寫自己的程式了對吧，我們趕快開始動手做吧！

請同學跟著老師一起按照下面的步驟拼接積木
1. 在黃色的「事件」櫃拿出「當![](https://i.imgur.com/83EnlWP.jpg)被點擊」積木，放到程式編輯區
2. 在亮藍色的「動作」櫃拿出「定位到 x:0 y:0」積木，並接在綠旗的積木下面
2. 在亮藍色的「動作」櫃拿出「移動 10 點」積木，並接在定位積木下面
3. 在橘色的「控制」櫃拿出「等待 1 秒」積木，並接移動的積木下面
4. 重複步驟 3, 4 二到三次

好！我們的程式寫完了，然後我們就會發現...

<h2>
    什麼事都沒發生
</h2>

為什麼咧？![](https://i.imgur.com/1dn9DEC.jpg)
<br>

還記得之前我們在玩別人的專案的時候，都需要先點綠旗![](https://i.imgur.com/83EnlWP.jpg) 嗎？沒錯！我們自己的專案，也必須點綠旗，角色才會知道表演已經開始了，他們才會動起來。

趕快在舞台的左上方找到![](https://i.imgur.com/83EnlWP.jpg)，點下去之後，我們的貓咪演員就會走動囉～
![程式範例圖片](https://i.imgur.com/hvzNVPr.gif)

<hr>

如何？Scratch 很厲害吧？隨便幾個積木就讓貓咪動起來了！嘿嘿，更厲害的還在後頭呢！不過，已經超過 5 分鐘了，所以先休息一下。下一回，我們會介紹更多的積木，然後讓我們的貓咪完成更高難度的表演。

那我們就下次見囉！
