---
# System prepended metadata

title: Scratch教學08
tags: [程式設計, Scratch]

---

###### tags: Scratch教學

Scratch教學08
===

## :computer:Scratch 08 影分身之術
<iframe src="https://scratch.mit.edu/projects/965399972/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>



:::info
### [:bulb:先連結Scratch官網並登入](https://scratch.mit.edu/)或開啟桌面Scratch 3應用程式![scratch3icon](https://hackmd.io/_uploads/BkDl8Ctp6.png =30x40)

:::
* 說明:角色會隨著滑鼠移動，當角色被點擊時，會產生好幾個分身的影分身之術效果。
* 使用技巧: 追蹤滑鼠、點擊角色、重複、滑行、隨機數、建立分身、外觀改變、廣播訊息
:::success
### :bulb:操作順序
1. 加入舞台背景(自訂或下載老師提供的背景)
2. 加入角色(自訂或下載老師提供的忍者)
3. 角色追蹤滑鼠
4. 角色被點擊角色分身產生並進行廣播訊息(連結舞台更換背景用)
5. 角色分身滑行設定(產生多個分身散發的情況)
6. 舞台更換背景設定
:::

### 1. 加入舞台背景
:::danger
  自訂背景:可選擇內建之背景或是下載老師提供的👉[**背景庫**](https://drive.google.com/drive/folders/1S3B8brfuxmGy0qNZQ1p49cArz62P5unq?usp=drive_link) 

:::

點選舞台加入舞台背景，為了讓背景有動態的效果，請至少加入兩至三張的背景圖。(原始空白的背景圖請記得刪除)
![stage01](https://hackmd.io/_uploads/ryWmSjt66.png)
![stage02](https://hackmd.io/_uploads/r1jXrjt66.png)
![stage03](https://hackmd.io/_uploads/S1wvwoYTa.png)
![stage04](https://hackmd.io/_uploads/SyyODjKpp.png)

### 2. 加入角色
:::danger
  自訂角色:可選擇內建之角色或是下載老師提供的👉[**角色庫**](https://drive.google.com/drive/folders/1qUYWoS-2SQOIKtVBgbDa7ZJ4KSCYR5ug?usp=sharing)
:::

點選角色區，可以加入內建的角色或是上傳自己的圖檔
![role01](https://hackmd.io/_uploads/HJPQjsta6.png)
![role02](https://hackmd.io/_uploads/By74ojKTa.png)

若角色太大可以調整尺寸來改變大小
![role03](https://hackmd.io/_uploads/BJ5VjoYaT.png)

預設的角色(貓咪)可以直接刪除或是隱藏
![role04](https://hackmd.io/_uploads/B1iOooKTT.png)

### 3. 角色追蹤滑鼠
:::danger
  🧱使用積木:事件、控制、動作
:::

**說明:當程式開始執行時(綠旗被點一下)，角色會跟著滑鼠移動。**
* 角色跟著滑鼠移動可使用"定位"積木，讓積木直接定位滑鼠的位置，會了讓角色持續跟著滑鼠移動，讓定位的動作重複進行(無限次數)
![shadow01](https://hackmd.io/_uploads/HJeSQhFpa.png)

### 4. 角色被點擊角色分身產生並進行廣播訊息(連結舞台更換背景用)
:::danger
  🧱使用積木:事件、控制、外觀
:::
**說明:當角色被點擊時，產生分身且每個分身顏色會變化。**

1. 放入「當角色被點擊」積木。
2. 角色定位後，使用「重複 10 次」積木，每次重複產生角色自己的分身。
3. 加入圖像效果顏色變化，使分身產生顏色變化。(見下方tips說明)
4. 發出廣播訊息(為了呼叫舞台更換背景用)
5. 恢復圖像效果，將顏色設為0(圖片原本的顏色)
![shadow02](https://hackmd.io/_uploads/r1so5ptpa.png)

### 5. 角色分身滑行及收回設定(產生多個分身散發的情況後再回到原身)
:::danger
  🧱使用積木:控制、動作
:::
**說明:當角色產生分身時會往外滑行1秒後再回到原身並消失。**
1. 加入"當分身產生"的積木
2. 讓分身"滑行1秒到隨機位置"
3. 等待1秒後
4. 讓分身"滑行1秒到鼠標位置"
5. 刪除分身(讓分身消失)

![shadow03](https://hackmd.io/_uploads/rJw4C6Y6a.png)



:::info
:bulb:tips:「圖像效果」積木可以讓角色添加視覺特效，包含顏色改變、魚眼、漩渦、像素化、馬賽克、亮度和幻影等特效
* 圖像效果-顏色:數值範圍 0～200，是以圖像自身的顏色為0，進行顏色變化，如下方的色環說明
![圖像效果數值](https://hackmd.io/_uploads/HkbgLaFaT.png =300x300)
* 圖像效果-魚眼、漩渦:數值範圍 -100～2^30，圖像如魚眼及漩渦狀變形，數值越大，效果越明顯
* 圖像效果-像素化:數值範圍無限制，讓角色變成格點狀，數值越大，格點越大
* 圖像效果-馬賽克:數值範圍無限制，讓角色變成像馬賽克拼貼，數值越大，角色會越小
* 圖像效果-亮度:數值範圍-100~100，讓角色變亮(正)或變暗(負)
* 圖像效果-幻象:數值範圍 0～100，調整角色的透明度，0為不透明，100為全透明。(若有設定記得設定回復效果，否者圖像可能會消失(全透明看不見)
:::

忍者角色完整程式積木
![忍者程式積木](https://hackmd.io/_uploads/SJvuP9paT.jpg)

### 6. 舞台更換背景設定
:::danger
  🧱使用積木:事件、外觀
:::
**說明:當舞台收到廣播訊息的呼叫時，進行更換背景圖片。**


1. 切換到舞台的程式區
2. 加入"當收到訊息message1"
3. 背景換成下一個
![shadow04](https://hackmd.io/_uploads/SkjnJCFaT.png)

:::info
:bulb:「廣播訊息積木」主要角色之間的互動，由一個角色廣播訊息，再由另一個角色接收訊息，當該角色接收到訊息時就會執行對應的程式積木
:::



